Tips för att förbättra webbplatsens hastighet / hur man påskyndar webbplatser

Hur kan utvecklare få sina webbplatser att ladda snabbare?

webbplatshastighet har en enorm inverkan på användarupplevelse, SEO och konverteringsfrekvens. Att förbättra webbplatsens prestanda är viktigt för att dra trafik till en webbplats och hålla besökare engagerade. Här granskar vi steg som utvecklare kan vidta för att göra en webbplats snabbare:

testa webbplatsens prestanda

Webbplatshastighetstester bedömer hur en webbplats presterar. Att testa en webbplats regelbundet kan hjälpa utvecklare att spåra nedgraderingar eller förbättringar av prestanda. Ett hastighetstest bör också hjälpa utvecklare att identifiera några eller alla områden som saktar webbplatsens prestanda och var förbättringsområdena är.

det finns gott om högkvalitativa webbplatshastighetstester för mätning av prestanda, många av dem gratis. WebPageTest.org (som samarbetar med Cloudflare) har flera gratis tester och producerar detaljerade nedbrytningar av hur snabbt enskilda delar av en sida laddas. WebPageTest.org tillåter också utvecklare att testa webbplatser för olika enheter och nätverksanslutningshastigheter.

Google erbjuder också Pagespeed-insikter för detaljerad prestandatestning. Google Chrome DevTools kan också hjälpa utvecklare att bedöma webbplatsens prestanda; fliken Nätverk visar alla HTTP-förfrågningar, hur stora de begärda tillgångarna är och hur lång tid förfrågningar tar innan de uppfylls.

Använd ett CDN (content delivery network)

CDN öka hastigheten på webbplatser genom att cacha innehåll på flera platser runt om i världen. CDN-cachningsservrar ligger vanligtvis närmare slutanvändarna än värd-eller ursprungsservern. Begäran om innehåll går till en CDN-server istället för hela vägen till värdservern, som kan vara tusentals mil och över flera autonoma nätverk från användaren. Att använda en CDN kan resultera i en massiv minskning av sidladdningstiderna.

optimera bilder

bilder utgör en stor andel av Internettrafik, och de tar ofta längst tid att ladda på en webbplats eftersom bildfiler tenderar att vara större än HTML-och CSS-filer. Lyckligtvis kan bildladdningstiden minskas via bildoptimering. Optimering av bilder innebär vanligtvis att minska upplösningen, komprimera filerna och minska deras dimensioner, och många bildoptimerare och bildkompressorer är tillgängliga gratis online.

Minifiera CSS-och JavaScript-filer

Minifiera kod innebär att du tar bort allt som en dator inte behöver för att förstå och utföra koden, inklusive kodkommentarer, blanksteg och onödiga semikolon. Detta gör CSS – och JavaScript-filer något mindre så att de laddas snabbare i webbläsaren och tar mindre bandbredd. På egen hand kommer minifiering att resultera i endast minimala hastighetsförbättringar. Men implementerat tillsammans med dessa andra tips kommer det att resultera i bättre webbplatsprestanda.

minska antalet HTTP-förfrågningar om möjligt

de flesta webbsidor kräver att webbläsare gör flera HTTP-förfrågningar för olika tillgångar på sidan, inklusive bilder, skript och CSS-filer. Faktum är att många webbsidor kommer att kräva dussintals av dessa förfrågningar. Varje begäran resulterar i en rundresa till och från servern som är värd för resursen, vilket kan lägga till den totala laddningstiden för en webbsida. Dessutom, med resurser laddade från flera olika leverantörer, kan ett problem med en av värdarna påverka webbsidans förmåga att ladda snabbt eller alls.

på grund av dessa potentiella problem bör det totala antalet tillgångar som varje sida behöver laddas hållas till ett minimum. Ett hastighetstest bör också hjälpa till att identifiera vilka HTTP-förfrågningar som tar mest tid. Om bilder till exempel får en sida att laddas långsamt kan utvecklare leta efter en snabbare bildhotelllösning (till exempel en CDN).

använd webbläsarens HTTP-cachning

webbläsarens cache är en tillfällig lagringsplats där webbläsare sparar kopior av statiska filer så att de kan ladda nyligen besökta webbsidor mycket snabbare, istället för att behöva begära samma innehåll om och om igen. Utvecklare kan instruera webbläsare att cache delar av en webbsida som inte kommer att förändras ofta. Instruktioner för webbläsarens caching går i rubrikerna för HTTP-svar från värdservern. Detta minskar kraftigt mängden data som servern behöver överföra till webbläsaren, vilket förkortar laddningstiderna för användare som ofta besöker vissa sidor.

minimera införandet av externa skript

alla skript webbsida element som läses in från någon annanstans, till exempel externa kommentarsystem, CTA knappar eller lead-generation popup-fönster, måste laddas varje gång en sida laddas. Beroende på skriptets storlek kan dessa sakta ner en webbsida eller göra att webbsidan inte laddas på en gång (Detta kallas ’innehållshoppning’ eller ’layoutskiftning’ och kan vara särskilt frustrerande för mobila användare).

använd inte omdirigeringar, om möjligt

en omdirigering är när besökare på en webbsida får vidarebefordras till en annan sida i stället. Omdirigeringar lägga till några bråkdelar av en sekund, eller ibland till och med hela sekunder, till sidan laddningstid. När du bygger en prestandaoptimerad webbplats räknas varje sekund. Omdirigeringar är ibland oundvikliga, men de bör inte användas om inte nödvändigt.