Det finns färre saker som är mer frustrerande än en webbplats som tar tid att ladda. Det är inte en överraskning att inte bara människor utan även sökmotorer försöker hålla sig borta från tröga webbplatser. Med det i åtanke är här några av de bästa tipsen du kan implementera för att undvika irriterande besökare och vända dem bort vid deras första besök på din webbplats.
1. Effektivisera din kod
Den bästa webbplatsbyggaren gör det ganska enkelt att sätta upp en webbplats. Medan deras rika uppsättning mallar hjälper dig att stilisera din webbplats med lätthet, har de en nackdel. Många av mallarna har rörig kod som kan sakta ner din webbplats.
För att övervinna problemet kan du ta bort all onödig kod och formatering i dina HTML-, CSS- och JavaScript-filer. Denna process för att ta bort överskottet kallas minifiering och du kan använda enkla onlineverktyg som Will Peavy's minifier för att hjälpa dig komma igång. WordPress-användare kan använda pluginet Autoptimize för att göra processen ganska enkel.
2. Komprimera din webbplats
Det tar inte lång tid innan webbplatser blir stora och tunga. Alla bilder och till och med HTML-, CSS- och JavaScript-filer i klartext sväller snabbt upp. En av de bästa mekanismerna för att påskynda en webbplats är att möjliggöra komprimering med Gzip. Detta kommer att minska HTTP-svarets storlek och därmed minska svarstiderna.
Du måste aktivera lämplig komprimeringsmodul på din webbserver innan du aktiverar den för din webbplats genom att redigera .htaccess-filen. De exakta stegen varierar och beror på din webbserver, men så här gör du det i Apache.
3. Optimera bilder
Bilder är en av de tjockaste delarna av en webbplats och vanligtvis det långsammaste laddningselementet på någon webbsida. För att regera i beteendet, istället för att skala stora bilder via HTML, börja med att ändra storlek på alla bilder på din webbplats till den exakta storlek du vill ha dem i.
I själva verket bör du hålla en lista över de olika bildstorlekarna för de olika elementen på din webbplats så att du aldrig laddar upp fler pixlar än du behöver. Om du har en bildtung webbplats, bör du också överväga att komprimera dem. Ett av de vanligaste verktygen för detta ändamål är reSmush.
Det fungerar med alla populära innehållshanteringssystem (CMS) och har också en Linux CLI-klient för komprimering av bilder för användning på statiska webbplatser. Du kan också använda Compressor.io för att pressa flera bilder på ett ögonblick.
4. Lazy load multimedia
Lazy loading betyder att bilder, videor och iframes laddas först när användare bläddrar ner på sidan och faktiskt ser dem. Detta kan förbättra dina sidors initiala laddningstider avsevärt.
Tidigare var detta något du skulle implementera med hjälp av JavaScript men inte lat laddning är inbyggd i webbläsare. WordPress-användare har flera val och två av våra favoriter är Lazy Load av WP Rocket och a3 Lazy Load, som är utformad för mobila enheter.
5. Använd snabba länkar för delning av sociala medier
I dag och i dag vill du att folk ska dela ditt innehåll på sociala medier. På enkla HTML-webbplatser kan du använda ett länkgeneratorverktyg som den gratis Share Link Generator som hjälper dig att skapa sociala delningslänkar för Facebook, Twitter, LinkedIn och Pinterest utan att förlita dig på iframes eller JavaScript. Som vanligt har WordPress-användare ingen brist på plugins som de kan använda för detta ändamål, inklusive Social Warfare and Grow.
6. Avinstallera värdelösa plugins
Ett CMS som WordPress kan ha massor av plugins som kan lägga till mycket användbar funktionalitet på din webbplats. Att ha för många plugins kan dock sakta ner din webbplats till en genomsökning, varför du bara ska köra plugins du verkligen behöver.
Med detta sagt är inte alla plugins utformade lika bra och du kan påskynda din webbplats genom att ersätta ett plugin med ett snabbare alternativ. Onlineverktyget GTmetrix analyserar din webbplats gratis och visar dig en lista med plugins som har höga laddningstider. Överväg att ersätta dessa plugins, särskilt om de kallas flera gånger med ett lättare alternativ.
WordPress-användare kan också använda plugin-programmet Query Monitor för en detaljerad analys av plugins som används på deras webbplats. Kom naturligtvis ihåg att ta bort själva plugin för Query Monitor när det tjänar sitt syfte.
7. Minska omdirigeringar
Omdirigeringar är ofta nödvändiga när du flyttar och tar bort sidor och är det bästa sättet att eliminera problem med trasiga länkar. Men medan 301 omdirigeringar är att föredra framför 404-fel är de fortfarande inte idealiska eftersom de saktar ner den tid det tar för webbläsaren att nå rätt version av en sida. Du kan använda Screaming Frogs bulk omdirigeringskontroll för att analysera omdirigeringar på din webbplats och försöka minimera deras användning.
8. Gör färre HTTP-förfrågningar
Att minska HTTP-förfrågningar är ett bra sätt att optimera din webbplats. Varje element som du lägger till på en sida översätts till en HTTP-begäran. Ju mer webbläsaren måste göra dessa förfrågningar, desto längre tid tar det att ladda sidan helt. Det är därför som det tar lite att göra, men resultatet av att minska antalet förfrågningar är mycket imponerande.
Du kan använda utvecklarverktygen i webbläsaren och växla till fliken Nätverk för att visa HTTP-förfrågningar i detalj. När du väl har en uppfattning om vilka filer som tar längst tid att ladda kan du leta efter filer som du kan kombinera (särskilt CSS-filer) och de som du kan axla helt.
9. Sätt CSS före skript
Att placera dina stilark och skript korrekt kommer att påverka hur din webbplats laddas. Du bör alltid placera din CSS högst upp i avsnittet. Detta gör att webbläsaren kan ladda din CSS först, så att användarna kan se innehållet på din webbplats.
Javascript, å andra sidan, bör vara så nära botten som möjligt. Detta beror på att webbläsarna måste analysera JavaScript först innan det kan gå vidare till nästa tagg. Om du placerar skripten före det faktiska innehållet kommer användarna att stirra på en tom sida medan webbläsaren kramar JavaScript.
10. Gå på oldschool där det är möjligt
Med hjälp av ett skriptspråk som PHP kan du göra saker som inte är möjliga med vanlig HTML. Bearbetning av PHP tar dock längre tid än att analysera HTML, så undvik att begära information via PHP, om det kan hämtas med statisk HTML.
På samma sätt är det inte alltid en bra idé att använda @import CSS-mekanismen för att inkludera externa formatmallar på dina webbsidor istället för HTML-taggen. Medan båda uppnår samma syfte använder @import mer resurser än att länka direkt till dina stilark.
11. Aktivera cachning
När du besöker en webbplats lagras alla element på sidan på din hårddisk i ett tillfälligt lagringsområde som kallas cache. Detta kommer till nytta eftersom din webbläsare vid efterföljande besök tar upp sidan utan att behöva skicka ytterligare en HTTP-begäran till servern.
Om du driver en WordPress-webbplats kan du använda ett plugin som W3 Total Cache-plugin för att enkelt aktivera cachning. Å andra sidan, om du har en statisk HTML-webbplats kan du aktivera cachning genom att använda det som kallas Expires-rubriken i din .htaccess-fil. När den är aktiverad sparar rubriker inte bara den tid det tar att ladda ner redan cachade filer utan hjälper också till att minska antalet HTTP-förfrågningar.
12. Vårrena databaser
Chansen är stor att du använder ett CMS som WordPress eller Joomla för att vara värd för din webbplats. När du lurar med din installation (lägg till och ta bort plugins, skapa och uppdatera inlägg, installera uppgraderingar och liknande) kommer databasen som driver CMS att bli ganska uppsvälld och långsam. För att undvika detta bör du använda WP-Optimize-plugin för att rengöra databasen regelbundet.
13. Blockera hotlinking
Hotlinking händer när någon visar en bild från din webbplats genom att använda sin webblänk direkt. Varje gång den laddas extraheras bilden från källwebbplatsens server.
Du har flera alternativ för att förhindra hotlinking. Många välkända värdar erbjuder en växling i administrationsgränssnittet för att förhindra hotlinking. Sedan finns det WordPress-plugins som All In One Security & Firewall som ger skydd mot hotlinking. Slutligen kan du lägga till instruktioner i din .htaccess-fil.
14. Växla inställningen Keep Alive
Meddelandet Keep Alive utbyts mellan webbservern och en klientmaskin för att tillåta samma TCP-anslutning för HTTP-konversation istället för att öppna en ny med varje ny begäran. Keep Alive, även känd som en ihållande anslutning, hjälper till att minska latensen för efterföljande förfrågningar. De flesta webbhotell, särskilt i delad hosting, inaktiverar den här funktionen.
Inställningen styrs bäst genom att justera webbservern. Du kan dock åsidosätta serverns standard genom att lägga till följande rader i din .htaccess-fil:
Huvuduppsättning Anslutning håller vid liv
15. Påskynda WordPress
WordPress har flera plugins för att förbättra prestanda som hjälper till att optimera olika aspekter av webbplatsen. En av de mest omfattande är perfmatters som rullar många av de ofta använda prestandaccelerationsteknikerna. Det som är bra med detta premiumplugin är att de flesta av dess optimeringstekniker exponeras via ett enkelt användargränssnitt, vilket gör det tillgängligt för alla typer av användare.
16. Installera Google PageSpeed
Google PageSpeed är en uppsättning öppen källkodsmoduler för Apache och Nginx webbservrar. De hjälper dig att optimera din webbplats genom att implementera några av de mest användbara prestandaförbättringsteknikerna som de vi har delat med i den här artikeln. Du kan ladda ner och installera modulerna på din webbserver om du äger den. Annars måste du leta efter en värdleverantör som gör det. Vanligtvis erbjuder webbhotell detta endast med sina dedikerade värdplaner, men vissa som GoDaddy installerar det på sina Linux-hosting-servrar.
17. Minska DNS-sökningar
En av de viktigaste faktorerna som har direkt inverkan på hur snabbt din webbplats laddas är hur lång tid det tar för DNS-sökningar. En DNS-sökning är processen att hitta IP-adressen som är kopplad till en URL.
Ett sätt att påskynda din webbplats är att minska antalet unika värdnamn. Mindre antal DNS-frågor kommer att sänka svarstiden och få webbplatser att laddas snabbare. Tänk också på att den tid det tar att fråga DNS-posterna beror på DNS-leverantörens hastighet.
Om du inte är nöjd med din DNS-leverantörs prestanda, överväga att byta till en annan. DNSperf spårar frågehastigheten för de olika auktoritativa DNS-leverantörerna.
18. Uppgradera till ett bättre webbhotell
Om du har försökt påskynda din webbplats men inte har märkt någon större skillnad kan problemet vara ditt webbhotell. Många av de billigaste webbvärdarna, särskilt de delade, är ganska trånga och använder servrar som saknar resurser för att fördela tillräckligt till varje webbplats. Du bör istället spendera lite tid på att undersöka de olika alternativen som erbjuds innan du besöker en värd och värdplanen för din webbplats.
19. Använd ett innehållsleveransnätverk
Förutom att byta till ett bättre webbhotell, bör du också överväga att använda ett Content Delivery Network (CDN). Till skillnad från din server som är lokaliserad på en viss plats använder ett CDN ett nätverk av servrar som på sätt och vis distribuerar ditt innehåll till servrar över hela världen och i huvudsak flyttar det närmare dina besökare oavsett deras platser. CDN: er påskyndar en webbplats genom att minska det fysiska avståndet mellan innehållet och besökarna. Du kan vara värd för alla typer av innehåll med CDN och till och med använda flera för att rikta in sig på specifika platser.
20. Övervaka prestanda regelbundet
En viktig aspekt av att ställa in din webbplats är att hålla ett öga på dess prestanda. Detta kommer inte bara hjälpa dig att mäta effekten av en tweak, men beroende på vilket verktyg som används kommer det också att peka ut aspekter på webbplatsen som behöver uppmärksammas. Pingdoms webbplatshastighetstest är ett populärt onlineverktyg som inte bara testar sidens laddningstider utan också pekar på problemen.
På samma sätt kan du använda Googles testa min webbplats för att analysera din webbplats prestanda på mobila enheter. Förutom att ge ut användbara mätvärden kommer verktyget också att dela rekommendationer som hjälper dig att påskynda din webbplats för mobila enheter.
- Vi har presenterat det bästa webbhotell för Wordpress.