Cum accelerați site-ul fără a-l reface de la zero: ce să măsurați, cum optimizați imaginile și fonturile, cum eliminați scripturile inutile, cum configurați cache-ul și cum verificați rezultatul în PageSpeed Insights.
Despre noi
Ca să accelerați site-ul, măsurați mai întâi viteza în PageSpeed Insights și în Search Console, găsiți cele mai mari cauze ale încetinirii și corectați-le pe rând. Cel mai des acestea sunt imaginile grele, fonturile inutile, scripturile terțe și răspunsul lent al serverului. După fiecare modificare, măsurați din nou rezultatul, ca să vedeți ce anume a ajutat.
Google evaluează experiența vizitatorului prin trei indicatori, numiți Core Web Vitals.
| Indicatorul | Ce descrie | Nivelul bun conform ghidurilor Google |
|---|---|---|
| LCP | Viteza afișării conținutului principal al paginii | până la 2,5 secunde |
| INP | Viteza reacției la acțiunile utilizatorului | până la 200 de milisecunde |
| CLS | Stabilitatea machetei în timpul încărcării | până la 0,1 |
Evaluarea se bazează pe vizite reale (percentila 75), separat pentru telefoane și pentru computere. PageSpeed Insights arată două tipuri de date: de teren, colectate de la vizitatori reali, și de laborator, obținute prin simulare în Lighthouse. Testul de laborator este comod pentru găsirea cauzelor, iar datele de teren arată experiența reală. În Search Console există raportul Core Web Vitals, care grupează paginile după stare.
Verificați paginile tipice: pagina principală, categoria, pagina produsului sau a serviciului și pagina cu formular. Începeți cu versiunea mobilă, pentru că pe ea problemele se văd mai bine. Notați valorile de bază, ca să puteți compara rezultatul după modificări.
Imaginile reprezintă adesea cea mai mare parte din greutatea paginii, de aceea merită să începeți cu ele.
Pe un site cu editori și într-un magazin, imaginile le adaugă oameni diferiți, de aceea regulile e mai bine să fie fixate în sistem. Configurați crearea automată a mai multor dimensiuni și conversia în formate moderne, setați o limită de greutate la încărcare și pregătiți pentru angajați o instrucțiune scurtă: lățimea necesară, formatul, numărul de imagini pe produs. La importul catalogului din fișierele furnizorului, adăugați un pas de comprimare, altfel greutatea paginilor va crește pe neobservate.
Un video pe primul ecran cere prudență: el devine adesea cel mai greu element al paginii. Folosiți un video comprimat cu poster, dezactivați redarea automată pe telefoane și înlocuiți fundalul animat cu o imagine statică, dacă efectul nu aduce beneficii.
Fiecare fișier de font înseamnă încă o cerere către server, de aceea setul trebuie limitat.
Scripturile concurează cu afișarea paginii pentru resursele browserului; scripturile grele înrăutățesc reacția la acțiunile utilizatorului (INP).
Faceți lista tuturor scripturilor: în fila Network a instrumentelor pentru dezvoltatori, în raportul PageSpeed Insights și în containerul Tag Manager. Pentru fiecare puneți întrebarea: ce decizie depinde de aceste date?
| Ce s-a găsit | Ce faceți |
|---|---|
| Widget de chat pe toate paginile | Încărcați-l după prima interacțiune sau doar pe paginile-cheie |
| Mai multe taguri de pixel, o parte învechite | Păstrați-le pe cele necesare, verificați evenimentele, eliminați dublurile |
| Slider pe primul ecran | Înlocuiți-l cu un singur banner static |
| Pluginuri și teme inactive | Ștergeți-le |
| O bibliotecă mare de dragul unei singure funcții | Înlocuiți-o cu o soluție ușoară sau renunțați la funcție |
O astfel de abordare ajută la luarea deciziilor pe baza faptelor, fără a elimina instrumente utile pe baza presupunerilor. Revizuirea merită repetată o dată la șase luni, pentru că în timp pe site se acumulează taguri noi.
Chiar și imaginile comprimate ideal nu vor ajuta dacă serverul răspunde lent. Timpul de răspuns al serverului (TTFB) depinde de hosting, de versiunea PHP, de cache și de optimizarea bazei de date.
Cache-ul browserului le permite vizitatorilor care revin să nu încarce din nou fișierele statice. Pentru aceasta, fișierelor de stiluri, scripturilor, imaginilor și fonturilor li se setează un termen lung de păstrare; la actualizare se schimbă versiunea din numele fișierului. Pe WordPress ajută suplimentar curățarea reviziilor vechi, a înregistrărilor temporare și a tabelelor nefolosite din baza de date, pentru că o bază mare încetinește răspunsul serverului. Verificați și dacă nu funcționează simultan mai multe pluginuri de cache, pentru că acestea pot intra în conflict.
Nu există un număr unic. Nota din testul de laborator variază în funcție de condiții. Orientați-vă după starea Core Web Vitals din datele de teren și după viteza paginilor-cheie pe telefoane reale.
Google ține cont de experiența paginii, inclusiv de Core Web Vitals, dar relevanța conținutului rămâne factorul principal. Un site rapid este, de asemenea, mai comod pentru oameni și de obicei transformă mai bine vizitatorii în solicitări.
Măsurătorile de laborator sunt influențate de încărcarea serverului, de rețea, de extensiile browserului și de scripturile terțe. Rulați mai multe măsurători și comparați valorile medii și tendința.
CDN este util atunci când publicul se află în regiuni diferite sau pe site există multe fișiere statice. Pentru o afacere locală cu un site mic, adesea este suficient un hosting de calitate cu cache.
Tagurile necesare merită păstrate, dar conectate cu grijă: fără dubluri, cu verificarea evenimentelor și cu încărcare amânată, acolo unde este posibil. Eliminați-le pe cele pe care nu le folosește nimeni.
Viteza site-ului depinde de mai multe cauze, și fiecare poate fi corectată separat: greutatea imaginilor, numărul de fonturi, scripturile terțe, cache-ul și răspunsul serverului. Lucrați după un plan: măsurați, schimbați un grup de lucruri, măsurați din nou și notați rezultatul. Astfel viteza crește treptat și rămâne sub control. Revizuirea lunară a rapoartelor vă ajută să observați revenirea problemelor după actualizări, widgeturi noi sau imagini grele, înainte ca acestea să influențeze solicitările. Dacă aveți nevoie de ajutor, LightSEO vă poate ajuta cu analiza tehnică în cadrul unui audit SEO al site-ului și cu construirea unui site pe șablon ușor.
