Besked / Frågan
Varför är vår hemsida långsam, och vad kostar det oss?
Svaret
Nästan alltid bilderna
I nio fall av tio är det bilder som skickas större än de visas. Här är måtten som avgör, och vad du kan mäta själv på en minut.
| Vår startsida över tråden | 23 kB | brotli, det en besökare faktiskt hämtar |
|---|---|---|
| En bild får vara som mest | 2× sin yta | mät, gissa inte |
| Vad vår hero vägde innan vi mätte | 1 509 kB | för en yta på 794 pixlar |
| Vad den väger nu | 40 kB | samma bild, rätt storlek |
Varför beskedet ser ut som det gör
Resten
Någon har kört ett test och fått en bokstav. Bokstaven säger inte vad som är fel, och det första rådet man får är nästan alltid att köpa något.
Nio gånger av tio är det bilderna
Bilder som skickas större än de visas. En bild på 1 672 pixlar i en yta som är 350 breda skickar nio tiondelar av filen i onödan — på varje besök, till varje besökare, i all framtid.
9av tio fall
- Bilder som skickas större än de visas9 av 10
- Allt annat1 av 10typsnitt, skript, animationer — tillsammans
Därför börjar felsökningen alltid på samma ställe. Det är inte en gissning om din sajt, det är var man letar först.
Det syns inte i designen och det syns inte i någon rapport som bara ger dig en siffra. Det syns när man mäter varje bilds naturliga bredd mot den bredd den faktiskt renderas i.
Mät det själv på en minut
Öppna sidan i en webbläsare, högerklicka på en bild och välj granska. Jämför bildens naturliga bredd med den bredd den visas i. Är den första mer än dubbelt så stor som den andra har du hittat det.
- Bilden som skickasså bred som filen faktiskt är
- Ytan den visas iså bred som besökaren ser den
Dubbelt så bred är fyra gånger så mycket. En bild är en yta, inte en linje, och det är därför skillnaden mellan de två måtten alltid låter mindre än den är.
Gör om det för de fem tyngsta bilderna. Det tar en minut och ersätter de flesta rapporter.
Det som sällan är problemet
Typsnitt, animationer och den där skriptfilen någon vill ta bort står sällan för mer än några procent. Och komprimering är nästan alltid redan på — ett mätverktyg som inte ber om den får det okomprimerade svaret och drar fel slutsats av det.
Kontrollera innan någon bygger om sajten för att blidka en bokstav.
En bild som visas i 350 pixlar och skickas i 1 672 är inte en designfråga. Det är nio tiondelar slöseri.
Kontrollera själv
Var det står
Fråga något som inte står här.
Samtalet kostar 0 kr och slutar ofta med att vi säger att du inte behöver oss.