Cum să vă accelerați site-ul web: 15 remedieri rapide și ușoare pentru reducerea timpilor de încărcare a paginilor web

În postarea de astăzi, vă voi arăta cum să reduceți rapid și ușor timpul de încărcare a site-ului (și de ce este important).

De fapt:

Tehnicile pe care sunt pe cale să le dezvălui sunt aceleași strategii pe care le-am folosit pentru a crește viteza paginii mele de la un timp de încărcare completă de 3+ secunde la 1,2 secunde ascuțite.

Dar iată partea cea mai bună:

Niciuna dintre aceste îmbunătățiri de încărcare a site-ului web nu necesită cunoștințele dezvoltatorului și poate fi implementată chiar și de un SEO începător foarte rapid.

Dacă doriți să creșteți viteza site-ului, să vă clasați mai sus, să creșteți implicarea și să convertiți mai mult trafic, această postare este pentru dvs. Dar mai întâi, de ce este important un timp rapid de încărcare a paginii web?

Statistici despre timpul de încărcare a site-ului

• 59,2% dintre utilizatori vor părăsi un site web în primele 6 secunde dacă se încarcă lent – ​​Unbounce
• Pe măsură ce timpul de încărcare a paginii trece de la 1 secundă, probabilitatea unei respingeri crește cu 32% – Think With Google
• Reducerea timpului de încărcare cu 0,1 secunde duce la îmbunătățirea ratei de respingere a paginilor generatoare de clienți potențiali cu 8,3% – Google, Fifty-Five și Deloitte
• Când timpul de încărcare este redus cu doar 0,1 secunde:
  • Implicarea clienților cu amănuntul crește cu 5,2%.
  • Ratele de respingere pe paginile cu lista de produse din categoriile de vânzare cu amănuntul și de călătorie se îmbunătățesc cu 5,7% și 5,4% – Google, Fifty-Five și Deloitte
• Ratele de conversie ale site-ului web scad cu o medie de 4,42% cu fiecare secundă suplimentară de timp de încărcare între zero și cinci secunde – Portent
• Creșterea timpului de încărcare a site-ului cu o zecime de secundă duce la o scădere cu 7% a ratelor de conversie – Akamai
• Scăderea timpului de încărcare a site-ului cu o zecime de secundă are ca rezultat o creștere cu 8,4% a ratelor de conversie pentru site-urile de vânzare cu amănuntul și o creștere cu 10,1% a conversiilor pentru site-urile de călătorie – Google, Fifty-Five și Deloitte
• Dacă un site de comerț electronic se încarcă mai lent decât se aștepta, peste 45% dintre oameni recunosc că sunt mai puțin probabil să facă o achiziție – Unbounce
• Aproximativ 70% dintre oameni spun că viteza unei pagini le afectează disponibilitatea de a cumpăra de la un retailer online – Unbounce
• 77% dintre cumpărătorii de smartphone-uri spun că au mai multe șanse să cumpere de pe site-uri mobile care le oferă posibilitatea de a face achiziții rapid – Think with Google
• Site-urile de vânzare cu amănuntul înregistrează o creștere cu 9,2% a valorii medii a comenzii atunci când timpul de încărcare scade cu o zecime de secundă – Deloitte
• Timpul mediu necesar unei pagini web mobilă pentru a finaliza vizual încărcarea este de 21,6 secunde – Backlinko
• Timpul mediu necesar unei pagini web desktop pentru a finaliza vizual încărcarea este de 8,2 secunde – Backlinko
• Viteza medie de încărcare a paginii pentru o pagină web complet încărcată este de 27,3 secunde pe mobil – Backlinko
• Viteza medie de încărcare a paginii pentru o pagină web complet încărcată este de 10,3 secunde pe desktop – Backlinko
• În medie, pagina web durează cu 87,84% mai mult pentru a se încărca complet pe mobil față de desktop - Backlinko
• Paginile mobile cu încărcare lentă au ca rezultat rate de respingere de două ori mai mari și cu 27% mai puține vizualizări ale paginii în comparație cu paginile de pe desktop - Perficient

Acum înțelegeți importanța unui site web cu încărcare rapidă, să acoperim ce este viteza paginii (mai exact) și cum o puteți îmbunătăți.

Ce este viteza paginii?

Viteza paginii este timpul necesar pentru ca o pagină web să se încarce.

Altfel cunoscut sub numele de timp de încărcare, viteza paginii este măsurată prin intervalul dintre un browser care solicită o pagină web și momentul în care browserul redă pagina.

Viteza de încărcare a unei pagini este influențată de diverși factori, cum ar fi distanța parcursă de date, viteza serverului site-ului web, complexitatea codului acesteia, dimensiunea fișierului paginii și tipul de conexiune.

Ca să nu mai vorbim de compresia fișierelor, memorarea în cache, blocarea randării și zeci de alți factori care afectează viteza paginii și SEO.

După cum începeți să spuneți, îmbunătățirea vitezei paginii nu este la fel de simplă ca instalarea unui plugin pentru viteza paginii.

Există numeroși, uneori complexi, factori care contribuie la cât de repede – sau încet – site-ul dvs. se încarcă.

Nu doar atât, nu există nici o „o singură modalitate” de a măsura timpul de încărcare a unei pagini, sunt multe.

Iată cele trei cele mai comune:

Timp de încărcare a paginii

Acesta este timpul necesar pentru ca pagina să se încarce complet.

Timpul până la încărcarea completă măsoară încărcarea tuturor părților vizibile ale unei pagini, precum și a elementelor ascunse precum scripturile și codul - practic măsoară timpul de încărcare a 100% din toate resursele de pe pagină.

Este cea mai simplă valoare a vitezei paginii de înțeles, dar nu neapărat cea mai utilă, deoarece pagina poate apărea încărcată pentru utilizator (și chiar funcționează) cu mult înainte ca pagina să se încarce complet.

Cea mai mare vopsea plină de conținut

Largest Contentful Paint (LCP) este o măsură mai valoroasă pentru a determina timpul de încărcare a unei pagini din punctul de vedere al unui utilizator.

Măsoară timpul necesar unei pagini web pentru a afișa utilizatorului cel mai mare conținut de pe ecran.

De obicei, acesta este titlul paginii, imaginea prezentată sau conținutul textului principal.

Pe scurt, LCP măsoară timpul până când conținutul important din partea superioară a paginii să fie pe deplin vizibil pentru utilizator.

De exemplu, să presupunem că o pagină durează 10 secunde pentru a se încărca complet.

Pagina nu ar „părea” să se încarce lent, atâta timp cât prima vopsea plină de conținut apare în câteva secunde.

Pe scurt, puteți scăpa cu un timp lent, complet încărcat, atâta timp cât cea mai mare vopsea plină de conținut este rapidă.

Este timpul până la primul octet

Mai simplu spus, aceasta este o măsură a cât timp trebuie să aștepte un browser web înainte de a primi primul său octet de date de la serverul site-ului web.

TTFB nu măsoară cu adevărat cât timp durează o pagină pentru a se încărca, însă influențează timpul de încărcare a paginii.

Cu cât îi ia mai mult timp unui browser să primească date de la server, cu atât va dura mai mult pentru afișarea unei pagini.

Cum se calculează timpul de încărcare a paginii?

Există o mulțime de metode diferite de a măsura viteza paginii:

• Timpul până la primul octet (TTFB)
• Cea mai mare vopsea plină de conținut (LCP)
• Prima vopsea semnificativă (FMP)
• Time to Interactive (TTI)
• Întârziere la prima intrare (FID)

Lista continua…

Și pentru că niciuna dintre aceste valori nu este mai bună decât alta.

Vă recomand să lucrați la accelerarea site-ului dvs. pe toate acestea.

Nu vă faceți griji. Peste o clipă am să vă arăt cum, dar mai întâi:

De ce este importantă viteza paginii pentru SEO?

Nu se poate nega, Google este obsedat de viteza de încărcare a paginii.

Încă din 2010, Google a folosit viteza site-ului (și, prin urmare, viteza paginii) ca factor de clasare în algoritmul motorului său de căutare.

Apoi, în 2018, Google a lansat „Actualizarea vitezei”, care a afectat și mai mult clasamentul paginilor cu încărcare lentă în motoarele de căutare.

Și cel mai recent, în 2021, Google a introdus Page Experience, a cărui componentă majoră a fost elementele vitale ale web de bază și viteza de încărcare.

Google îi pasă foarte mult de viteza paginii – și de ce nu ar face-o?

Dacă Google va trimite o mulțime de trafic gratuit către site-ul dvs. web, își dorește ca utilizatorii să se bucure de o experiență grozavă. O mare parte din aceasta este o pagină web care se încarcă rapid.

Pur și simplu pune:

Un site web cu încărcare lentă vă va deteriora clasamentul Google.

Un site web cu încărcare rapidă vă va ajuta în clasamentul pe Google.

Singura întrebare este, cum procedați pentru a îmbunătăți timpul de încărcare a paginii? Vom acoperi asta în continuare.

Cum să vă accelerați site-ul web: 15 cele mai bune practici pentru reducerea timpilor de încărcare a paginilor web

Nu există nicio scăpare, o mare parte din ceea ce contribuie la viteza paginii este adânc înrădăcinat în cod și foarte tehnic.

Crearea de pagini AMP, minimizarea solicitărilor HTTP și utilizarea încărcării asincrone - toate necesită cunoștințe la nivel de dezvoltator. Și, din această cauză, nu voi discuta despre acele optimizări ale vitezei paginii în această postare.

În schimb, vă împărtășesc 15 moduri ușor de implementat (dar adesea uitate) de a vă crește viteza site-ului ca niciodată.

Să sărim înăuntru:

(1). Efectuați un test de viteză a paginii, astfel încât să puteți evalua timpul de încărcare (și să știți ce să îmbunătățiți)

Înainte de a încerca să îmbunătățiți viteza paginii, este util să știți cât de repede – sau de încet – se încarcă site-ul dvs.

La urma urmei, dacă nu știi viteza actuală a paginii, cum vei ști dacă optimizările vitezei tale au succes?

Puteți folosi mai multe instrumente pentru a evalua îmbunătățirea vitezei paginii și vă recomand să vă rulați site-ul prin toate.

Dar un scurt cuvânt de avertisment:

Scorurile tale vor varia foarte mult de la un instrument la altul.

Acest lucru se datorează faptului că fiecare instrument de testare a vitezei paginii web folosește metode diferite pentru a evalua performanța. Nu numai că, locațiile serverelor lor sunt în diferite orașe – și după cum veți afla mai târziu – locația serverului are un impact URIAȘ asupra timpilor de încărcare a site-ului.

Nu este nevoie să fii prins de detalii. Deocamdată, rulați un test cu fiecare instrument și notați-vă scorurile.

Pingdom

Un test de viteză a site-ului ușor de utilizat, care imită modul în care o pagină este încărcată într-un browser web. Pingdom oferă în prezent șapte locații de server de unde vă puteți testa site-ul.

Spre deosebire de alte instrumente care măsoară timpul de încărcare în funcție de momentul în care pagina este complet încărcată, Pingdom folosește On Load Time care înregistrează când toate resursele de pe pagină au fost descărcate. În acest moment, pagina ar fi interactivă, dar scripturile pot fi încă rulate în fundal.

GT Metrix

Un instrument de testare a vitezei paginii care oferă atât măsurare desktop, cât și mobil și opțiunea de a testa în mai multe browsere. GT Metrix oferă diverse locații de server, inclusiv 7 pe planul gratuit și alte 15 pe planul pro.

Măsurarea implicită este timpul de încărcare completă, cu timpul de încărcare opțional.

WebPageTest

WebPageTest este un alt instrument excelent care vă arată viteza și performanța site-ului dvs. în diferite browsere.

WebPageTest are cel mai mare număr de locații de testare, cu 38 în total. La fel ca GT Metrix, WebPage Test utilizează în mod prestabilit timpul de încărcare completă, cu timpul de încărcare (cunoscut și ca timp de completare a documentului) opțional.

PageSpeed ​​Insights

Acesta este instrumentul Google pentru evaluarea performanței vitezei paginii. Spre deosebire de cele trei instrumente menționate mai sus, Google folosește datele de teren în loc de datele de laborator în scorurile sale – presupunând că sunt disponibile date de teren.

Ce inseamna asta:

În loc să ruleze un test care simulează timpul de încărcare pentru un utilizator real, Google PageSpeed ​​Insights colectează date reale de la utilizatorii browserului Chrome. Aceste date sunt agregate pe parcursul a 30 de zile, ceea ce înseamnă că este posibil să nu observați o îmbunătățire a scorului decât după 30 de zile după ce optimizați timpul de încărcare.

Este important să cunoașteți evaluarea de către Google a timpului dvs. de încărcare. Acesta este scorul pe care îl folosesc pentru Core Web Vitals – o parte cheie a semnalelor Experiența paginii care contribuie la performanța în clasamentul motoarelor de căutare.

Acestea fiind spuse, celelalte trei instrumente (Pingdom, GT Metrix și WebPageTest) sunt mai utile pentru o măsurare rapidă înainte și după a performanței vitezei paginii.

Câteva indicații:

În primul rând, selectați o locație de testare în apropierea publicului țintă. Dacă testul este efectuat din Statele Unite, dar utilizatorii dvs. se află în Australia, nu veți obține o măsură realistă a performanței vitezei paginii.

În al doilea rând, nu face greșeala de a testa DOAR pagina ta de pornire.

Viteza paginii este unică pentru fiecare pagină.

Vă sugerez să testați toate cele mai importante adrese URL și să utilizați Google Analytics pentru a identifica rapid paginile cu cea mai lentă încărcare.

Sfat – puteți găsi „Timpurile paginii” sub „Viteza site-ului” în meniul „Comportament” al GA.

Am inteles? Rece.

Să începem să optimizăm viteza paginii noastre.

(2). Schimbați sistemul dvs. gratuit de nume de domeniu pentru o gazdă DNS rapidă

Gândiți-vă la o gazdă DNS (Domain Name System), ca la o agendă de telefon.

Mapează numele tău de domeniu care poate fi citit de om la o adresă IP (unde se află de fapt site-ul tău).

În scurt:

De fiecare dată când un utilizator introduce adresa dvs. web în bara URL a browserului său, acesta efectuează o căutare DNS care convertește adresa web într-o adresă IP și, prin aceasta, localizează serverul pe care este găzduit site-ul dvs.

În mod implicit, veți folosi serviciul DNS gratuit oferit de registratorul de domenii.

NameCheap, GoDaddy, Google Domains (și aproape orice alt registrator de domenii de acolo) vă oferă capacitatea de a vă configura serverele de nume și de a vă direcționa domeniul către adresa IP a gazdei dvs. web.

Problema cu aceste servicii DNS gratuite?

Sunt foarte lente.

Dacă doriți un site web rapid, vă recomand să vă comutați DNS-ul la Cloudflare.

Am trecut de la serviciul DNS al Namecheap și am trecut de la un timp de interogare de 26 ms:

La un uluitor de 13 ms.

Cu alte cuvinte, am redus cu 50% din timpul de procesare DNS.

Cel mai bine, nu m-a costat nici un ban.

Odată ce v-ați înscris pentru un cont Cloudflare gratuit, pur și simplu vă conectați la registratorul de domenii și înlocuiți serverele de nume implicite cu cele ale Cloudflare.

Și cu asta, ai terminat.

(3). Implementați acest caching Dublu Whammy și accelerați timpii de încărcare

Iată ce se întâmplă (de obicei) când un utilizator ajunge pe site-ul dvs.:

• Browserul lor contactează serverul dvs. web
• Sistemul dvs. de management al conținutului extrage cele mai recente date din baza de date (cum ar fi postările și paginile dvs. recente)
• Serverul dvs. web compila datele într-o pagină HTML și le oferă vizitatorului

Un plugin de stocare în cache elimină în întregime primii doi pași.

Pentru a evita trimiterea unei noi cereri către serverul dvs. de fiecare dată când un vizitator vizualizează o pagină, un plugin de stocare în cache va salva o versiune predefinită a paginii dvs. web și o va oferi vizitatorilor dvs.

Și, făcând acest lucru, accelerează timpul de încărcare pentru utilizatori.

Recomandările mele pentru pluginurile de cache pentru WordPress sunt:

• WP Rocket (ce folosesc)
• Cache total W3
• WP Super Cache

Deoarece un plugin de stocare în cache elimină căutările în bazele de date, poate reduce timpii de încărcare a site-ului dvs. web cu 1-3 secunde.

Nu-i rău.

Dar dacă doriți ca paginile dvs. să se încarce nebunește repede, vă recomand asta:

Edge Caching (CDN)

Spre deosebire de stocarea în cache a paginii, care stochează o versiune în cache a site-ului dvs. web pe serverul dvs. web central...

Memorarea în cache Edge stochează pagini HTML întregi pe „noduri de margine” situate într-o rețea de server care se întinde pe tot globul.

Ce inseamna asta:

În loc să se facă o cerere către un server de pe cealaltă parte a planetei...

Când un vizitator solicită să deschidă o pagină, aceasta este livrată de pe un server situat în apropiere.

La fel ca stocarea în cache a paginii, o versiune predefinită a paginii web este salvată pentru acces imediat și nu este necesar un apel la baza de date.

După cum vă puteți imagina, dacă datele trebuie să parcurgă doar câteva sute de kilometri față de mii – iar pagina este preconstruită gata pentru utilizatori – va avea ca rezultat timpi de încărcare mai rapidi.

Nu numai că, deoarece edge caching-ul face o mulțime de lucru, de asemenea, reduce presiunea de pe găzduirea dvs. web, ceea ce vă poate îmbunătăți și mai mult viteza site-ului.

Serviciul Edge Caching pe care vi-l recomand să îl utilizați este CDN-ul Cloudflare:

Cu peste 200 de servere din întreaga lume:

Și, la doar 20 de dolari pe lună, este un furt absolut.

(4). Optimizați-vă imaginile pentru a reduce sarcinile utile uriașe

Nimic nu încetinește un site web ca imaginile umflate.

Și, nu este deloc surprinzător.

Imaginile formează o mare parte din dimensiunea paginii.

(Aproape 40% din greutatea totală a paginii pentru pagina noastră de servicii SEO).

Deci, cu cât vă puteți optimiza mai mult imaginile, cu atât pagina se va încărca mai repede.

Singura întrebare este cum?

În primul rând, doriți să redimensionați toate imaginile la dimensiunea cea mai mare care trebuie să fie - și nu mai mare

De exemplu:

Imaginile de pe această pagină au o lățime maximă de 640px.

Dacă ar fi să încarc o imagine de 650 px lățime, aș fi adăugat o greutate inutilă paginii.

Nu numai atât, deoarece CMS-ul meu ar trebui să redimensioneze imaginea la 640px lățime pentru a se potrivi cu dimensiunile paginii, timpul de încărcare ar fi încetinit și mai mult.

Având în vedere acest lucru, vă recomand să vă redimensionați imaginile la maximum de care vor avea nevoie ÎNAINTE de a le încărca pe site-ul dvs. web.

Puteți utiliza un instrument de editare a imaginilor online, cum ar fi Pixlr, sau un instrument nativ pentru computerul dvs. Mecanismul nu contează – aveți nevoie de imagini de aceeași dimensiune ca suprafața maximă vizibilă.

Al doilea lucru pe care doriți să-l faceți este să alegeți tipul de fișier potrivit.

Selectarea unui format greșit de fișier poate adăuga o greutate suplimentară sau poate duce la o calitate scăzută a imaginilor.

Cu excepția cazului în care imaginile dvs. sunt animate, PNG sau JPEG este cel mai ușor și, prin urmare, cel mai rapid de încărcat.

Iată cum să știți ce tip de fișier să alegeți:

În al treilea rând, doriți să eliminați toate umflăturile inutile din fișierul dvs. de imagine, menținând în același timp cât mai multă calitate posibil.

Nu vă faceți griji pentru aspecte tehnice.

Doar instalați Imageoptim și lăsați instrumentul să facă restul.

Poate ajuta la reducerea dimensiunilor fișierelor cu aproximativ jumătate.

Dar asteapta!

Ce se întâmplă dacă imaginile tale sunt deja încărcate?

Vești bune. Dacă sunteți pe WordPress, am o soluție:

WP Smush!

WP Smush comprimă automat orice imagine pe care o încărcați în biblioteca media WordPress.

Și reduce dimensiunea fișierului de mai mult de 2 ori, fără nicio scădere vizibilă a calității vizuale.

Destul de misto, nu?

După ce ați comprimat dimensiunile fișierelor de imagine, mai există un truc de optimizare a imaginii pe care îl puteți folosi pentru a îmbunătăți timpul de încărcare a paginii dvs. web.

(5). Implementați încărcare leneră (dar nu pe sigla dvs.)!

Chiar dacă imaginile tale sunt ușoare ca o pană, greutatea paginii tale poate fi totuși grea dacă folosești o tonă de grafică în postările tale (ca mine).

Nu numai că, dacă fiecare imagine trebuie să se încarce pentru ca pagina să fie redată - timpul de încărcare a paginii va fi prelungit.

Introduceți încărcare leneșă.

Încărcarea leneră este cazul în care browserul întârzie încărcarea imaginilor până când acestea trebuie să fie afișate pe ecran.

Cu alte cuvinte, nu toate imaginile sunt încărcate simultan.

Unele imagini (și alte materiale, cum ar fi videoclipurile și încorporarile) sunt amânate și încărcate NUMAI atunci când este necesar, adică pe măsură ce utilizatorii derulează în jos până la acea secțiune a paginii.

Dacă urmăriți cu atenție postările de pe blogul meu, veți vedea încărcarea leneșă în acțiune:

Încărcarea leneșă este puternică. Chiar poate accelera un site. Dar, există o problemă MARE cu încărcarea leneșă:

Când este pornit, leneș încarcă TOATE imaginile.

Deoarece majoritatea site-urilor - ca și al meu - au imagini care ar trebui să se afișeze la încărcare, folosirea încărcării leneșe poate afecta de fapt cea mai mare vopsea de conținut.

Ideea aici este că setările implicite de încărcare leneră vor aplica etichete de încărcare leneră tuturor imaginilor de pe pagină, inclusiv celor din partea de sus care ar trebui să fie afișate imediat utilizatorului.

Care înseamnă:

Imaginile „de deasupra pliului” trebuie să aștepte ca biblioteca JavaScript de încărcare leneră să se execute înainte ca imaginile din partea de sus a paginii să se poată încărca. Cu alte cuvinte, JavaScript lazyload blochează redarea activelor necesare pentru o pictură rapidă cu conținut maxim (LCP).

Pentru a rezolva această problemă, luați adresa URL a siglei dvs. și a oricăror alte imagini de deasupra paginii (Sugestie! Imaginea dvs. prezentată) și adăugați-o ca excludere în pluginul dvs. de încărcare leneșă.

Eu folosesc WP Rocket și iată setările:

Indiferent dacă utilizați WP Rocket sau Autoptimize (un alt plugin grozav pentru încărcare leneșă), asigurați-vă că amânați încărcarea imaginilor și setați sigla ca excludere.

Cu asta, trec la un alt lucru care ar trebui să fie setat să „amâne încărcarea”.

(6) Amânați fișierele JavaScript și creșteți viteza paginii

Dacă v-ați rulat vreodată site-ul prin PageSpeed ​​Insights sau GT Metrix, veți fi familiarizat cu acest avertisment:

Nu există nicio scăpare. JavaScript este unul dintre cei mai mari vinovați care afectează timpul de încărcare a site-ului.

Dar de ce?

Când cineva vă vizitează site-ul, serverul dvs. web furnizează conținutul HTML al site-ului dvs. în browserul utilizatorului.

Browserul utilizatorului lucrează apoi prin HTML de sus în jos pentru a reda pagina.

Dacă găsește JavaScript în timpul procesului, se oprește redarea restului paginii până când a preluat și analizat fișierul JavaScript complet.

Deoarece fișierele script sunt mari și pot dura ceva timp pentru a se încărca, ele pot afecta cu adevărat timpul de încărcare.

Și iată oferta:

Majoritatea fișierelor JavaScript, cum ar fi chatul live, ferestrele pop-up, widget-urile sau chiar scripturile de urmărire, nu sunt necesare pentru ca pagina să fie redată corect.

Și de aceea vă recomand să amânați analizarea fișierelor JavaScript până după ce pagina s-a încărcat.

În acest fel, tot conținutul esențial de pe pagină este încărcat, iar apoi scripturile sunt executate mai târziu.

Dacă utilizați WordPress, atât WP Rocket, cât și Perfmatters vă permit să întârziați redarea JavaScript.

În cazul în care sunteți curios, iată setările mele Perfmatters:

Scripturile pe care le amânați pe site-ul dvs. vor fi unice pentru dvs.

O revizuire rapidă a recomandărilor GT Metrix vă va arăta vinovații care vă încetinesc timpii de încărcare.

(7). Upgrade-ți gazduirea

Nu toate gazdele web sunt egale. Departe de.

Diferența de timp de răspuns între un furnizor de găzduire rapid și lent poate fi cu ușurință de 800 de milisecunde.

S-ar putea să nu sune prea mult, dar aceasta este o diferență de 4X:

Nu voi chema furnizorii individuali de găzduire pentru că am testat doar câțiva dintre ei, dar sunt șanse ca dacă cheltuiți 4,99 USD pe lună pe găzduire, site-ul dvs. nu se va încărca rapid.

Acest lucru se datorează faptului că majoritatea planurilor de găzduire la buget vă pun site-ul pe același server (supraîncărcat) ca și alte sute de site-uri web – ceea ce duce la încetiniri, întârzieri și chiar opriri.

Nu pot vorbi despre performanța majorității gazdelor de acolo, dar, ca regulă generală, primești ceea ce plătești.

Totuși, dacă sunteți în căutarea unor sugestii de găzduire, iată două gazde premium pe care le folosesc și le pot recomanda personal:

• Cloudways – Găzduire cloud gestionată pe o stivă de servere optimizată pentru viteză pentru a oferi peste 60 de locații de pe tot globul. Recomandarea mea de bază pentru clienți.
• WP Engine – Găzduire gestionată pentru site-uri web WordPress cu stocarea în cache a paginilor la nivel de server. Aceeași gazdă web pe care este găzduit acest site.

Indiferent dacă mergeți cu recomandările mele sau cu altele, ar trebui să căutați câțiva factori.

În primul rând, doriți un furnizor de găzduire care utilizează o unitate SSD.

Unitățile cu stare solidă sunt mult mai rapide decât hard disk-urile standard, ceea ce înseamnă timpi mai scurti de încărcare a paginii.

În al doilea rând, mergi cu o gazdă cu un server situat în țara ta – sau cel puțin pe continentul tău.

Site-urile web funcționează de obicei cu 1 secundă mai încet în afara țării în care se află serverul.

Având în vedere această statistică, dacă în prezent vă aflați pe un server partajat ieftin situat departe, departe, este timpul să faceți upgrade la un server SSD local dedicat.

(8). Curățați și comprimați codul dvs

Pe scurt, vrei să minimizezi resursele găsite pe pagina ta.

Minificarea (dacă acesta este de fapt un cuvânt) este procesul de eliminare a spațiilor, caracterelor și comentariilor inutile - de fapt, orice elemente care nu sunt necesare - pentru a reduce dimensiunea fișierelor.

Fișierele mai ușoare înseamnă mai puține date de transferat și timpi de încărcare mai rapid.

Procesul de reducere a fișierelor se concentrează de obicei pe JavaScript și CSS, dar poate include și HTML.

Dar, înainte de a te speria la gândul de a parcurge fiecare linie de cod de pe site-ul tău web pentru a găsi elemente redundante, nu-ți face griji.

Vă puteți reduce cu ușurință codul instalând WP Rocket și bifând câteva casete:

WP Rocket îți va reduce codul automat!

O a doua metodă de reducere a fișierelor este compresia GZIP.

GZIP funcționează în mod similar cu compresia ZIP și RAR pe care o utilizați pe computer, dar este gestionată de serverul dvs.

Practic, atunci când un vizitator ajunge pe site-ul dvs. web, browserul său solicită fișierele site-ului de la serverul dvs. web. Când GZIP este activat, serverul dvs. va comprima acele fișiere înainte de a le trimite către browserul utilizatorului.

Și, pentru că acele fișiere sunt comprimate și mai ușoare - transferul este mai rapid.

Deoarece folosesc WP Engine hosting, GZIP este deja activat.

Dacă găzduirea dvs. nu acceptă compresia GZIP, o puteți activa prin WP Rocket sau W3 Total Cache.

Sau, fă-o manual dacă ești priceput în acest gen de lucruri.

(9). Renunțați la HTTP învechit pentru a profita de protocolul HTTP2 mai rapid

Nu pot să cred că o spun în zilele noastre.

Dar dacă încă rulați site-ul dvs. pe protocolul HTTP (spre deosebire de HTTPS), faceți schimbarea acum.

Probabil știi că HTTPS este un semnal de clasare.

Practic, dacă site-ul dvs. folosește un protocol HTTPS securizat și criptat, Google va oferi site-ului dvs. un mic impuls în clasament. Dimpotrivă, dacă utilizați HTTP, performanța dvs. de clasare este ușor redusă.

Dar acesta nu este singurul motiv pentru a obține un certificat SSL și a trece la găzduirea HTTPS.

Știați că HTTPS este și mai rapid?

Când site-ul dvs. rulează în modul HTTPS (criptat), software-ul browserului dvs. web va folosi protocolul HTTP2 mai nou (presupunând că gazda dvs. îl acceptă), care este semnificativ mai rapid decât protocolul HTTP 1.1 anterior.

De fapt, utilizarea HTTPS va permite site-ului dvs. să descarce cu 14,3% mai rapid:

Nu prea ponosit!

Înainte de a trece în grabă la HTTPS cu gazda dvs. web actuală, luați în considerare că mulți furnizori de găzduire ieftini încă nu acceptă HTTP2.

Dacă a dvs. nu o face, este un indiciu sigur că infrastructura lor este depășită și încă un motiv pentru a trece la o companie de găzduire premium precum Cloudways, WP Engine sau Kinsta.

SFAT PRO: Abonați-vă la funcția 0-RTT (dus-întors) Cloudflare, care accelerează și mai mult negocierea de criptare HTTPS!

(10). Utilizați cea mai înaltă versiune de PHP pe care o va permite site-ul dvs. (și blocați timpi mai rapidi de procesare)

PHP este limbajul de programare folosit de CMS populare precum Joomla, Drupal și WordPress.

Credeți sau nu, este baza de cod folosită de 4 din 5 site-uri web:

Un lucru bun despre PHP este că este actualizat continuu pentru o securitate sporită și o performanță îmbunătățită.

De fapt, noile versiuni de PHP sunt lansate la fiecare 6-12 luni sau cam asa ceva - și fiecare nouă actualizare PHP este de obicei cu 10-30% mai rapidă decât versiunea anterioară.

Fiecare versiune funcționează mai rapid decât ultima datorită creșterii numărului de solicitări de baze de date pe care le poate procesa simultan.

De exemplu, comparând PHP 7.3 cu PHP 5.6, versiunea ulterioară poate gestiona de 3 ori mai multe tranzacții pe secundă.

Dacă site-ul dvs. este pe WordPress, este o decizie simplă să vă actualizați site-ul la cea mai recentă versiune PHP.

Furnizorii de găzduire specializați, cum ar fi cei deja menționați, vă actualizează versiunea PHP automat.

Alternativ, puteți verifica setările pentru sănătatea site-ului dvs. din meniul Instrumente din WordPress. De acolo, veți vedea versiunea PHP pe care o rulați:

Și îl pot actualiza în consecință.

(11). Utilizați acest serviciu pentru videoclipuri – vă va accelera în mod semnificativ site-ul web

Nu se poate nega; videoclipurile sunt o modalitate excepțional de bună de a vă implica publicul.

Dar problema este că ocupă o cantitate imensă de resurse de server pentru a se încărca.

Și, pe măsură ce începeți să învățați, cu cât este mai puțină presiune pe serverul dvs., cu atât mai bine, deoarece cu atât viteza paginii dvs. va fi mai rapidă.

Deci, în cazul videoclipului...

În loc de auto-găzduirea videoclipurilor pe site-ul dvs., utilizați un serviciu de găzduire video independent, cum ar fi YouTube, Vimeo sau Wistia.

Apoi adăugați videoclipurile pe site-ul dvs. folosind un cod de încorporare.

În acest fel, serverul dvs. nu va fi ocupat încărcând fișiere video grele și poate folosi timpul pentru a procesa alte elemente de pe pagină.

Dar din fiecare dintre aceste servicii, care este mai bun?

Potrivit WP Rocket, Vimeo este puțin mai rapid decât YouTube și Wistia – și MULT mai rapid decât Daily Motion, cel mai lent jucător.

Totuși, diferența dintre aceste top-3 este minimă, motiv pentru care optez pentru Wistia pentru majoritatea videoclipurilor mele.

Are analize remarcabile și acceptă hărți video ale site-ului - care este o caracteristică excelentă pentru SEO.

(12). Găsiți (și reparați) redirecționări 3XX

Redirecționările 301 și 302 sunt utile.

Sunt folosite pentru a redirecționa o pagină redundantă către o adresă URL alternativă.

Problema este că sunt ticăloși pentru viteza paginii.

De ce?

Deoarece ori de câte ori un utilizator încearcă să acceseze o pagină de cod de stare 3XX, se fac două solicitări către server.

Una pentru adresa URL inițială (redirecționată) și alta pentru adresa URL de destinație finală.

Aceasta poate însemna o creștere semnificativă a timpului de încărcare a site-ului.

Dar aici este chestia...

Nu puteți elimina complet redirecționările 3XX. Acest lucru ar fi foarte dăunător pentru SEO.

Cu toate acestea, puteți minimiza codurile de stare 3XX inutile :

(A). Redirecționări interne

Redirecționările interne apar atunci când o pagină cu link-uri interne care indică către ea este redirecționată către o altă pagină.

De exemplu:

Pe pagina ta de pornire, faci link la un articol despre dieta keto (de exemplu, healthyfitness.com/keto-diet/)

Ulterior, decideți să creați un nou articol pe acel subiect și să redirecționați vechiul articol către noul articol (301 redirecționări de la healthyfitness.com/keto-diet/ la healthyfitness.com/new-keto-diet/)

O treabă grozavă – aceasta este o practică bună pentru SEO.

Problema este că linkul intern pe care l-ați plasat pe pagina dvs. de pornire trece acum printr-un „hop” inutil – și, deși funcționează pentru utilizator, adaugă timp de încărcare suplimentar pentru cei care urmăresc acel link.

Din fericire, există o soluție ușoară. Pur și simplu actualizați linkul de la origine la adresa URL de destinație finală.

O modalitate simplă de a găsi redirecționări pe site-ul dvs. este să instalați Check My Links. Această extensie de browser vă va accesa cu crawlere pagina și va evidenția toate linkurile care redirecționează.

O scanare rapidă a paginii de pornire SEO Sherpa identifică mai multe redirecționări interne în subsol:

Tot ce trebuie să fac este să mă conectez la WordPress și să actualizez acele linkuri de subsol către destinația finală.

(b). Lanțuri de redirecționare

Redirecționările sunt dăunătoare pentru timpul de încărcare, dar sunt și mai rele atunci când sunt într-un lanț.

Lanțuri de redirecționări se întâmplă atunci când o pagină redirecționată redirecționează către o altă pagină redirecționată – și așa mai departe.

Ele sunt în mod normal un rezultat al modificărilor aduse unui site în timp.

De exemplu:

• domain.com/about/ actualizat și 301 redirecționat către:
• domain.com/about-us/ actualizat și 301 redirecționat către:
• domain.com/about-our-company/ actualizat și 301 redirecționat către:
• domain.com/company-history/

Acum, oricine încearcă să acceseze pagina originală va fi redirecționat nu o dată, ci de trei ori.

Îmi place să folosesc Ahrefs Site Audit pentru a găsi lanțuri de redirecționare. După accesarea cu crawlere a site-ului dvs., acesta va identifica numărul de probleme legate de lanțul de redirecționare pe care le aveți (împreună cu alte erori).

Puteți consulta lista de lanțuri de redirecționare pentru a vedea lanțurile care apar:

Pentru a remedia fiecare lanț, actualizați redirecționările 301 la adresa URL de origine cu o legătură absolută către destinația finală – eliminând astfel lanțul de redirecționări din mijloc.

(13). Eliminați erorile 404

S-a întâmplat!

Fișierele sunt mutate (sau dispar), iar legăturile se întrerup.

Când se întâmplă acest lucru, utilizatorii vor experimenta timpi mai mari de încărcare a paginii din cauza solicitărilor suplimentare de server web pentru a găsi fișierele lipsă.

În cele din urmă, ducând la o eroare 404.

Cauzele acestor erori sunt numeroase și lipsite de importanță.

Tot ce trebuie să știți este cum să le găsiți:

O modalitate este să folosiți Google Search Console pentru a le găsi și repara.

După ce v-ați conectat la contul dvs. GSC, faceți clic pe Acoperire și apoi pe Eroare.

Faceți clic pe Adresa URL trimisă nu a fost găsită și veți vedea o listă cu toate linkurile care au rezultat în eroarea 404:

Alternativ, puteți utiliza un instrument de audit al site-ului, cum ar fi Ahrefs sau Screaming Frog.

Indiferent de instrumentul pe care îl utilizați, știți că trebuie să identificați legături către 404 pagini și fișiere media.

Apoi înlocuiți sau eliminați acele linkuri rupte.

Procedând astfel, site-ul dvs. va fi accelerat.

(14). Reducere, actualizare și upgrade – Trei pași pentru a vă îmbunătăți viteza paginii cu pluginuri

Când vine vorba de pluginuri și extensii, cu cât sunt mai puține, cu atât mai bine.

Majoritatea suplimentelor încarcă JavaScript și CSS.

Și, așa cum am subliniat deja, aceste două lucruri pot pune site-ul dvs. în modul lent.

Deci, ori de câte ori este posibil, vă recomand să vă eliminați pluginurile și să folosiți NUMAI ceea ce este (absolut) esențial.

Orice, care nu este necesar pentru funcționalitatea site-ului dvs., dezactivați și apoi ștergeți.

Desigur, unele plugin-uri afectează viteza site-ului mai mult decât altele.

Deci, chiar dacă aveți absolut nevoie de un plugin, poate exista o alternativă mai rapidă.

Această postare de ServeBolt enumeră pluginurile WordPress care afectează cel mai mult performanța timpului de încărcare – și enumeră opțiuni mai bune și mai rapide.

Ar trebui să faceți schimbarea dacă găsiți alternative mai rapide.

The third step in speeding up your website via plugins is to ensure you are running the latest plugin versions.

Very often, older plugins have incompatibilities with the current version of WordPress or PHP.

These incompatibilities almost always impact page speed performance.

Thankfully, the plugin menu in WordPress makes it easy to spot outdated plugins:

From there, you can simply upgrade to the latest version.

(15). Use This Little Known Google Tag Manager Trick to Speed up Your Website

You've probably heard of Google Tag Manager? And, hopefully, you are using it on your website.

Google Tag Manager is a container for all your pixels and tracking scripts, which makes deploying codes simple – and bypasses the need for a developer.

Simply moving your tracking pixels from embedded in your website code to Google Tag Manager can shave up to 2 seconds off your load time.

This is a great page speed improvement, but it doesn't stop there…

Did you know that Google Tag Manager, allows you to control when your tags are fired and thus speed up your load times even further?

As you've learned already, any code that's not required for a fast largest contentful paint should be delayed until after the main content has loaded.

By default, Google Tag Manager will fire your tags on page view.

But, by selecting the 'Window Loaded” trigger your tags are fired once the entire content of the page has been fully loaded, including any embedded resources such as images and scripts.

I set this up on the SEO Sherpa website, and because I have a bunch of tracking set up, it boosted load times significantly.

To implement this page speed trick on your own website, login to GTM and select 'New Trigger' and then 'Window Loaded.'

And once you've done that, you're done.

What Did You Think?

Now I'd like to hear from you:

Which technique from today's post are you going to implement first?

Are you going to fix broken links? Or implement lazy loading?

Either way, let me know by leaving a comment below.