fix(layout): defer non critical resources

internal/pkg/config/default.go

@@ -10,8 +10,10 @@ func Default() Cfg {
 			CacheLifetime: time.Hour * 24 * 31,
 		},
 		Tracking: &Umami{
-			ScriptSrc: "https://umami.schreifuchs.ch/script.js",
+			ScriptSrc:          "https://umami.schreifuchs.ch/script.js",
-			WebsiteID: "54d8a379-77d5-4c20-b46d-5c9a6c9e39bd",
+			RecorderSrc:        "https://umami.schreifuchs.ch/recorder.js",
+			WebsiteID:          "54d8a379-77d5-4c20-b46d-5c9a6c9e39bd",
+			PerformanceEnabled: true,
 		},
 		Gallery: &Gallery{
 			Path: "photos",

internal/pkg/config/resource.go

@@ -52,8 +52,10 @@ type Gallery struct {
 }
 
 type Umami struct {
-	ScriptSrc string `env:"SCRIPT_SRC"`
+	ScriptSrc          string `env:"SCRIPT_SRC"`
-	WebsiteID string `env:"WEBSITE_ID"`
+	RecorderSrc        string `env:"RECORDER_SRC"`
+	WebsiteID          string `env:"WEBSITE_ID"`
+	PerformanceEnabled bool   `env:"PERFORMANCE_ENABLED`
 }
 
 func Read(ctx context.Context) (cfg Cfg, err error) {

web/layouts/base.templ

@@ -16,10 +16,13 @@ templ head(cfg config.Cfg, title string) {
 		<link rel="icon" type="image/png" href="/favicon.png"/>
 		<link fetchpriority="high" href="/css/output.css" rel="stylesheet"/>
 		<script src="/js/htmx.min.js"></script>
-		<script src="/js/hx-head.min.js"></script>
+		<script defer src="/js/hx-head.min.js"></script>
-		<script src="/js/hx-preload.min.js"></script>
+		<script defer src="/js/hx-preload.min.js"></script>
-		<script src="/js/preload-links.min.js"></script>
+		<script defer src="/js/preload-links.min.js"></script>
-		<script src={ cfg.Tracking.ScriptSrc } data-website-id={ cfg.Tracking.WebsiteID }></script>
+		<script defer src={ cfg.Tracking.ScriptSrc } data-website-id={ cfg.Tracking.WebsiteID } data-performance={ cfg.Tracking.PerformanceEnabled }></script>
+		if cfg.Tracking.RecorderSrc != "" {
+			<script defer src={ cfg.Tracking.RecorderSrc } data-website-id={ cfg.Tracking.WebsiteID }></script>
+		}
 		for _, h := range templer.GetHeader(ctx) {
 			@templ.Raw(h)
 		}