Googles officiella motto är “Var inte ond”, men företaget har länge ryktats ha ett andra internt motto som de tenderar att hålla hemligt:
“Antingen är du snabb eller så är du knäpp.”
Vi har skrivit om webbplatsens hastighet tidigare, och det råder ingen tvekan om dess betydelse (om det finns, håll dig till statistikavsnittet i det här inlägget), men för innehållsmarknadsförare, förbättra din webbplatshastighet Det anses ofta vara en särskilt svår teknisk träning som är helt utom din kontroll. Endast en fullstack back-end-ingenjör kan påskynda saker avsevärt, eller hur?
Det visade sig att ingenting kunde vara längre från sanningen. Som Tom Bennet från Builtvisible förklarade i sitt utmärkta föredrag nyligen på Brighton SEO. Här ska jag gå igenom några nyckelpunkter som Tom tog upp för att visa hur och varför du bör fokusera på att leverera en blixtsnabb upplevelse till dina användare.
Varför är webbplatsens hastighet viktig?
Nu nämnde jag statistik, eller hur?
Enligt Googles officiella blogg för webbansvariga är webbplatshastigheten viktig. Google själva spenderar mycket tid på att kontrollera om din webbplats är i nivå med sina konkurrenter. Om du är långsammare kommer din plats i sökresultaten att bli lidande.
Men det är inte den enda viktiga faktorn här. Webbplatshastighet förbättrar den övergripande användarupplevelsen. Som ett exempel nämnde Tom denna extraordinära Firefox-statistik:
När Firefox ökade den genomsnittliga sidladdningstiden med 2,2 sekunder ökade formulärnedladdningarna med 15,4 %. Det motsvarar mer än 10 miljoner nedladdningar per år.
När du hör sådana siffror börjar värdet bli tydligt. Tom tog sig också tid att citera Steve Souder, en pionjär inom mycket modernt webbprestandaarbete:
Så vi vet att vi kan göra något åt det. Men var ska vi fokusera våra ansträngningar?
Vad kan vi göra åt det?
För att illustrera byggde Tom en enkel och ganska standard innehållssida med hjälp av bootstrap och jQuery. Innehållsmarknadsföringsindustrin producerar tusentals av dessa varje dag, så det borde vara ganska relevant:
Därefter startar vi sidan och mäter den med en kombination av Yahoos Yslow och Google PageSpeed regeluppsättningar. Här är de första resultaten:
Det F-betyget kommer att allvarligt skada vår trovärdighet i Googles ögon, och 3,9 sekunder kommer att verka rutinmässigt för användarna. Om du inte tror mig, räkna långsamt till fyra. Skulle du vara villig att vänta så länge på att alla sidor på en webbplats ska öppnas?
Men var ska marknadsförare fokusera sina ansträngningar för att få störst effekt?
På en typisk sida som denna är bilder det överlägset största och vanligaste inslaget, så det är här vi bör fokusera för att börja.
Nu handlar det inte bara om att öppna dina bilder i Photoshop och göra dem mindre. Upplösning spelar roll (vi vill fortfarande att våra sidor ska se vackra ut), men bara till en viss punkt, så det första steget är att kontrollera storleken på våra bilder:
Som du kan se i sidelementet har denna bild laddats upp med 1024 x 683 pixlar, men användaren kommer bara att se den i maximalt 420 x 289, mindre än halva uppladdningsstorleken.
Som alltid är det viktigt att ha användarupplevelsen i åtanke, så låt oss ställa några frågor till oss själva:
- Vilka format ska vi använda för bilder? PNG:er är bra för bilder med färre färger eller genomskinlighet, medan PEG:er är perfekta för foton.
- Mått: Vilken är den maximala bredd och höjd som bilden kommer att visas på?
- Slutligen, behöver du verkligen alla dessa bilder?
Om du har text inuti en bild, bli av med den och använd ett riktigt typsnitt istället, och använd vektorgrafik eller CSS för saker som logotyper eller skuggning på sidan. Som Tom sa
“Den snabbaste HTTP-förfrågan är den som inte görs.”
Google har en mängd olika riktlinjer och råd tillgängliga om detta som du bör rådfråga.
Så Tom ändrade storlek, formaterade om eller ersatte sina bilder. Hur påverkade detta webbplatsens totala hastighet?
Att vara noggrann med bilder var tillräckligt för att raka hela 1,2 sekunder, eller 30 %, av den totala sidladdningstiden.
Det är fortfarande inte rakethastighet vid det här laget, men det är mycket, mycket bättre. Tom presenterade flera andra användbara tips under sin presentation som jag kommer att försöka täcka i framtiden också, men för nu är det dags att justera dessa bilder.
