use http2_push instead of http2_push_preload

This avoids needing to conditionally add nopush to each preloaded
resource in the Link header. There's also no support for pushing
JavaScript modules via http2_push_preload since nginx doesn't have
support for rel=modulepreload.

1 files changed, 16 insertions, 5 deletions

diff --git a/nginx/nginx.conf b/nginx/nginx.conf
index a97b63b4..c134b235 100644
--- a/nginx/nginx.conf
+++ b/nginx/nginx.conf
@@ -77,15 +77,26 @@ http {
         default 0;
     }
 
-    map $nopush $preload_resources {
-        1 "<{{path|/main.css}}>; rel=preload; nopush; as=style; integrity={{integrity|/main.css}}, </fonts/roboto-v29-regular-latin.woff2>; rel=preload; nopush; as=font; crossorigin, </fonts/roboto-v29-bold-latin.woff2>; rel=preload; nopush; as=font; crossorigin, <{{path|/mask-icon.svg}}>; rel=preload; nopush; as=image";
-        default "<{{path|/main.css}}>; rel=preload; as=style; integrity={{integrity|/main.css}}, </fonts/roboto-v29-regular-latin.woff2>; rel=preload; as=font; crossorigin, </fonts/roboto-v29-bold-latin.woff2>; rel=preload; as=font; crossorigin, <{{path|/mask-icon.svg}}>; rel=preload; as=image";
-    }
-
     map $nopush $push_cookie {
         0 "__Host-preload=1; HttpOnly; Secure; SameSite=Lax; Path=/";
     }
 
+    map $nopush $push_stylesheet {
+        0 "{{path|/main.css}}";
+    }
+
+    map $nopush $push_font_regular {
+        0 /fonts/roboto-v29-regular-latin.woff2;
+    }
+
+    map $nopush $push_font_bold {
+        0 /fonts/roboto-v29-bold-latin.woff2;
+    }
+
+    map $nopush $push_mask_icon {
+        0 "{{path|/mask-icon.svg}}";
+    }
+
     server {
         listen 80 backlog=4096;
         listen [::]:80 backlog=4096;