fix(layout): defer non critical resources

internal/pkg/config/default.go

@@ -13,6 +13,7 @@ func Default() Cfg {
 			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

@@ -54,8 +54,8 @@ 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,14 +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 } performance="true"></script>
+		<script defer src={ cfg.Tracking.ScriptSrc } data-website-id={ cfg.Tracking.WebsiteID } data-performance={ cfg.Tracking.PerformanceEnabled }></script>
 		if cfg.Tracking.RecorderSrc != "" {
-			<script src={ cfg.Tracking.RecorderSrc } data-website-id={ cfg.Tracking.WebsiteID }></script>
+			<script defer src={ cfg.Tracking.RecorderSrc } data-website-id={ cfg.Tracking.WebsiteID }></script>
 		}
-
 		for _, h := range templer.GetHeader(ctx) {
 			@templ.Raw(h)
 		}