fix(layout): defer non critical resources

internal/pkg/config/default.go

@@ -11,7 +11,9 @@ func Default() Cfg {
 		},
 		Tracking: &Umami{
 			ScriptSrc:          "https://umami.schreifuchs.ch/script.js",
+			RecorderSrc:        "https://umami.schreifuchs.ch/recorder.js",
 			WebsiteID:          "54d8a379-77d5-4c20-b46d-5c9a6c9e39bd",
+			PerformanceEnabled: true,
 		},
 		Gallery: &Gallery{
 			Path: "photos",

internal/pkg/config/resource.go

@@ -53,7 +53,9 @@ type Gallery struct {
 
 type Umami struct {
 	ScriptSrc          string `env:"SCRIPT_SRC"`
+	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)
 		}