Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Astăzi, viteza de încărcare a paginilor site-ului este un factor critic în determinarea utilizabilității acestuia. Acest aspect este inclus în lista a 100 de factori de clasificare, semnificativi pentru promovarea site-ului în căutare. Și această situație nu este fără scop: astăzi este greu de găsit un astfel de utilizator pacient care ar fi gata să aștepte ca pagina să se încarce pentru mai mult de 5 secunde. Prin urmare, concluzia: dacă site-ul nu este încărcat suficient de repede - proprietarul pierde pur și simplu utilizatorii și clienții.







Cerințe preliminare pentru experiment

Din motive de justiție, este demn de remarcat faptul că site-ul a fost încărcat din punct de vedere istoric destul de repede. Cu toate acestea, testarea inițială utilizând verificatorul de încărcare a paginii Google a constatat că viteza de descărcare a versiunii mobile a site-ului este de 59/100. În timp ce viteza de descărcare a versiunii desktop a resursei a fost ușor mai mare - 95/100.

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Ca obiectiv final, echipa de dezvoltatori monitorbacklinks.com a stabilit condiția: pentru a obține un scor de 100/100. Remedieri ale deficiențelor evidente asupra resurselor au permis să crească ușor viteza de descărcare - până la 87/100, dar nu au dus la ideală. Prin îmbunătățiri tehnice metodice, dezvoltatorii de resurse au reușit în cele din urmă să obțină rezultatul dorit:

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Despre modul în care echipa site-ului a realizat acest lucru, va fi discutată în următoarea parte a articolului.

Cum de a crește viteza de încărcare a paginilor: tehnici tehnice

Înainte de a trece la descrierea tehnicilor care permit creșterea vitezei de încărcare a paginilor site-ului, trebuie remarcat faptul că recomandările instrumentului Google pentru încărcarea paginilor sunt în sine un excelent ghid pentru îmbunătățirea unui număr de aspecte tehnice. Recomandările tehnice, care sunt furnizate pe baza verificării site-ului, vă permit să accelerați încărcarea paginilor de resurse și să implementați cele mai bune practici din domeniul optimizării interne. În plus, toate sfaturile Google țin cont de particularitățile și particularitățile setărilor serverului pe care se află site-ul.

În timp ce unele aspecte ale lucrului pe site necesită o expertiză tehnică semnificativă, altele sunt mult mai ușor de eliminat. O parte din probleme și poate fi rezolvată automat prin aplicarea CMS de înaltă calitate.

Pasul # 1. Optimizați imaginile pe site

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

În urma recomandărilor instrumentului PageSpeed ​​Insights, echipa de la monitorbacklinks.com a optimizat toate imaginile de pe resursă, sporind viteza de încărcare a paginilor prin reducerea dimensiunii fișierelor. Utilizarea instrumentelor Compressor.io și TinyPNG a redus greutatea fișierului cu 80% fără pierderea calității imaginii.

Utilizarea CSS și etichetele HTML corespunzătoare nu este capabilă să ofere un rezultat similar. Calitatea imaginilor de pe site depinde direct de parametrii fișierelor încărcate pe server. Pentru a obține imagini de înaltă calitate la o încărcare relativ scăzută pe server, toate imaginile încărcate acolo s-au decis să fie comprimate utilizând instrumentele menționate mai sus. Ulterior, fiecare nouă imagine încărcată pe server a fost procesată obligatoriu utilizând un convertor.







Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Pentru a elimina erorile și pentru a ușura codul site-ului, a fost decisă instalarea unui colector de proiecte de streaming pe JS Gulpjs. Instrumentul creează automat un nou fișier CSS și elimină toate defectele din cod. De asemenea, sunt create automat fișiere noi pentru toate modificările aduse codului. În cazul monitorbacklinks.com, introducerea lui Gulpjs a redus dimensiunea fișierului CSS de la 300 KB la 150 KB numai prin eliminarea caracterelor redundante din cod. Pentru a verifica corectitudinea codului, puteți să urmați și recomandările unei secțiuni speciale din Ghidul Google.

Pentru cei care folosesc WordPress pentru același scop, vă recomandăm să instalați un plug-in special Autoptimize. Fișierele optimizate pot fi de asemenea descărcate din Instrumentul PageSpeed. Procesul va arata cam asa:

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Pasul 3: Utilizați memoria cache a browserului

Principiul de funcționare al rețelei CDN poate fi descris ca fiind următoarea schemă:

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

După ce procesul a fost complet finalizat, instrumentul PageSpeed ​​Insights cu perseverență de invidiat a început să sublinieze nevoia de a grăbi cache-ul de fișiere de către browser pentru anumite resurse terță parte:

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Imaginea de mai jos arată modul în care această procedură a permis reducerea mărimii fișierului paginii principale a site-ului la 15,5 KByte:

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Pasul # 5. Configurarea compresiei

Comprimarea resurselor utilizând funcțiile gzip sau deflate vă permite să reduceți cantitatea de date transferate prin rețea. Această recomandare apare de obicei după ce ați verificat site-ul cu PageSpeed ​​Insights.

Dacă proprietarul resurselor nu are suficiente abilități pentru a rezolva problema, el poate contacta serviciul de asistență tehnică al resursei cu cererea de a include compresia gzip a fișierelor site-ului.

Pasul # 6. Îmbunătățirea experienței utilizatorilor de dispozitive mobile

Tot ce trebuie făcut pentru a asigura cea mai bună experiență de interacțiune cu resursele utilizatorilor de dispozitive mobile este dezvoltarea unei versiuni adaptive a site-ului. Este important să luați în considerare toate formatele mobile existente, să utilizați seturile de fonturi corecte și să studiați cu atenție sistemul de navigație pentru resursele mobile.

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Verificați modul în care resursa va arăta pe ecranele dispozitivelor mobile cu cea mai mare rezoluție posibilă folosind Google Chrome. Pentru a face acest lucru, faceți clic pe fila meniu din partea dreaptă sus a ecranului și selectați "Instrumente" și apoi "Instrumente pentru dezvoltatori". După aceea, în partea stângă a ecranului veți putea selecta rezoluția și veți vedea cum va arăta site-ul pe ecranul dispozitivului mobil.

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

În cazul monitorbacklinks.com, nu au fost necesare modificări semnificative.

concluzie

Articolul a prezentat pașii și punctele cele mai importante, implementarea cărora garantează site-ului o îmbunătățire semnificativă a rezultatelor verificării utilizând instrumentul PageSpeed ​​Insights de la Google. În cazul sitului în cauză, a fost posibil să se obțină un rezultat ideal - 100/100. Cu toate acestea, în acest caz, toate paginile interne ale resursei au fost bine optimizate.

Cum de a îmbunătăți viteza de încărcare a site-ului, ghidat de sfatul de Google

Trei îmbunătățiri importante ale site-ului, care au permis obținerea unui rezultat ideal, au fost următoarele:

Tehnicile de mai sus și aspectele legate de optimizarea site-ului permit în practică o creștere notabilă a vitezei de descărcare pe dispozitive mobile și desktop, indiferent de locația și regiunea utilizatorului care a decis să viziteze resursa.







Articole similare

Trimiteți-le prietenilor: