15 sätt att påskynda din webbplats

En av de värsta sakerna som kan hända med din webbplats är att förlora kunder över problem som helt kan förhindras. Statistik från Google Page Load Time-studien 2017 visar att en sekund kan göra en stor skillnad i ditt trafiknummer och kundnöjdhet.


På bara en sekund:

  • Dina sidvisningar kan minska med 11 procent ��
  • Kundnöjdhetsnivåerna kan sjunka med 16 procent ��
  • Du kan uppleva en sänkning av konverteringsfrekvensen med 7 procent ��

Under ett år kan en förseningsperiod på en sekund resultera i en minskning av intäkter på 2,5 miljoner dollar för företag som normalt uppgår till 100 000 USD i daglig försäljning.

Kortfattat, latens är fienden till webbplatsens prestanda och användartillfredsställelse. 50 procent av konsumenterna uppger att de skulle lämna en webbplats som tog mer än tre sekunder att ladda.

Vad är latens och varför är det viktigt?

Det finns tre komponenter som bidrar till datahastighet: bandbredd, latens och genomströmning. I samband med optimerat innehåll och kodning går dessa element hand i hand. Frågor med en kommer att påverka de andra.

bild som visar nätverks latens och hastighetBandbredd är den pipeline som dina data reser över. Smal bandbredd minskar mängden information som färdas över den rörledningen vid en viss tidpunkt. Detta leder till problem med latens och påverkar genomströmningen.

Hemsida latens definieras som den tid det tar för information att återvända från webbläsare till server och tillbaka till användaren igen. genomströmning är mängden data som reser över en server under en viss tidsperiod.

Det är den optimala balansen mellan latens (låg) och bandbredd (hög) som leder till effektiv leverans och bättre genomströmning. Om balansen är ogynnsam kommer tidens laddningstider på webbplatsen att vara långsammare och leveransen av data försenad.

Vad som bidrar till höga latensgrader?

  • Fortplantning. Detta är den tid som krävs för datapaket att resa från en källa till en annan.
  • Överföringsmedium. Vi har kommit långt sedan uppringningens dagar, men överföringsmediet påverkar fortfarande latens. Till och med sådana tekniska framsteg som fiberoptik och WAN har fysiska begränsningar som påverkar innehållets leveranshastigheter.
  • routrar. Det vi kan göra med ett musklick eller genom att skriva in en URL sätter igång en kedja av händelser som gör att vi kan komma åt internet. För genomsnittsanvändarnas ögon görs en begäran och respekteras med ljusets hastighet. Det beror dock på vår routers förmåga att korrekt analysera paketrubriker och annan information.

Ju mer distribuerat nätverket, desto fler gånger måste ett paket hoppa från router till router. Detta bidrar till hög latens.

  • Lagring. Förseningar uppstår varje gång ett paket med data lyckas eller lagras. Processen om den kompliceras ytterligare av antalet switchar och broar som uppstår mellan den första webbläsarbegäran och leveransen. Se relaterade – bästa molnlagring
  • formatering Hur du konfigurerar filer och hanterar WordPress-databaser kommer att påverka hur instruktioner och kod läses och behandlas. Ren, mager och elegant kod leder till effektivitet och hastighet.
  • Filtyper och storlekar. Det är uppenbart att mindre filer och enklare formatering går igenom ett nätverk snabbare och mer effektivt. Webbplatser som är tunga på grafik och andra rika medier är innehåll mer rörliga och det påverkar hur snabba sidor kan laddas fullständigt. Det är därför det är viktigt att komprimera dina webbplatsfiler.

Fördelarna med att optimera din webbplats

Oavsett om du bestämmer dig för att använda en högkvalitativ webbplatsbyggare, anställa en webbdesigner eller konstruera din webbsida på egen hand, med tanke på säkerhet och snabbhet genom design kommer att förbättra utseende och leverans av ditt innehåll. Detta hjälper till SEO-optimering och ger en bättre användarupplevelse (UX).

Studier visar att det kan ta upp till 22 sekunder för en mobilwebbplats att ladda den genomsnittliga målsidan helt. Föreställ dig vilken kant du kommer att ha över tävlingen om du kan raka dina belastningstider till sju sekunder eller mindre.

15 sätt du kan öka din webbhastighet idag

Dagens servrar kan leverera laddningstider som mäter i millisekunder snarare än sekunder. Förutom att kontrollera tekniken som levererar ditt webbinnehåll till besökare, kan du implementera ett antal ändringar och justeringar för att säkerställa konsekventa, snabba sidbelastningar och en mer tillfredsställande total UX.

Här är 15 sätt du kan öka din webbplatshastighet och de kommer inte att påverka din innehållskvalitet eller webbplatsens estetik alls.

1. Aktivera filkomprimering

Filkomprimering är inget nytt. Vi har alla stött på filer som var för stora för att ladda ner som vi kan komma åt efter att de är komprimerade. Samma idé kan hjälpa din webbplats att ladda snabbare med Gzip-komprimering.

För att utföra detta genom att installera komprimeringsplugin för ditt innehållshanteringssystem eller manuellt via .htaccess-filen. Detta fungerar för CSS, JS, XML och HTML genom att lägga till följande kod:

AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE-applikation / xml
AddOutputFilterByType DEFLATE-applikation / xhtml + xml
AddOutputFilterByType DEFLATE-applikation / rss + xml
AddOutputFilterByType DEFLATE-applikation / javascript
AddOutputFilterByType DEFLATE-applikation / x-javascript

2. Ta bort onödiga plugins och tillägg

När du först bygger din webbplats är det frestande att installera och prova ett antal plugins. Vissa av dem är fantastiska, men många fler hamnar i våra kataloger. Gör det till en regel att omedelbart avinstallera alla gamla, onödiga eller stöds plugins och tillägg eller tillägg. Att inaktivera dem kan tyckas vara det enklare alternativet, men det kan orsaka säkerhetsproblem och sätta dig i riskzonen för brott och utnyttjande.

När det gäller webbplatssäkerhet med fokus på att bara ha de bästa WordPress-plugins installerade medan du tar bort onödiga sådana är också oerhört viktigt.

3. Optimera HTTP

Det finns två sätt att förbättra sidbelastningstider genom HTML-optimering. Den första är att minimera dina HTTP-förfrågningar. Du kan åstadkomma detta på flera sätt:

  • Använd CSS istället för bilder när det är möjligt
  • Kombinera CSS-, JS- och HTML-filer för att undvika uppblåsthet och redundans
  • Designa rena, enkla sidor med färre element
  • Aktivera cache
  • Minska antalet omdirigeringar genom att rensa gamla sidor och trasiga länkar

Det andra sättet du kan optimera HTML är genom att aktivera Keep-Alive. Normalt initierar varje filbegäran en separat åtgärd. Genom att aktivera HTML Keep-Alive skapar du en öppen anslutning som förblir så tills alla webbläsarbegäranden respekteras. Kopiera den här koden lite till din .htaccess-fil, omgiven av lämpliga öppnings- och stängningstaggar:

IfModule mod_headers.c
Header set Anslutning håller vidare
IfModule

4. Installera ett nätverk för innehållsleverans (CDN)

Nätverk för innehållsleverans (CDN) minska sidbelastningstiderna på ungefär samma sätt som servrar. Dessa nätverk är spridda till olika punkter i världen, vilket gör att någon i den geolokaliseringen kan komma åt din webbplats närmare hemmet.

Många hostingtjänster inkluderar ett CDN som en del av deras tjänst, så kolla in tillgängligheten innan du loggar in med någon. Se relaterade – bästa kanadensiska CDN: er

5. Aktivera cache

Caching lämnar en kopia av din webbsida i användarens webbläsare tills sidan uppdateras och innehållet uppdateras. Det betyder färre HTTP-förfrågningar och sidor att ladda. När du aktiverar cachning kan du minska sidbelastningstiderna med 1,5 sekunder. I en tid då varje sekund räknas, motsvarar det en enorm skillnad.

Cache i WP kan aktiveras med Rocket-plugin eller genom en av de gratis plugins som WP3 Total Cache eller Super Cache. De som använder HTML kan aktivera cache via Etags, Expire eller andra metoder. Drupal-användare kan utföra cache-aktivering genom att följa dessa instruktioner.

6. Förminska JS- och CSS-koden

Du kan förbättra sidans belastningstider genom att minska mängden kodning som krävs för att utföra en åtgärd. Börja med att skapa en separat fil för JS och CSS, och arbeta sedan för att minska vitt utrymme, ta bort onödiga kommentarer och kombinera filer eller kommandorader där så är möjligt. Om du är osäker på hur du bäst ska minimera koden utan att skapa andra problem finns det minifieringsverktyg tillgängliga för att identifiera och korrigera uppblåst kodning.

7. Anställ asynkron JS- och CSS-filhämtning

När din kod är smal och effektiv kan du justera hur filerna laddas till din sida genom asynkron laddning. Detta ändrar hur innehållet laddas på din sida genom att göra det mer effektivt.

Du ser, de flesta webbläsare hanterar förfrågningar genom att ladda sidor i ordning, en åt gången. Detta kallas synkron sida laddning. Varje gång webbläsaren möter en sida som är synkron stannar den all annan aktivitet tills den aktuella sidan är fullastad. Med asynkron laddning kan din webbläsare hantera vissa förfrågningar samtidigt, vilket innebär kortare laddningstider för webbplatsen.

De flesta innehållshanteringssystem har en mekanism som möjliggör asynkron CSS- och JS-filbelastning. Till exempel har WordPress en “Static Files” -flik i deras Rocket-plugin som gör att du kan aktivera den här funktionen genom att markera lämpliga rutor i avsnittet “Render-blocking CSS / JS”. Icke-WP-användare kan aktivera detta i JS genom att använda attyncket async eller defer. För CSS, prova att skriva stilar för den första skärmen i huvudet på html för att aktivera asynkron laddning av den första sidan.

Uppskjuten JavaScript-laddning kan ge samma resultat och det kan aktiveras i samma avsnitt av WP Rocket-panelen som inställningar för lastning. Om du kör en webbplats på HTML kan du skjuta upp JS-laddningen genom att ringa ett samtal till den externa filen strax före body-taggen på din kod så här:

8. Optimera bildfiler

En av de största resurs- och databasskinkorna är bilder. Visst kommer foton att lägga till ditt innehåll, men för många kommer också att påverka hastigheten och driva trafiken bort. Om du måste inkludera bilder på din webbplats väljer du en eller två, minskar filstorleken och skriver till något mer effektivt som .jpeg, eller gör dem till ett collage snarare än ett galleri med separata bilder. Du kan också flytta dem till en plattform som är gjord för bilder, som InstaGram, och en enkel länk till den plattformen från din webbplats.

Detsamma gäller videoinnehåll, som kan tas bort till en YouTube-kanal. Båda dessa lösningar kommer också att hjälpa till med SEO, eftersom du kan optimera dem separat genom att använda en kombination av alt-taggar för att indexera bilder och videoinnehåll och SEO på sidan för total sidoptimering. En av våra favoriter är Optimizilla.

9. Inaktivera hotlinking och begränsa andelen sociala medier

Om du talar om sociala medier och bilder, skulle du göra bra för att inaktivera heta länkar på din webbsida och begränsa andelen sociala medier. Det andra förslaget verkar vara motsats till allt du vet om socialt bevis, uppsökande och engagemang, men du kan hitta en balans som kommer att stödja din närvaro på sociala medier utan att påverka prestanda.

Detta leder oss till problemet med hotlinks. Hotlinks är lite tekniska som gör att andra kan ta ditt innehåll och använda det på sin egen webbplats eller sociala medieplattform. Det ökar också oavsiktligt din resursanvändning.

Istället för att länka till bilder eller innehåll på en annan webbplats, eller låta din bli stulen, ladda ner dem och spara dem på din server. Det kan verka motsatt, men att länka till annat webbplatsinnehåll kan ha en oavsiktlig konsekvens av att låta någon annans potentiellt undermåliga webbplatsprestanda påverka din egen.

10. Minska externa skript

Lägga till externa skript vi JS-kod ökar antalet HTTP-förfrågningar, vilket minskar webbplatsens hastighet. Vissa externa skript är nödvändiga, så du behöver inte eliminera dem helt. Pingdom låter dig testa varje extern länk för att avgöra vilka som orsakar ett problem.

Innan du lägger till externa länkar till ditt webbinnehåll, se till att källwebbplatsen är tillförlitlig eller att du kan föra deras problem hem till din plattform.

11. Hitta och fixa trasiga länkar

Trasiga länkar som slutar med omdirigeringar eller felmeddelanden kan påverka UX. Men detta tips hänvisar till länkar i din bild-, JS- eller CSS-filer. Leta efter och testa länkar i rubriken på dina CSS-filer och i JavaScript-källadressen. Du kan leta efter dem manuellt, genom att granska serverloggar eller använda ett länkkontrollverktyg.

12. Optimera dina databaser

Grov fillagring bidrar definitivt till långsam prestanda. Du vill ha en fullständig registrering av alla åtgärder för säkerhetsändamål, men varje gång en plugin eller annan funktion sparar data byggs den upp i din databas. Föreställ dig alla dessa pingbacks, skräppost eller onödiga kommentarer och posta revisioner som staplas upp, och du har en god uppfattning om problemet.

databasoptimering

För att undvika det här problemet, utför regelbundna säkerhetskopior följt av rensningar för att bli av med alltför stora data utan att få oavsiktliga konsekvenser.

13. Använd lätta tema

Du skulle bli förvånad över skillnaden genom att bara ändra ditt tema från något klumpigt och laddat med kod till ett lätt ramverk. Om din webbplats verkar långsam och alla andra element är bra kan du försöka använda ett nyare, lättare tema. Detta innebär att dyka djupare in i tematets prestationshistoria snarare än att bara leta efter något som ser vackert ut.

Som med plugins, se till att avinstallera det gamla temat istället för att inaktivera det.

14. Välj ett bra innehållshanteringssystem

Innehållshanteringssystem (CMS) är avgörande för att upprätthålla pålitlig hastighet och prestanda. Det mest överlägset mest populära är WordPress, men det finns också Joomla, Drupal och många andra. De erbjuder fördelen med innehållsoptimering och tillgängligheten av prestandaförbättrande plugins eller funktioner.

15. Välj din värdtjänst med ett öga på prestanda

Det kan vara frestande att hitta en billig webbhotell. Trots allt är ditt bröd och smör i din plattform, eller hur? Men att någonsin optimera alla andra komponenter som bidrar till effektiv prestanda spelar ingen roll om din värdplattform är undermålig.

Detta innebär inte bara att välja en plan som gör att du kan hantera trafikpikar och tillväxt, utan också hitta en leverantör med tekniken för att stödja prestanda. Delade värdplaner är okej om du precis börjar och använder mer statiskt innehåll. Men din hastighet och resurstillgänglighet beror ibland på att du har bra grannar.

När det är möjligt väljer du ett virtuellt privat nätverk av hög kvalitet (VPN) eller a dedikerad server. Detta ger dig de resurser, lagring och tillgänglighet som krävs för att minska driftsstopp och latens.

Glöm inte att testa och fortlöpande utvärdering

Att veta vad jag ska justera och när beror på att veta vilka problem som påverkar sidbelastningstider och den totala leveranshastigheten för innehåll. Vissa hostingtjänster har inbyggda verktyg som du kan använda för att mäta webbplatsens prestanda. Det finns också ett antal metoder och verktyg du kan använda för att mäta latens och sidbelastningstider.

Oavsett vilken metod eller verktyg du använder, se till att testa från olika platser. Det beror på att servrar som ligger längre bort från källan tar längre tid att leverera innehåll. Geotestning från ett antal platser hjälper dig att mäta latensgraden. När du utför hastighetstest, gör det både med ditt CDN aktiverat och inaktiverat. Detta hjälper dig att utvärdera effektiviteten för din CDN och annan teknik.

hur fungerar en cdn

Ett av de vanligaste och effektiva hastighetstestverktygen är Pingdom. Detta gratis onlineverktyg är ett enkelt sätt att avgöra en rad problem med webbplatsens prestanda och hastighet. Du anger bara din URL och serverplats i sökrutan och trycker på “Start Test”. Du kan också köpa ett premiumabonnemang för mer djupgående testning av drifttid och innehållstyper från mer än 70 serverplatser.

Detta är ett exempel på ett pingtest med Googles offentliga DNS:

$ ping 8.8.8.8
PING 8.8.8.8 (8.8.8.8): 56 databyte
64 byte från 8.8.8.8: icmp_seq = 0 ttl = 56 tid = 54.524 ms
64 byte från 8.8.8.8: icmp_seq = 1 ttl = 56 tid = 43.423 ms
64 byte från 8.8.8.8: icmp_seq = 2 ttl = 56 tid = 50.773 ms

Ett traceroute-verktyg kommer att spåra paketresan från server till server, mäta rutten från webbläsare till värd och identifiera eventuella flaskhalsar eller andra problem.

Här är ett exempel på traceroute-kommandorapporten med samma Google DNS:

$ traceroute 8.8.8.8
traceroute till 8.8.8.8 (8.8.8.8), 64 humle max, 52 byte paket
1 192.168.0.1 (192.168.0.1) 6.632 ms 9.659 ms 10.089 ms
2 10,89,0,1 (10,89,0,1) 29,867 ms 14,293 ms 30,259 ms
3 blk-212-126-117.eastlink.ca (173.212.126.117) 20.677 ms 19.575 ms 20.155 ms
4 ns-hlfx-dr002.ns.eastlink.ca (24.215.102.161) 30.093 ms 29.371 ms 30.796 ms
5 ns-hlfx-br002.ns.eastlink.ca (24.215.102.221) 29.540 ms 29.516 ms 29.989 ms
6 ns-hlfx-br001.ns.eastlink.ca (24.215.102.9) 26.678 ms 29.203 ms 30.787 ms
7 google.eastlink.ca (24.215.101.10) 49.027 ms 49.196 ms 90.601 ms
8 209.85.241.127 (209.85.241.127) 49.999 ms
72.14.239.75 (72.14.239.75) 48.939 ms
72.14.235.169 (72.14.235.169) 46.823 ms
9 google-public-dns-a.google.com (8.8.8.8) 49.465 ms 45.436 ms 43.772 ms

På tal om Google har de också ett gratis verktyg för att testa webbplatser för problem med snabbhet och prestanda. Du kan komma åt deras PageSpeed ​​Insights här.

Testning är inte en engångsoperation. Din webbplats ska övervakas dygnet runt med hjälp av automatisering och några av de tillgängliga verktygen för prestanda och hastighetstestning. för att resultaten ska ha någon mening. Detta hjälper dig att identifiera eventuella problem innan de blir kostsamma problem.

Slutgiltiga tankar

När nätverk blir mer trångt och distribuerat blir latensen mer trolig. Vårt mål är att ge dig den information du behöver för att förbättra din webbplats prestanda och hastighet. Förutom att välja den bästa webbhotelltjänsten för dina behov och budget, kommer optimering av ditt innehåll och hur det levereras att gå långt mot att eliminera många orsaker till driftsstopp och långsam prestanda.

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