14 Belysningstrick för att påskynda din webbplats

Den här bloggserien om webbplatsens hastighet har varit en rolig resa.


Hittills har vi lärt oss att Amazon skulle förlora 1,6 miljarder dollar (!) Om deras webbplats bromsades ner.

Vi har också lärt oss exakt vad som händer bakom kulisserna för att orsaka avmattning på webbplatsen.

Det tar oss till vår naturliga slutsats: hur exakt kan du påskynda saker och ting? Vi täcker allt från serverhastighet till optimering och några bonusutrustningar däremellan.

Först, låt oss sammanfatta vad som orsakar långsam hastighet:

När du laddar upp min webbplats här på Bitcatcha startar din webbläsare (Firefox, Safari, Chrome etc) en konversation med min webbserver.

Webbläsare: “Hej webbserver! Kan du få alla bitar och bitar för att visa Bitcatcha.com snälla? ”

Server: “Visst, låt mig hitta dem och skicka dem över”.

Sedan sätter webbservern alla webbplatsens delar i en tunnel och skickar dem över till din webbläsare för att ladda upp den.

Låter tillräckligt enkelt, men här är vad som kommer att sakta ner saker:

  • En lat server som tar åldrar att svara på förfrågningar.
  • En server som samtidigt hanterar delar för många andra webbplatser.
  • Massor av stora webbplatser “delar” som alla måste hittas och skickas ner i tunneln.
  • En upptagen tunnel.

Det är mycket som kan gå fel här. Så hur påskyndar vi saker?

Snabba upp din webbplats

Del 1: Gör din server snabbare

1. Uppgradera till en bättre webbhotell (dvs. en bättre server)

Din webbhotell är företaget som tillhandahåller servern. Det är som att hyra en tomt med mark där du lagrar alla webbplatsens delar.

De flesta av oss tenderar att köpa den billigaste tomten vi hittar. Men det är inte nödvändigtvis en klok lösning.

Billiga webbhotell hyr servrar som är trånga och små. Kom ihåg att du vill att din server ska svara snabbt på förfrågningar och snabbt skicka din webbplats nerför tunneln till webbläsaren.

Notera

Kolla in vår lista över snabbaste webbhotell baserat på deras svarstid.

2. Byt från delad hosting till en VPS

Billiga webbhotell kommer att placera din webbplats på en server tillsammans med massor av andra webbplatser. Det kallas delad värd, och det betyder att du måste kämpa för resurser.

Om en webbplats plötsligt får massor av trafik, kommer den att bromsa din, medan de gabbar upp bandbredden.

Genom att byta till en VPS (en virtuell privat server) eller (åtminstone en high end-delad server som SiteGround) stängs din webbhotell av ett hörn av den delade servern just för dig. Det betyder att du inte behöver oroa dig för att andra webbplatser stjäl dina resurser.

3. Flytta servern närmare din publik

Varje gång någon klickar på din webbplats måste din server fysiskt skicka informationen över hela världen till sin datorskärm.

Om servern är på andra sidan världen kommer det att ta lång tid. Om du vet vart merparten av din trafik kommer ifrån, be din webbhotell att placera din webbplats på en server närmast din huvudgrupp.

4. Använd ett innehållsleveransnätverk

Problemet med att flytta din server närmare en viss målgrupp är att någon kommer att förlora. Om du flyttar din server till Kalifornien kommer dina australiska besökare att få en långsam laddningstid. Så är dina europeiska besökare.

Ett innehållsleveransnätverk, eller CDN, placerar dina data på servrar över hela världen. Så när någon klickar på din webbplats skickar servern närmast dem informationen.

Det betyder att dina besökare får en supersnabb hastighet var de än är i världen. (För din referens använder jag Cloudflare här i Bitcatcha.)

5. Aktivera inställningen ‘hålla vid liv’

När din server skickar dina webbplatsfiler ner i tunneln, reser varje del separat. Ditt CSS-formatmall, din logotyp, var och en av dina bilder osv.

Uppenbarligen är det mest effektiva sättet att göra detta att skicka dem alla ner i samma stora tunnel.

Det är där inställningen ‘hålla vid liv’ kommer in. När den är aktiverad förblir huvudtunneln på, och allt kommer ner på samma anslutning. (Detta är supersnabbt).

Men när inställningen är avstängd måste en ny tunnel göras för varje element. (Detta är super långsamt).

De flesta webbhotell behåller denna inställning (vilket är bra), men ibland delade värdar stänger anslutningarna utan varning.

Del 2: Optimera webbplatselement

Nu när vi har gjort din server så snabb och effektiv som möjligt, hur optimerar vi själva webbplatsens delar?

6. Minska returtiden (RTT)

Din webbläsare måste för närvarande be servern om varje element, en åt gången. Din logotyp, sedan var och en av bilderna och sedan ditt CSS-formatmall.

Den tid det tar att ta emot den är en tur och retur.

Ju fler turer du måste göra, desto längre tid tar hela webbplatsen att ladda. Det är som att packa din bil med lådor och flytta dem till ett nytt hus.

Ju fler rutor du har, desto fler rundturer måste du göra. Lösningen? Skär ned mängden lådor du tar.

Minska mängden element som din server måste skicka ner tunneln. Färre bilder, mindre kod, färre plugins.

7. Aktivera komprimering på din webbplats

Tyvärr är det inte bara antalet lådor. Det är hur tunga de är. Om alla dina element är stora och tunga kommer det att ta mycket plats i din tunnel. De kommer också att gå långsammare. Det är som att lastbilar byggs upp. Varje full av tunga lådor.

Lyckligtvis kan du komprimera din webbplats och allt på den. Med hjälp av ett verktyg som Gzip. (Det känns igen av 90% av webbläsarna. – Det är i stort sett alla utom några få stragglers som fortfarande använder Internet Explorer 4.)

De chunkaste delarna av din webbplats är bilderna, HTML, CSS och Javascript. Genom att komprimera dem kan du minska den genomsnittliga ‘vikten’ på din webbplats medan den överförs.

Rolig fakta

Medelvikten för en webbplats är 2MB, men den växer större varje år.

8. Optimera dina bilder

Bilder är vanligtvis den tyngsta delen av någon webbplats. De är det största, fetaste, långsammaste laddningselementet.

Börja med att beskära dem till exakt den storlek du behöver dem. Ladda inte upp enorma bilder och skala dem ner i HTML. Ladda bara upp dem i rätt storlek.

Komprimera också dina bilder innan du laddar upp dem. Om du använder WordPress kan plugins som WP Smush minska bildstorleken med stora 80%!

9. … Eller gör spriter

En sprite är en enda bild som innehåller massor av små bilder. Det är bra för att dela knappar eller andra bildelement.

Nu behöver din webbplats bara göra en begäran snarare än tio separata. Du kan sedan använda CSS för att välja vilka delar av bilden som ska visas där.

10. Klipp din kod

HTML är tätt och tungt. Det är också otroligt repetitivt. CSS är lite mer strömlinjeformat, men mycket av det är överflödigt.

Det är dags att gå igenom din kod med en fin tandkam och bli av med alla onödiga bitar.

Om du använder en mall från WordPress, Tumblr osv, finns det antagligen massor med kod som du inte använder. Dessa mallar är konfigurerade för att ge dig många alternativ för funktionalitet. Men de flesta av oss behöver inte allt.

Var hänsynslös!

11. Avinstallera värdelösa plugins (WordPress)

Vi har alla experimenterat med massor av plugins under åren. Men ofta glömmer vi att avinstallera dem.

Varje plugin är en annan serverbegäran. Det är ett annat viktigt paket som blockerar din höghastighetstunnel.

Om du inte använder det, stäng det av.

12. Minska omdirigeringar

För varje omdirigering går dina paket upp och ner i tunneln två gånger. Om du absolut inte behöver det, använd inte omdirigeringar på din webbplats.

Del 3: Bonustillägg

13. Minska DNS-sökningar

Det är en del av processen som vi inte har pratat om ännu. Det händer redan i början.

Innan din webbläsare startar konversationen med servern måste den hitta serverns plats (genom att hitta sin IP-adress). Det är som att leta upp servernummer i telefonboken. Det tar lite tid. (Vanligtvis 20-120 millisekunder).

Det tar ännu längre tid om det finns flera domännamn associerade med din webbplats. Vanliga exempel inkluderar: blog.yourwebsite.com eller ytterligare domäner för bilder, stilark och flashobjekt.

Om din webbläsare måste göra det fem gånger kan du tappa en halv sekund. Håll den till så få domäner som möjligt.

14. Webbläsare cachar

Föreställ dig hur snabbt saker skulle vara om din webbläsare skulle kunna behålla en kopia av alla webbplatsfiler. På så sätt behöver det inte kontakta servern varje gång. Det kan bara ladda dem från minnet.

Det är vad cachning är. Det betyder att din webbläsare “kommer ihåg” webbplatsen. När du laddar upp det för en andra gång är det supersnabbt.

Phew! Det var ett längre inlägg än vanligt, men jag tror att det var värt det.

Nu vet du allt som finns att veta om att göra din webbplats blixt snabb. Dessa trick kan raka sekunder från din belastningshastighet.

Det betyder glada besökare. Och det betyder mer försäljning.

WordPress Speed ​​Guide

Om din webbplats byggs med WordPress, har vi sammanställt en detaljerad steg-för-steg-guide för att påskynda WordPress. Vi använder de exakta stegen för att få Bitcatcha.com-belastningar på 3 sekunder.

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map