Snabbare hemsida själv: bilder, tillägg, cache och PageSpeed

Du gör en hemsida snabbare utan utvecklare genom att först mäta i PageSpeed Insights och sedan ta det som oftast är orsaken: för stora bilder, för många tillägg eller appar och för många typsnitt. Det mesta gör du i sajtens vanliga editor.

Det här är till dig med en sajt på Wix, Squarespace eller WordPress som känns seg eller har fått röda siffror i en mätning. När du är klar har du en mätning före och efter, tre till fem åtgärder gjorda och en lista på det som kräver kod. Räkna med två till tre timmar, och sedan några veckors väntan på att riktiga besöksdata hinner ikapp. Menynamnen kan skilja sig i din version.

Det här behöver du

Rätt att ändra sajten: editorn i Wix eller Squarespace, eller WordPress-admin med rätt att ta bort tillägg.
PageSpeed Insights på pagespeed.web.dev. Gratis, utan konto.
Tre till fem sidor: startsidan, sidan där du säljer och kontaktsidan.
Anteckningar. Skriv vad du ändrar och när. På WordPress tar jag en säkerhetskopia innan jag tar bort något.

Läs mätningen: tre mått i vanliga ord

PageSpeed Insights visar två saker. Den ena är besöksdata från riktiga Chrome-användare under de senaste 28 dagarna. Små sajter saknar ofta underlag, och då visas hela sajtens värden eller inget alls. Den andra är en simulerad mätning med en mellanklassmobil på mobilnät, med en poäng där 90 eller mer är bra och under 50 är dåligt. Google påpekar att bra labbvärden inte garanterar att besökarna har det bra. Titta på mobil först.

De tre måtten kallar Google Core Web Vitals:

LCP, Largest Contentful Paint: hur lång tid det tar innan det största på skärmen, oftast en stor bild eller rubrik, har visats. Bra är 2,5 sekunder eller mindre, dåligt är över 4.
CLS, Cumulative Layout Shift: hur mycket sidan hoppar medan den laddar, som när knappen flyttar sig just när du ska klicka. Bra är 0,1 eller lägre, dåligt över 0,25.
INP, Interaction to Next Paint: hur snabbt sidan svarar när någon klickar, trycker eller knackar. Bra är 200 millisekunder eller mindre, dåligt över 500.

För att klara gränsen ska tre av fyra besök vara bra, inte bara genomsnittet.

Steg för steg

Mät före. Kör dina sidor och skriv ned poäng, LCP, CLS och INP för mobil, med datum. Då har du något att jämföra med.
Hitta det tyngsta. PageSpeed Insights pekar oftast ut vilket element som är störst. Är det en bild börjar du där. Squarespace beskriver ett annat sätt: öppna sajten i ett privat fönster, Chromes utvecklarverktyg, fliken Network, och sortera på Size.
Krymp bilderna. Det ger oftast mest. Googles tumregel: komprimera, använd moderna format som WebP eller AVIF och ladda inte upp mycket större bilder än de visas. Bilden högst upp på sidan ska inte laddas "lazy", alltså först när den behövs.
- Wix: rekommenderar filer under 1 MB som du komprimerat före uppladdning, och lätta format som AVIF eller WebP. Använd AVIF i stället för PNG om du inte behöver genomskinlighet.
- Squarespace: under 500 KB och 1 500 till 2 500 pixlar breda, och högst 5 MB per sida. WebP visas som standard. Håll gallerier till 50 bilder och sidor till högst 60 block.
- WordPress.com: bilderna serveras som WebP via ett inbyggt CDN (ett nät av servrar nära besökaren). Stora eller många bilder är ändå största orsaken. På eget webbhotell väljer du format och komprimerar själv.
Rensa tillägg och appar.
- Wix: under INP råder Wix dig att granska tredjepartskod, ta bort kod som inte tillför något (titta under Custom Code Settings, Marketing Integrations och appinställningarna) och begränsa antalet appar och widgets per sida. Wix noterar också att innehåll i appar och iFrames levereras från externa servrar, inte från Wix. Tunga inbäddningar kan du flytta till en sida längre in.
- WordPress: ta bort det du inte använder och inaktivera misstänkta tillägg ett i taget, mät emellan.
- Squarespace: hjälpsidan om sidstorlek nämner tillägg (extensions) bara som något utanför Squarespace support. Ta bort de du inte använder.
Färre typsnitt, videor och rörelser. Wix rekommenderar högst tre eller fyra typsnitt. Googles råd är färre typsnitt och vikter, formatet WOFF2 och systemtypsnitt för brödtext. Videor och animationer hör hemma längre ner på sidan, och animerade GIF-filer bör bli video. Squarespace säger att inbäddade YouTube- och Vimeo-videor kan göra mobilen långsam. Jag brukar låta bilden högst upp visas direkt, utan tona-in-effekt.
Cache. Det är en kopia av sidan som levereras utan att byggas om varje gång.
- WordPress.com: cache och CDN ingår, och WordPress.com skriver att cachetillägg inte behövs.
- Eget WordPress: enligt WordPress egen guide är ett cachetillägg det snabbaste greppet, och guiden nämner också senaste PHP-versionen och CDN. Jag kör ett cachetillägg åt gången.
- Wix och Squarespace: jag hittade ingen cache-inställning för dig att ändra. Hjälpsidorna handlar om bilder, appar och sidstorlek.
Mät efter. Samma sidor, samma mått, och jämför.

Så vet du att det fungerar

Labbvärdena ändras direkt, så kör om mätningen på mobil. Besöksdata följer efter: PageSpeed Insights bygger på 28 dagar, och Wix råder dig att vänta minst tre veckor. Wix visar riktiga besökare i sin Site Speed-dashboard, och Search Console har rapporten Core Web Vitals, se månadsrutinen för Search Console. Gå sedan igenom sajten på en telefon. Formuläret ska skicka, menyn öppnas och bokningsknappen fungera. Att ta bort en app kan ta bort något du behövde.

Vanliga fel

Du jagar 100 poäng. Google skriver att ett perfekt värde bara för sökresultatens skull kanske inte är bästa användningen av din tid. Poäng från 90 räknas som bra.
Cookiebannern hoppar. En banner som skjuter undan innehåll ger dålig CLS. Läs Cookie-samtycke och GA4.
Flera cache- och optimeringstillägg på en gång. De kan krocka, så kör ett åt gången och mät emellan.
Mätverktygen kan vilseleda. Squarespace skriver att PageSpeed Insights kan ge falska negativa resultat på deras sajter, och WordPress.com att verktygen sällan tar hänsyn till plattformen. Titta på riktiga besökare.
Du ändrar tio saker samtidigt. Då vet du inte vad som hjälpte.

Begränsningar och när du ska ringa någon

LCP ligger över 4 sekunder på mobil trots rensade bilder. web.dev skriver att en långsam server kan göra 2,5 sekunder svårt eller omöjligt. På eget webbhotell är det hosting eller serverinställningar.
INP är dålig och du vet inte vilket skript som orsakar det, till exempel eget kodavsnitt eller spårningskod, se konverteringsspårning med GA4 och Tag Manager.
Plattformen är gränsen. På Wix och Squarespace kan du inte byta server, och då är ombyggnad ett affärsbeslut.

Ring inte i onödan. Får sajten förfrågningar trots sina siffror är sidornas innehåll, se SEO för en liten tjänstesajt, viktigare, eftersom Google skriver att relevans går före sidupplevelse. Och skicka aldrig lösenord till den du anlitar, se Ge konsult åtkomst utan att mejla lösenord.

Källor

Vanliga frågor

Vad är ett bra resultat i PageSpeed Insights?

För poängen gäller 90 eller mer som bra. För riktiga besökare ska LCP vara 2,5 sekunder eller mindre, INP 200 millisekunder eller mindre och CLS 0,1 eller lägre.

Påverkar hastigheten min placering i Google?

Google skriver att Core Web Vitals används av deras rankingsystem, men att relevant innehåll visas även om sidupplevelsen är svag. Se det som en fördel i jämna lägen.

Varför skiljer sig resultatet från gång till gång?

Labbmätningen är en simulering av en enda enhet och ett nät, och besöksdata är ett 28-dagarsvärde. Kör om och titta på trenden.

Hur stora ska bilderna vara?

Squarespace säger under 500 KB och 1 500 till 2 500 pixlar breda. Wix siktar på under 1 MB. Mindre är bättre, så länge det ser bra ut.

Fastnar du?

Det här är ett av de jobb jag gör åt enmansföretag och små team, ofta på en eller två timmar tillsammans på skärmen. Om du har fastnat på ett steg, eller hellre vill att jag går igenom sajten och lämnar över en lista med dokumenterade åtgärder, mejla mig med rubriken "Fastnat: Snabbare hemsida". Skriv vilken plattform du har och vilken sida som är långsammast, så svarar jag med vad jag tror det tar. Jag sitter i Stockholm och jobbar med hela Sverige på distans. Vill du först veta hur jag arbetar finns så arbetar jag.

Snabbare hemsida utan utvecklare: bilder, tillägg och cache