Pantlån × Stolt Marketing
Startsidan på pantlan.se är ombyggd med exakt samma grafiska profil — logga, Neue Montreal, PolySans, gult/svart och samma bilder. Designen är oförändrad; allt som skiljer sitter i den tekniska uppbyggnaden. Rapporten redovisar uppmätta resultat i Google PageSpeed (Lighthouse, mobil och desktop), Core Web Vitals före/efter, och de konkreta åtgärderna bakom siffrorna. Alla värden är faktiskt uppmätta — inte uppskattade.
01 Google PageSpeed (Lighthouse, mobil)
Mobil är det Google rankar på och där skillnaden är störst. Siffran "före" är uppmätt på nuvarande pantlan.se, "efter" på den ombyggda sidan. Tillgänglighet, bästa metoder och SEO når full pott; prestanda lyfts från 58 till 97.
Samma test på desktop: 98 · 100 · 100 · 100 (nuvarande sajt: 68 · 84 · 96 · 92). SEO-värdet 100 är uppmätt på den indexerbara produktionsversionen — den publika demon hålls medvetet på noindex tills lansering, vilket är den enda anledningen Lighthouse drar ner demons SEO-siffra.
02 Core Web Vitals (mobil)
Det här är de fältnära mätvärden Google viktar i ranking. Nuvarande sajt tar över 15 sekunder på att rita upp huvudinnehållet (LCP) på mobil; den ombyggda sidan ritar upp det på under två och en halv sekund — och väger en tredjedel så mycket.
03 Åtgärderna bakom siffrorna
Varje kort är en konkret teknisk åtgärd och vilket mätvärde den påverkar. Nuvarande pantlan.se är inte trasig — den är välbyggd i Webflow — men den är tung på mobil. Det är de här sakerna som gör den ombyggda sidan lätt och snabb.
Färdig HTML serveras direkt från Cloudflares edge. Inget renderas om per besökare — vilket tar bort serverväntan som drar ner LCP och Speed Index.
→ LCP · Speed Index · TTFBNuvarande sajt laddar 12+ tredjepartsdomäner (Tag Manager, Hotjar, Clarity, Intercom, Bing- & Google-annonser) som blockerar huvudtråden. Den ombyggda sidan laddar i princip inga — Total Blocking Time går från 180 ms till 18 ms.
→ Total Blocking Time · Prestanda2,58 MB ned till 0,75 MB på mobil. Bilder i WebP, responsiv hero-bild som serverar 46 KB till mobiler i stället för 171 KB, och inga tunga plugin-paket.
→ LCP · Prestanda · SidviktNeue Montreal och PolySans laddas lokalt med font-display: swap och en storleksjusterad fallback. Texten ritas direkt, utan extern fontserver och utan att typsnittsbytet flyttar layouten.
Bilder och element har explicita mått, så inget hoppar när sidan laddar. Layoutförskjutning (CLS) ligger på 0.
→ CLS 0Hero-bilden märks som hög prioritet och hämtas först av allt, så det största elementet ritas så tidigt som möjligt.
→ LCPKorrekt rubrikhierarki, alt-texter, etiketter, kontrast och fokusordning ger 100 i tillgänglighet; title, meta, canonical och sitemap ger 100 i SEO — utan plugin.
→ Tillgänglighet 100 · SEO 100Ren semantisk HTML och snabb rendering gör sidan lätt för AI-botar (ChatGPT, Perplexity, Google AI) att läsa och citera — en växande trafikkälla.
→ AI-synlighetSidan byggs en gång till statiska filer och distribueras globalt. Likadan prestanda för varje besökare och geografi — ingen kallstart, ingen serverlast vid trafiktoppar.
→ Stabil prestanda i fält04 Teknisk stack
Komponenterna i bygget. En statisk frontend där animationen är en del av sidan, inte ett lager ovanpå ett tema.
Sidan byggs till färdig HTML — ingen server, ingen databas i request-vägen. Exakt den markup designen kräver, inget tema att böja.
Scroll- och tidslinjedriven animation (parallax, scroll-reveal, sifferräknare, den interaktiva låneräknaren) inbyggd i sidan i stället för ett plugin ovanpå ett tema.
Design-tokens (gult/svart, Neue Montreal) i ett system, så profilen är konsekvent på varenda sida och kan inte målas sönder.
Edge-hosting. Färdiga filer serveras nära besökaren, ingen serverexekvering per visning. Global, gratis och i princip oöm för trafiktoppar.
Pantlåns egna Neue Montreal + PolySans som lokala filer — exakt samma typografi som idag, utan extern fontserver.
Bilder i WebP med srcset, så mobilen hämtar en liten bild och desktop en stor. LCP-elementet ritas nästan direkt.
Innehåll frikopplat från frontend (Storyblok / Sanity / TinaCMS). Kunden redigerar i ett admin-UI; innehållet bakas in statiskt vid build, så prestandan påverkas inte.
Deploy-kedjan. En commit eller en CMS-webhook bygger och publicerar den statiska versionen globalt på sekunder.