Hur känner du dig när maten du beställer serveras efter en lång väntan? Eller när det finns en stor linje bakom kassan i snabbköpet?
du hatar det helt enkelt.
gissa vad, dina tittare gillar det inte bättre när din webbplats laddas långsamt.
värre för dig, de visar sitt missnöje genom att ge din webbplats färre besök och försäljning.
varje sekund extra som din webbplats tar för att ladda leder till:
- 11% förlust i sidvisningar
- 7% färre konvertering
- 87% kundvagn nedläggning
- 43% av shoppare går direkt till konkurrenter
långsam webbplats påverkar kraftigt din förmåga att locka kunder och generera.
det är därför vi på Hosting Tribunal går mycket långt för att bedöma hastigheten de bästa webbhotellleverantörerna, vara det för WordPress hosting, Magento eller något annat helt och hållet.
om du är online är laddningshastigheten avgörande.
hur man påskynda en webbplats då? Glad att du frågade.
följ bara de hastighetsfixar som diskuteras i det här inlägget. Rent och enkelt.
du ser, i motsats till vad många tror, att skapa en snabb, snygg webbplats inte är bortom den genomsnittliga personen.
även om du inte känner till någon kodning kan du enkelt förbättra webbplatsens prestanda.
jag ska visa dig hur man ska gå tillväga.
men innan jag diskuterar några webbplats hastighet optimering steg, först låt oss få helt klart om en sak: långsam hastighet, om inte fast snabbt och effektivt, är ett problem som kan skjuta din online-verksamhet mot en tidig grav.
vikten av Hastighetsoptimering
hur webbplatshastighet påverkar konverteringar? Gör det det svårare för dig att övertyga besökare att handla på din webbplats?
du satsar!
din varukorg nedläggning priser klättra till 87% med bara en 2-sekunders laddningsfördröjning under en transaktion.
långsam hastighet = låga omvandlingsfrekvenser
men det blir värre…
försenad sidladdning gör dina första gången köpare till främlingar.
forskning visar 64% av online-shoppare som inte gillar webbplatsens prestanda kommer inte tillbaka.
och om det inte räckte kommer 43% av missnöjda kunder att handla på en konkurrents webbplats nästa gång.
detta innebär att din förlust är konkurrenternas vinst.
det är det sista du vill ha. Jag vet.
men saken är, det behöver inte vara så här. Du kan också konvertera fler tittare till betalda kunder, hålla dem lojala mot ditt varumärke och marschera stolt mot online-framgång om du blir seriös, riktigt seriös, om webbplatshastighetsoptimering direkt från det här ögonblicket.
Vad är en bra Laddningstid?
om din webbplats laddas på 3 sekunder eller mindre är det acceptabelt. Allt utöver 3 sekunder får studsfrekvensen att klättra upp kraftigt.
sannolikheten för avvisningsfrekvens ökar till 32% när laddningstiderna ökar från 1 sekund till 3 sekunder. Detta nummer för sidor med laddningstider på 5 sekunder är dock så högt som 90%.
en annan studie visar att 75% av användarna inte kommer att besöka en sida som tar över 4 sekunder att ladda.
så skrivandet på väggen är högt och tydligt.
om dina sidladdningstider överstiger 3 sekunder måste du göra förbättrad webbprestanda till din prioritet nummer ett.
men innan du arbetar med hastighet finns det ytterligare en sak att göra…
ta reda på din webbplats nuvarande genomsnittliga laddningstid.
Hur mäter Laddningstid?
tid till första Byte (TTFB) och sidladdningstid är två olika sätt att mäta sidhastighet.
ttfb mäter den tid det tar för en användares webbläsare att ta emot den första byten från din server efter att ha skickat en HTTP-begäran till den.
TTFB ger en uppfattning om serversvarstid men betyder inte mycket för användarna.
en besökare är mer bekymrad över när hennes webbläsare laddar hela sidan än när den senare kommer att få den första delen av serverns svar.
som sagt, ett extremt högt ttfb-värde i ditt webbplatshastighetstest kan förklara dåliga nyheter. Om din server tar lång tid att skicka bara den första byte, kan hela webbsidan ta en evighet att ladda.
så vad är en bra ttfb-poäng?
ett ttfb-värde på mindre än 200 millisekunder är helt acceptabelt medan allt bortom 500 millisekunder är långsamt börjar sakta ner den totala prestandan.
sidladdningstid mäter däremot den tid det tar för en användares webbläsare att ladda ner och servera hela webbsidan. Denna metriska, som du förmodligen kan gissa, är viktigare för användarupplevelsen.
du bör försöka hålla den så låg som möjligt eftersom allt över 3 sekunder är för högt.
det finns flera gratis program som inte bara mäter sidladdningstid utan också identifierar dolda prestandaflaskhalsar och erbjuder insiktsfulla svar på det viktiga hur man påskyndar en webbplatsfråga.
här är 5 topp gratis verktyg för övervakning webbplats hastighet. Eftersom dessa verktyg testar webbplatshastigheten något annorlunda föreslår jag att du använder dem alla för att få den mest exakta bilden.
förutom Belastningspåverkan replikerar alla slutanvändarupplevelsen. Den förra, å andra sidan, fokuserar på hur din server svarar på ökad belastning.
GTMetrix
kraftfull och enkel att använda, GTMetrix.com ger dig en skarp rapport om allt relaterat till sidhastighet.
du kan välja webbläsartyp (Firefox eller Chrome), testa från 7 olika platser och kontrollera webbplatsens prestanda på olika anslutningstyper (bredband, kabel eller mobil).
GTMetrix tilldelar din webbplats ett betyg från F till A och listar de viktigaste sidinformationen.
gå igenom de olika posterna i rapporten en efter en för att lära dig hur din webbplats presterar på varje enskild sak som påverkar dess laddningstid.
du måste investera lite tid för att bläddra igenom alla resurser. Men om du vill ha många handlingsbara hur man påskyndar webbplatsrekommendationer är tidsinvesteringen definitivt värt det.
WebPage Test
WebPage Test är lika detaljerat som GTMetrix men erbjuder fler alternativ (40+ serverplatser och 25+ webbläsartyper, inklusive mobil).
att använda det är en cinch. Klistra in webbplatsens URL, välj serverplats och webbläsare och tryck på Start Test-knappen.
detta gratis, öppna Verktyg fångar ett antal användbara mätvärden och kataloger och visar dem i olika tabeller och diagram för att hjälpa dig att upptäcka prestandaförseningar och öka webbplatsens hastighet.
Pingdom
Pingdom är en av de mer populära webbplatsövervakningstjänsterna idag.
precis som WebPage Test och GTMetrix, tillåter användare att välja den plats där de vill köra testet. Pingdom låter dig dock inte köra ett hastighetstest med olika webbläsare.
Pingdom täcker alla huvudaspekter av sidhastighet och visar information på ett snyggt, kompakt sätt. Jämfört med de två första verktygen är det mindre omfattande.
Google PageSpeed Insights
vill du veta hur du påskyndar en webbplats direkt?
Använd detta gratis verktyg för att känna till din webbplats nuvarande prestanda och, ännu viktigare, få avancerade tips baserade på de senaste branschens bästa praxis för att förbättra webbplatsens prestanda.
till skillnad från vissa andra verktyg tillhandahåller Google PageSpeed rapporter för både stationära och mobila versioner av din webbplats.
verktyget värderar din webbplats på en skala från 1 till 100. Ju högre poäng, desto bättre.
allt över 85 är ganska bra. Om ditt poängblad läser 85+ kan du klappa dig själv på baksidan för att sätta en bra show.
K6.io (tidigare Belastningspåverkan)
ett molnbaserat verktyg, K6 kör ett webbplatshastighetstest genom att använda virtuella användare, upp till 50 i gratisversionen, för att spela in serverns prestanda när den utsätts för belastning.
du kan skapa testscenarier för att utforska alla vinklar och vrår på din server och webbplats. Det stöds väl av ett detaljerat hjälpavsnitt, där du hittar omfattande information om varje del av verktyget. Tänk på att verktyget är ganska utmanande att installera, särskilt eftersom det ommärktes och fick massor av nya funktioner. Testalternativen och insikterna du kan få är dock fantastiska.
men cross-browser-funktionen saknas här. K6 är främst utformad för att kontrollera flaskhalsar i kod och se vilka delar som ska optimeras för att undvika trafikspikar – det är inte meningen att ge en korrekt representation av hur webbplatsen ser ut för besökare. Om du vill utföra tester med olika webbläsare måste du dock prova ett annat verktyg.
9 sätt att förbättra webbplatsens hastighet
det första du kommer att inse när du kör hastighetstester är att dessa verktyg rapporterar några vanliga problem.
detta beror på att, även om flera saker påverkar webbplatsens hastighet, fungerar flera förbättringstekniker i alla situationer.
kom också ihåg att en snyggt kodad webbplats, WordPress eller någon annan, trumfar en dåligt kodad, när som helst, vilken dag som helst.
WordPress-användare behöver inte oroa sig för problem med dålig kodning så länge de använder premiumteman och testade plugins.
å andra sidan, om du har en anpassad kodad webbplats, se till att du använder en skriftlig kod som följer bästa praxis och rutinmässigt rensa upp dina text-och bildfiler.
här är NIO Bästa hur man påskynda webbplats hacka som kan ge webbplatsens prestanda ett skott i armen.
gzip-komprimering
uppackade textfiler kan skrämma skiten ur en webbläsare. När allt kommer omkring kan det inte vara kul att ladda ner en 100KB HTML-fil.
du kan göra webbläsarens liv enkelt genom att be din server att komprimera filer innan du skickar dem vidare.
zippade filer betyder mindre arbete för webbläsaren. Och så laddar den din webbplats snabbt.
frågan är dock: vilken komprimeringsteknik som ska användas?
din webbserver kan inte trimma filer på något sätt som den tycker om. Det kommer att leda till hara-kiri.
om användarens webbläsare inte kan få huvudet eller svansen på de komprimerade filerna att skjutas ner i halsen, laddas ingenting på skärmen.
tittaren kommer att röka, svär att inte slösa ens en sekund mer på din webbplats någonsin och slå den fruktade bakåtknappen.
det är därför alltid använda en komprimeringsteknik som populära webbläsare kan läsa med lätthet.
samtidigt säkerställa filerna komprimeras väsentligt för att underlätta den totala sidan hastighet optimering.
GZIP kan göra det enkelt.
de flesta värdar och webbläsare stöder denna komprimeringsteknik. Det kan också avsevärt minska storleken på dina textfiler, som HTML-och CSS-filer.
textfiler innehåller mycket liknande kod. GZIP ersätter tillfälligt strängarna med upprepad kod och vitt utrymme i dina HTML-och CSS-filer, vilket gör dem lättare på ett ögonblick.
Hur aktiverar du GZIP?
alla WordPress-användare behöver göra är att installera W3 Total Cache, ett gratis WordPress-plugin, och följ dessa steg.
- navigera till inställningssidan för W3 Total Cache
- klicka på webbläsarens Cache
- välj rutan innan aktivera HTTP (gzip) komprimering
det är det.
i bara tre steg kan du aktivera GZIP och öka webbplatsens hastighet. Enligt en rapport minskar denna kompressionsteknik laddningstiden med nästan 70%.
om din webbplats är en HTML statisk en, du kan aktivera gzip komprimering genom att lägga till ett kodavsnitt i .htaccess-fil. Din värd kan berätta den exakta koden, så jag rekommenderar att du kontaktar sitt supportteam.
komprimera bilder
GZIP är bra, mycket bra—men det kan inte tunna ner dina bilder.
detta beror på att de inte komprimeras på samma sätt som textfiler.
men komprimera bilderna du måste, eftersom de påverkar din webbplatshastighet ganska mycket.
bildfiler tenderar att vara stora och som sådan kan allvarligt långsam laddningshastighet. Utan att trimma dem kommer du alltid att kämpa för att uppnå mycket optimering av sidhastighet.
att ta bort dem är dock helt uteslutet, särskilt om du kör en e-handelswebbplats.
i en rapport sa 66% av online-shoppare att de gillar att se minst tre produktbilder innan de köpte.
snyggt klickade produktfoton kan hjälpa dig att förbättra konverteringen—förutsatt att de laddas snabbt.
detta är exakt vad en studie fann. I det sa 39% av online-shoppare att de lämnar en webbplats om bilderna tar lång tid att ladda eller inte ladda alls.
du kan använda Pingdom eller någon annan webbplats hastighet testverktyg för att få en exakt bild av vilken typ av påverkan bilder har på en viss webbsida.
här är stegen att följa:
- kopiera webbadressen till sidan du vill testa
- gå till Pingdom officiella webbplats, klistra in den här adressen i URL-rutan, välj en serverplats och slutligen klicka på Start testknappen
- vänta några sekunder för testet att slutföra och bläddra sedan till förfrågningarna efter innehållstyp för att få önskad information
e-handel och annan bild-tung webbplatser kommer att dra stor nytta av bildkomprimering, men det kan göra en värld av skillnad för den totala sidladdningstiden för visuellt innehåll.
hur komprimerar du bilder?
om du är en WordPress-användare rekommenderar jag att du använder WP Smush. Den är lätt, enkel att installera och fungerar som en charm. Inom några sekunder kan det anpassa alla dina nya bilder. Det är ett extremt användbart svar på hur man påskyndar min webbplatsfråga.
när du har laddat upp verktyget väljer du bara alternativet smush my images on upload.
WP Smush kan du också ställa in maximal bredd och höjd. Om du laddar en bild som är större än de definierade gränserna komprimerar verktyget den automatiskt.
om din webbplats inte körs på WordPress behöver du något liknande Compressor.io, ett onlineverktyg för att komprimera foton och bilder.
gå bara till den här webbplatsen, ladda upp eller dra och släpp en bild och välj vilken typ av komprimering du vill ha, förstörande eller förlustfri. Verktyget väljer lossy som standard.
när du väljer förstörande komprimering förloras en liten bit data. Men det blotta ögat kan inte riktigt upptäcka skillnaden.
å andra sidan, i förlustfri komprimering finns det ingen förlust av data.
naturligt nog, förstörande komprimerade bilder är mindre.
om en webbsida innehåller massor av bilder, kanske du vill välja förstörande komprimering för att säkerställa att du får maximal nytta av denna enkla DIY Hur man påskynda din webbplats tips.
när skarpa detaljer och tydliga linjer är högsta prioritet, bör du gå med förlustfri komprimering.
verktyget börjar komprimera bilden när du laddar den och tar bara några sekunder att slutföra jobbet.
nu helt enkelt ladda ner den komprimerade bildfilen på skrivbordet och sedan ladda upp den på din webbplats.
Alternativt kan du bara använda ett bildredigeringsprogram som Adobe Photoshop och göra det manuellt. Sådana system har vanligtvis ett alternativ att komprimera foton för webbpublicering när du är klar med alla ändringar.
komprimering av bilder gör att du kan påskynda bildladdningen mycket, så ignorera inte den här korrigeringen.
innehållsleveransnätverk-hastighet och säkerhet
din webbserver spenderar datorkraft för att bearbeta varje webbplatsåtkomstbegäran den tar emot.
när trafiken är normal är allt bra. Den kan skicka den begärda webbsidan till en webbläsare snabbt, utan att svettas.
men hela helvetet bryter loss när trafiken svävar.
då servern huffar och puffar, och fungerar outtröttligt som en fotsoldat, men tar fortfarande mer tid att slutföra varje förfrågan.
Hur kan det inte?
du har ännu inte antagit de tidtestade webbplatsoptimeringstipsen, och servern har begränsade resurser. Det finns bara så mycket det kan göra i en enda klocka.
som ett resultat ökar laddningstiderna för alla användare under högtrafiktider.
det är inte bra alls eftersom användare hatar en webbplats som inte svarar. Om den begärda webbsidan inte laddas på sina skärmar om några sekunder eller så, kommer de att gå bort—ilsket.
och istället för nöjda kunder kommer du att vara kvar med missnöjda besökare, som inte kommer att missa ett tillfälle att berätta för andra att din webbplats är lika lat som en mule.
en undersökning visar att för 52% av kunderna är sidladdningstiden viktig för potentiella framtida besök.
samtidigt säger 44% av kunderna att de delar sin dåliga onlineupplevelse med andra via en eller annan social nätverkssajt.
det är klart, då. Du måste hitta ett sätt att hjälpa din server hantera störtflod av förfrågningar det blir under rusningstid mer effektivt.
annars kommer förbättrad webbprestanda att förbli en rördröm.
CDN förnekar avstånd
förutom hög trafik finns det en annan sak som kan orsaka laddningstider att klättra upp—större fysiskt avstånd.
även om din server skulle ta samma tid att behandla varje förfrågan, kommer svaret att ta mer tid att nå tittare som ligger längre bort eftersom informationen måste resa ett större avstånd.
med alla andra faktorer lika kommer laddningstiderna för dessa tittare alltid att vara högre än för tittare som är fysiskt närmare din server.
det finns inget som din webbserver kan göra här. Fysikens lagar stannar sina goda avsikter.
men du kan göra något. Faktiskt mycket mer än bara något.
du kan ge servern en hjälpande hand och öka webbplatsens hastighet genom att se till att det finns mer än bara ett par axlar som delar ansvaret för att hantera webbplatstrafiken.
har du någonsin hört talas om ett innehållsleveransnätverk (CDN)?
det är ett system med distribuerade servrar som kan påskynda leveransen av ditt innehåll i rusningstid och till användare som är väldigt långt ifrån din server.
i grund och botten, när du använder en CDN, cache du ditt statiska innehåll på olika servrar spridda över hela världen.
nu när en användare gör en begäran om att se ditt innehåll, hanterar servern som är närmast fysiskt begäran.
servrarna i en CDN, dvs cache-servrar, arbetar axel mot axel med din huvudserver och hjälper till att förbättra webbplatsens hastighet, precis som hur den här bilden visar.
CloudFlare är bland de bästa CDN: erna, men det finns också andra värdiga alternativ. Det är mäktigt användbart och lätt att använda.
många av de bästa webbhotellleverantörerna arbetar nära CloudFlare och integrationen är otroligt enkel.
CDN ökar säkerheten
en annan stor fördel med att använda ett CDN är ökad säkerhet, eftersom CDN-servrarna kan mildra DDoS-attacker.
de har inbyggda mekanismer mot sådana attacker. Beviljas, de bästa webbhotellleverantörerna distribuerar starka DDoS-försvar, men en väl orkestrerad attack kan fortfarande få en enda server ner relativt enkelt.
ett CDN kan kompensera trafikinflödet, eftersom själva närvaron av ett servernätverk som hanterar inkommande trafik mildrar trafikflöden.
dessutom, om din webbplats går ner för underhåll, kan CDN-servrarna fortfarande visa cachade kopior av den till slutanvändarna, vilket hjälper den totala drifttiden.
ta bort värdelösa Plugins
visste du att WordPress har mer än 50 000 plugins?
det är lätt att vara slarvig med dem och installera några för många.
även om många WordPress-plugins inte kostar en krona, kommer de med ett pris eftersom de ökar belastningen på din databas.
när en WordPress-sida begärs av användare kontrollerar den databasen för information. Att bearbeta dessa databasfrågor tar tid och resurser.
fler plugins gör din databas bearbeta ett större antal frågor, dvs det fungerar hårdare förgäves.
förutom att sätta en enorm belastning på databasen, orsakar extra plugins databaser att svälla. Detta kan påverka deras effektivitet och därmed ökar laddningstiden.
även plugins som förblir oanvända försummas ofta vid uppdatering av WordPress. Föråldrade plugins äventyrar säkerheten allvarligt.
för att göra en lång historia kort är det aldrig bra att ha för många plugins. När du undrar hur du påskyndar webbplatsens prestanda är det alltid ett bra ställe att börja ta bort alla oanvända plugins.
använd en bra värd
alla värdar görs inte lika. Vissa är betydligt bättre än andra. Det är därför vi testar dem så noggrant.
att välja rätt värd är av största vikt. Utan en anständig värd kommer du inte att få många fördelar med de tips som delas i det här inlägget.
Serversvarstiden kan variera mycket från en värd till en annan.
faktum är att en rapport säger att medan bra värdar har en laddningshastighet på 0.7 – 0.8 sekunder, långsamma värdar kan fördubbla det.
en långsam server svarstid kan hindra din webbplats från att komma in i den eftertraktade under tre sekunder klubb, oavsett hur många andra webbplats optimering tips du genomför.
om supersnabb sidladdningshastighet är din högsta prioritet, bör du överväga Hostinger. Efter månader av tester, Det rankas bland de bästa här på Hosting Tribunal, eftersom det ger stellar prestanda på alla viktiga parametrar, inklusive lastning hastighet, lastning hastighet under stress, och upptid. Dessutom är supportteamet kunnigt och användbart och kan hjälpa till med hastighetsoptimering ganska mycket.
naturligtvis, när du väljer en värd, är det alltid lämpligt att kontrollera fler recensioner för att få en tydligare uppfattning om värdleverantören passar dig eller inte.
Minifiering
textfiler, som HTML -, CSS-och JavaScript-filer, kan vara ganska stora.
ett enkelt sätt att öka webbplatsens prestanda är att minska storleken på dessa filer genom att ta bort oönskad kod, utrymme och formatering.
viktigt: Säkerhetskopiera dina filer innan du försöker detta och andra avancerade PHP optimering fixar. Om något går fel kan du återställa dina filer med ett enda klick. Du kan använda ett gratis WordPress backup-plugin som BackupBuddy för att göra säkerhetskopior eller cPanel backup wizard, som ingår i de flesta delade värdplaner.
hur förminskar du textfiler?
om din webbplats är specialkodad borde utvecklarna ha gjort den så mager och ren som möjligt. Samtidigt finns det minifieringsverktyg online som kan ta bort onödiga tecken och tomma utrymmen i en instans.
med WordPress är det ännu enklare.
ladda ner och installera WP Rocket eller något annat liknande plugin.
om du använder WP Rocket klickar du på fliken statiska filer och väljer de filtyper som du vill minifiera (HTML, CSS och JS).
vissa webbhotell, som SiteGround, kan till och med erbjuda ett proprietärt plugin, så inte ens detta är ett måste.
Caching
om du frågade mig hur man påskynda din webbplats och jag var tvungen att ge dig ett enda svar, caching skulle förmodligen vara det. Om du vill ha en snabb, lyhörd webbplats kan du inte säga nej till caching.
medan caching är ett ganska tekniskt ämne är dess underliggande princip ganska enkel. Och det är allt du behöver för att förstå vikten av caching.
Vad är caching allt om? Hur hjälper det att förbättra webbplatsens hastighet?
på enkel, vanlig engelska tillåter caching din webbserver att skicka en webbsida i mycket snabbare takt till en webbläsare efter att den redan har levererats en gång.
snabb överföring av information från din server till användarens webbläsare säkerställer att dina webbsidor laddas upp snabbt.
nu ser du varför att aktivera caching är ett bra sätt att påskynda inläsningen av webbsidor.
men hur kan webbservern leverera en webbsida snabbare andra gången? Varför kan det inte tjäna upp sidan snabbt Första gången?
låt oss säga att en användare vill besöka din hemsida och skriver den relevanta adressen i sin webbläsare.
i det ögonblick som servern tar emot begäran beräknar den sidparametrarna för att leverera relevant information. För att kunna bearbeta denna begäran måste servern slutföra vissa åtgärder, som alla tar tid (millisekunder men fortfarande) och resurser.
några ögonblick senare skickar en annan användare en begäran om hemsidan.
eftersom den nya begäran är densamma som den tidigare, vet servern nu redan vad som ska tillhandahållas; den har redan lagrat ”svaret”, hela sidan i sitt cacheminne. Det behöver inte göra de komplexa beräkningarna igen.
istället överlämnar det helt enkelt svaret till webbläsaren. Detta, som du kan gissa, hjälper till att förbättra webbplatsens hastighet.
svaret som servern ger till den andra webbläsaren är faktiskt en statisk HTML-fil, som i grunden är en ögonblicksbild av din hemsida.
i båda fallen är innehållet detsamma, men servern levererar det mycket snabbare andra gången.
Hur aktiverar du Caching?
om din webbplats är anpassad kodad är det bäst att hitta en värd som har cachelagring på serversidan aktiverad. Var det lack, en bra nginx-konfiguration, eller något annat, du kan få bra resultat.
det finns en mängd gratis WordPress caching plugins, kanske ingen mer populär än W3 Total Cache.
installera det och gå till Sidcache (det är under Allmänna inställningar) och markera rutan bredvid den.
om du letar efter ett snabbt tips om hur du ökar webbplatsens hastighet på en WordPress-webbplats är det precis vad du behöver göra.
för att få ännu mer information om WordPress-hastighetsoptimering kan du kolla in vår omfattande guide om ämnet.
asynkron laddning
en webbläsare kan ladda skriptfiler som JavaScript och CSS-filer synkront eller asynkront.
när du väljer synkron laddning laddar webbläsaren en skriptfil åt gången. Det betyder att det inte laddar något annat medan det laddar en CSS-eller JavaScript-fil.
skriptfiler är större än många andra sidelement och webbläsare tar vanligtvis längre tid att ladda dem.
med synkron laddning kan tittaren få intrycket att sidan laddas långsamt när de viktigare sakerna laddas upp senare.
däremot väljer asynkron laddning webbläsaren en licens för att ladda andra element tillsammans med Skriptfilerna.
om du undrar hur du ökar webbplatshastigheten i PHP är asynkron laddning vägen att gå. Vissa webbhotell som FastComet erbjuder det out-of-the-box men det är ofta så att du måste installera rätt plugin eller lägga till rätt kodning för att uppnå denna optimering.
skjuta upp JavaScript-filer
när du skjuter upp en fil laddar webbläsaren den efter andra sidelement. Att skjuta upp stora filer som JS-filer är mycket meningsfullt eftersom de kan fördröja laddningen av annat innehåll.
detta steg faktiskt inte påskynda JavaScript laddningstid. Det säkerställer dock att webbläsaren prioriterar resten av ditt innehåll.
Hur aktiverar du asynkron laddning och skjuter upp Javascript-filer?
om du vill påskynda JavaScript-laddning, använd ett WordPress-plugin som WP Rocket eller någon annan.
om du använder WP Rocket klickar du på fliken statiska filer och väljer dessa tre alternativ i avsnittet Render-blocking CSS / JS:
- ladda CSS-filer synkront
- ladda JS-filer uppskjutna
- Säkert läge (rekommenderas)
det bästa sättet att skjuta upp Java på en anpassad kodad webbplats är att ladda javascript strax före taggen </body> i HTML-dokumentet. En annan metod är att lägga till uppskjutningsattributet i skriptet.
för asynkron laddning, Lägg till async i dina skript. Detta säkerställer att webbläsaren laddar HTML som kommer efter async-skriptet tillsammans med det.
Är Hastighetsoptimering Värt Det?
om du inte får så mycket trafik som du förväntar dig eller om dina besökare inte spenderar tillräckligt med tid på din webbplats, är det dags att du bör ställa dig själv en fråga som är viktig—hur man förbättrar webbplatsens laddningshastighet?
hastighet påverkar alla saker som är viktiga för ditt företag, från sidtrafik till avvisningsfrekvens, kundnöjdhet och kundlojalitet, konverteringar och upprepad köpfrekvens.
kort sagt, om du ignorerar webbplatsens prestanda kommer din bottenlinje att drabbas.
stor tid.
flera faktorer påverkar sidhastigheten, men du behöver inte fixa dem alla på en gång.
kör hastighetstester med hjälp av gratis benchmark-verktyg för att identifiera de djupaste prestandahålen som hindrar hastigheten på din webbplats.
börja med dem för att få maximal nytta i minsta tid. Många av hackarna om hur man påskyndar en webbplats som diskuterats ovan är faktiskt mycket enkla att implementera, även för specialkodade webbplatser.
så låt inte hastigheten hålla dig borta från att förverkliga din dröm om att bli en framgångsrik online entreprenör eller bloggare.
internet är allt ditt att erövra. Allt du behöver är en snabb webbplats.