From a904c39538b9baca9992b27f79fb8a251f787eb1 Mon Sep 17 00:00:00 2001 From: Magnus Madsen Date: Mon, 3 Aug 2026 06:53:27 +0200 Subject: [PATCH] perf: lazy-load below-the-fold images and improve font loading - Add preconnect hints for Google Fonts origins and display=swap to avoid render-blocking font loads and invisible text (FOIT) - Add loading=lazy to all below-the-fold images on the index, vscode, and internships pages - Keep near-fold images eager: the fork-me ribbon, install.png on get-started (likely LCP), and the first vscode feature screenshot Co-Authored-By: Claude Fable 5 --- src/layouts/Layout.astro | 4 +++- src/pages/index.astro | 14 +++++++++++--- src/pages/internships.astro | 2 +- src/pages/vscode.astro | 4 ++-- 4 files changed, 17 insertions(+), 7 deletions(-) diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 14677e1..79625db 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -26,7 +26,9 @@ import '../styles/global.css'; {title} - + + + diff --git a/src/pages/index.astro b/src/pages/index.astro index 85ed9a4..0c9a1b4 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -590,6 +590,7 @@ import { src="/images/standardLibrary.png" class="card-img" alt="Standard Library" + loading="lazy" /> @@ -626,6 +627,7 @@ import { src="/images/speedupWithPar.png" class="img-fluid" alt="Parallel Speedup" + loading="lazy" /> @@ -799,7 +801,7 @@ import {
-
+

Semantic Highlighting

@@ -924,7 +926,7 @@ import {
- Java Logo + Java Logo

Flix runs on Java

@@ -1001,6 +1003,7 @@ import { src="/logo/dff.png" class="card-img" alt="Independent Research Fund Denmark" + loading="lazy" />
@@ -1010,6 +1013,7 @@ import { src="/logo/direc.png" class="card-img" alt="Digital Research Centre Denmark" + loading="lazy" />
@@ -1019,12 +1023,13 @@ import { src="/logo/amazon-science.png" class="card-img" alt="Amazon Research Award" + loading="lazy" />
- StiboFonden + StiboFonden
@@ -1043,6 +1048,7 @@ import { src="/logo/aarhusu.png" class="card-img" alt="Aarhus University" + loading="lazy" /> @@ -1052,6 +1058,7 @@ import { src="/logo/uwaterloo.png" class="card-img" alt="University of Waterloo" + loading="lazy" /> @@ -1061,6 +1068,7 @@ import { src="/logo/tubingen.png" class="card-img" alt="University of Tubingen" + loading="lazy" /> diff --git a/src/pages/internships.astro b/src/pages/internships.astro index d7f9bee..ce62cfd 100644 --- a/src/pages/internships.astro +++ b/src/pages/internships.astro @@ -55,7 +55,7 @@ import Layout from '../layouts/Layout.astro';
- Dept. of Computer Science + Dept. of Computer Science
diff --git a/src/pages/vscode.astro b/src/pages/vscode.astro index a688247..7a8a177 100644 --- a/src/pages/vscode.astro +++ b/src/pages/vscode.astro @@ -58,13 +58,13 @@ const features = [ - {features.map(f => ( + {features.map((f, i) => (

{f.title}

- {f.alt} + {f.alt}