Googles senaste fokus på att belöna sajter med snabba laddningstider innebär att det inte bara är en bra idé att ta steg för att förbättra hastigheten på din egen webbplats, det är ett “måste” i dagens konkurrensutsatta digitala värld!
Som du kommer att se, kör tekniker för förbättring av webbplatshastigheten allt från “enkel onboarding” till “att få ditt företags webbutvecklare att hantera processen.” Följande tips är från början av det här spektrumet och bör utgöra en bra utgångspunkt för webbansvariga som vill göra små men mätbara förbättringar av webbplatsens totala hastighet.
1 – Installera ett cachningssystem i ditt CMS
Om du kör din webbplats på en CMS-plattform som WordPress, Drupal eller Joomla, är ett av de enklaste sätten att öka din webbplats laddningstider genom att installera ett caching-plugin. Dessa tilläggsprogram kommer att hantera de typer av information som lagras i webbplatsbesökarnas webbläsare och kommer också att hantera de tillfälliga webbfilerna som ofta stör läsarnas datorer.
Även om enbart installation av ett cachningssystem förmodligen inte kommer att göra någon betydande skillnad för din webbplats övergripande hastighet, är det ett bra ställe att börja, eftersom många av dessa program är gratis att använda och enkla att installera.
2 – Använd “lat laddning”
“Lat loading” hänvisar till processen att skjuta upp laddningen av innehåll när det är möjligt, med hjälp av Ajax-bibliotek som jQuery, Prototype och MooTools.
I huvudsak tillåter dessa verktygssatser webbsidor att uppdateras asynkront, vilket innebär att endast delar av sidan behöver laddas (istället för att ladda om hela saken) varje gång en användare utför en åtgärd på webbplatsen. Lazy loading-verktyg är en bra idé att använda tillsammans med webbplatsfunktioner som bildbibliotek. När de är installerade tillåter dessa Ajax-bibliotek att webbplatsen laddar miniatyrbilder endast i början. Sedan, när användare klickar på enskilda filer, kan hela bilden laddas, vilket sparar en betydande mängd resurser i processen.
3 – Lagra Javascript- och CSS-filer externt
Närhelst en JavaScript- eller CSS-fil ingår i en webbplatss HTML, måste webbläsarresurserna avsättas för att analysera och exekvera den associerade koden. Beroende på antalet filer som din webbplats innehåller kan den resulterande driftstoppen orsaka allvarliga nedgångar i din webbplatshastighet.
Ett mycket bättre tillvägagångssätt är att komprimera dessa filer (där det är möjligt), slå samman dem till en enda skriptfil och sedan lagra dem externt, snarare än att behålla kodavsnitt i din webbplats HTML. Detta gör att dessa filer endast kan refereras när det behövs, istället för att ladda dem varje gång en användare öppnar din webbsida.
4 – Skjut upp med att ladda eventuella interna Javascript-filer
Om du har Javascript-filer som måste lagras i huvud-HTML på din webbplats, lägg till filerna så nära din stängning
tagga som möjligt för att fördröja din laddning så länge som möjligt.
I de flesta fall kommer dina användare inte att märka några förändringar av webbplatsens funktionalitet, det vill säga annat än de förbättrade laddningstiderna som kommer av att kunna ladda större delen av webbplatsen innan de analyserar de interna Javascript-filerna.
5 – Aktivera Gzip-komprimering på din webbplats
Gzip-komprimering hänvisar till ett specifikt protokoll för att komprimera filer på din serverände innan de skickas till besökarnas webbläsare.
För att dra fördel av den här tekniken måste du köra din webbplats på en Apache-webbserver med modulen mod_deflate (kontrollera med din värd om du är osäker på om ditt nuvarande konto uppfyller dessa specifikationer). Förutsatt att du har dessa två funktioner tillgängliga i ditt värdkonto, är det lika enkelt att installera Gzip-komprimering som att lägga till några rader kod på din webbplats. När den har installerats kommer din webbplats HTML-, GSS-, Javascript-, rentext- och favicon-filer att laddas upp till din webbplats i ett mycket förenklat komprimerat format.
6 – Ändra storlek på bilder innan du laddar upp dem till din webbplats
När du laddar upp bilder till din webbplats har du två alternativ för att ändra storlek på dem så att de passar perfekt in i din webbdesign. Du kan beskära dem innan du laddar upp dem till din webbplats, med hjälp av populära bildredigeringsverktyg som Photoshop eller GIMP, eller så kan du ändra dem i farten genom att ändra värdena för “höjd” och bredd för dina bildtaggar.
När det gäller att maximera webbplatsens hastighet är det första alternativet det överlägset bästa alternativet. Om du laddar upp bilder till din webbplats utan att beskära dem måste webbläsare ladda den fullständiga versionen av din bild och sedan spendera ytterligare resurser för att visa din grafik i lämplig storlek. All denna extra bearbetning kan göra att webbplatsen blir långsammare, så ta dig tid att göra rätt från början.
7 – Servera grafik från ett CDN
Naturligtvis, även om du beskär dina bilder till rätt storlek innan du laddar upp, kan du upptäcka att bildtunga webbplatser fortfarande kör ner laddningstider genom att ställa höga krav på tittarens dator.
I dessa situationer kan det vara nödvändigt att visa din grafik från ett innehållsleveransnätverk (CDN), istället för att ladda upp dem direkt till din webbplats. Ett CDN lagrar dina bilder på distans, så att du kan visa bilder med bara en inbäddad länk, istället för att lagra hela filen på din webbplats server. Så om du har gjort allt du kan för att maximera din webbplatshastighet men inte kan uppnå de laddningstider du förväntar dig, överväg att använda ett CDN-program som Amazons S3-lagring för att minimera resursanvändningen på webbplatsen.
8 – Rengör din kod
Onödiga HTML-taggar kan sakta ner laddningstiderna för din webbplats, så gå igenom din kod med en finkammare för att rensa bort eventuella onödiga attribut.
Till exempel, om du har ändrat flera textrubriker på din webbplats med både och taggar, överväg att skapa en CSS-regel som automatiskt ändrar utseendet på angivna rubriker. Om du gör det kan du ta bort dessa överflödiga taggar (och eliminera bördan med att manuellt koda framtida titlar i framtiden!) och påskynda din webbplats prestanda.
9 – Köp bättre webbhotell
En sista faktor för webbplatshastighet som kanske ännu inte finns på din radar är kvaliteten på både ditt webbhotell och webbhotellpaketet du har köpt. Om din värdleverantör inte förser dig med de resurser som behövs för att driva din webbplats effektivt, kan det vara dags att flytta till en ny värd, även om du inte har haft några oväntade problem med driftstopp.
Observera att det inte är nödvändigt att göra alla dessa hastighetsförbättringar på en gång. Du kan alltid ändra några element som bestämmer din webbplats laddningstider och vänta och se om dina ändringar ger betydande förbättringar i din webbplatss SEO-prestanda. Om du fortfarande inte ser de resultat du vill ha, gå tillbaka och inkludera några av de andra tipsen som listas här för att öka dina chanser att nå toppen av naturliga sökresultat.
Bild: Andreas Ebling
