Jag skulle förmodligen inte ha väntat på att den här sidan skulle laddas om det hade tagit en eller två sekunder längre.
Det är sanningen: användare förväntar sig att webbsidor ska laddas nästan så snart de klickar på en hyperlänk.
Långsam laddning av webbsidor kan bli den främsta orsaken till höga avvisningsfrekvenser, lågt användarengagemang, förlorade trafikmöjligheter och övergivna försäljningsresor. Här är några siffror för att sätta saker i perspektiv.
Dessutom associerar e-handelswebbplatser snabb laddning med ökade intäkter, och det motsatta är också sant.
Uppmaningen är tydlig: dina webbplatser måste laddas väldigt snabbt för att upprätthålla och vårda publikens uppmärksamhet, undvika en hög avvisningsfrekvens och undvika övergivna försäljningar.
Om du har en WordPress-sajt finns det flera enkla och effektiva metoder som du kan börja använda idag som avsevärt kommer att öka laddningshastigheten på din sajt.
Använd rutnät och flöten istället för kapslade tabeller
Det är förvånande hur många webbplatser som fortfarande använder kapslade tabeller, trots den negativa inverkan de har på sidladdningshastigheten. Så här ser en kapslad tabellkod ut:
Sådan kodning lägger till ytterligare belastning på webbläsaren, vilket försenar den fullständiga laddningen av innehåll. Använd istället den icke-kapslade tabellstrukturen enligt följande:
Ännu viktigare, använd flöten och ställ för att förbättra lastningshastigheten. Här är ett grundläggande flytexempel:
Exempeltext
Exempeltext
Minska antalet HTTP-förfrågningar
En webbsida består av flera komponenter: stilmallar, Flash-komponenter, bilder, skript och mer. För att leverera innehållsrika upplevelser måste du välja hela PageSpeed Insights optimeringsprocessen.
Ju fler element per sida, desto fler HTTP-förfrågningar görs för var och en av dem, vilket resulterar i en längre sidladdningstid, vilket kan skada dina konverteringar. Yahoo uppskattar att nästan 80 % av sidans laddningstid förklaras av den tid som går åt till att ladda ner sidans olika delar.
Använd verktyget HTTP Request Checker för att ta reda på hur många förfrågningar din sida gör.
Lyckligtvis kan du minska HTTP-förfrågningar utan att förstöra din webbdesign. Det är hur:
- Kombinera filer: Använd externa skript och stilmallar (men ha inte mer än ett skript och en CSS-fil vardera.
- Bildkartor: Använd sammanhängande bilder istället för flera bildblock för att minska antalet HTTP-förfrågningar.
- CSS Sprites: Kombinera flera bilder till ett objekt och anrop objektet istället för varje bild. När spriten även innehåller bilder av interna sidor förbättras interna sidladdningstider, eftersom innehållet redan är nedladdat innan användaren kommer dit.
- Do mindre javascript-block uppkopplad.
- Konvertera bilder till Base64-kodning använda en kodare; Eftersom den omvandlar en bild till kod undviks HTTP-begäran.
Dela upp kommentarer i sidor
Dina mest populära innehållsinlägg kan också vara de långsammaste att ladda, på grund av de hundratals kommentarerna på sidan. Du kan inte blockera kommentarer, eftersom de är konversationsstartare och länkbyggare för dig.
Hur klarar du dig då? WordPress erbjuder en mycket smart lösning: dela upp kommentarströmmen i sidor.
Gå till Inställningar i Kontrollpanelen. under avsnitt Andra kommentarsinställningarkan du ändra inställningarna för hur många kommentarer som visas på en sida och vilken sida som visas under artikeln.
Uppdatera till den senaste versionen av PHP
Att uppdatera din webbplats varje gång en ny version av PHP släpps kan vara en huvudvärk. Men det är värt din tid och ansträngning. Samma skript kan köras nästan 25-30 % snabbare på nyare versioner av PHP; Föreställ dig vilken typ av förbättringar av webbladdningstid den kan ge dig.
PHPClasses publicerade en omfattande experimentell studie, som visade att skript körde betydligt snabbare i PHP 7.1 jämfört med tidigare versioner.
Gzip-komprimering
Om du använder Googles verktyg PageSpeed Insights för snabb analys av dina webbsidor, kommer du sannolikt att hitta tips för att använda Gzip-komprimering. Denna komprimering tillåter webbservrar att komprimera tunga webbplatsinnehållselement.
Komprimeringen är så effektiv att den kan minska din sidstorlek till 30-40 % av dess ursprungliga storlek. Minskade hastigheter kan på grund av detta öka till tre eller fyra gånger den tidigare hastigheten.
För många webbansvariga är det fortfarande det bästa alternativet att installera ett Gzip-komprimeringsplugin. W3 Total Cache-plugin, förutom alla dess fantastiska funktioner, erbjuder även HTTP-komprimering.
Andra alternativ är:
- Fråga ditt webbhotell om de erbjuder Gzip-komprimering.
- Aktivera Gzip-komprimering manuellt via .htaccess (den här Kinsta-guiden förklarar hur man gör det)
Låt inte annonsskript och popup-fönster förstöra användarupplevelsen
Chansen är stor att du kör åtminstone någon typ av popup för att optimera konverteringar. Lika fördelaktiga som de är för dina strategier för intäktsgenerering på din webbplats, kan de också orsaka betydande skada i form av högre sidladdningstider.
För att ta kontroll och hitta den perfekta balansen måste du känna till tredjepartsskripten som körs på din webbplats, deras källa och deras inverkan.
Jag rekommenderar Pingdoms webbplatshastighetstest för en grundlig analys av varje fil och skript på en webbsida. Verktyget kommer att berätta vilket skript som tar längst tid att ladda.
Mät effektiviteten av dina popup-fönster; Ta bort popup-plugin som inte fungerar eftersom de bara saktar ner din sida. OptinMonster är en av de mest pålitliga popup-plugins, som hjälper dig att optimera konverteringar utan att döda hastigheten.
Installera ett caching-plugin
Cachning av plugins kan vara en välsignelse för din webbplats; Dessa plugins skapar statiska kopior av din webbsidas innehåll, och istället för att utföra rundresor till databasen, använder de statiska versioner för att omedelbart visa webbinnehållet för användarna. Eftersom du vanligtvis inte uppdaterar dina webbsidor dagligen, visar cachelagring sig vara mycket användbar för nästan alla webbsidor, alltid.
Bland de många caching-plugins du kan använda är WOT Cache Plugin mycket pålitlig och populär. Bland dess många funktioner är:
- Kombinera CSS- och Javascript-filer
- Utnyttja kraften i sidcachelagring och webbläsarcache
- Använd lat laddning för att avsevärt förbättra sidladdningstiden
- Hjälper till med databasoptimering och att ta bort frågesträngar från CSS/Javascript-filer
- Sparar mycket bandbredd genom att minska filstorleken på webbsidor.
Bonustips: Sök hjälp från din webbhotellleverantör
Det är vettigt att uppgradera till en dedikerad värdplan, så att din webbplats får alla resurser den behöver för att laddas på nolltid, varje gång. Fråga din webbvärd vilken hjälp de kan ge för att förbättra din webbplatshastighet.
De flesta webbvärdar är villiga att erbjuda sin tekniska expertis för att hjälpa dig att dra nytta av dina webbplatshastighetsproblem. Detta i sin tur gynnar dem eftersom belastningen på deras servrar minskar.
Fråga i synnerhet om deras råd om att optimera hastigheten på mobilwebbplatsen, eftersom effekten av långsam laddning är mycket allvarligare på mobila enheter.
Slutliga kommentarer
Varannan millisekunds förbättring av din webbsidas laddningshastighet kan ge tiotals procentenheter av förbättringar i din trafik och omvandlingsfrekvens.
Börja med dessa enkla och praktiska tips, varav de flesta kommer att resultera i nästan omedelbara förbättringar av din webbsidas laddningshastighet.
