Această unealtă ne ajută să testăm dacă imaginile, fișierele CSS și JavaScript sau fonturile încărcate pe website sunt bine optimizate.

Ce analizează:

Imagini - detectează din <img> și background-image, arată formatul (JPEG, PNG, WebP, SVG), semnalează imaginile prea mari și formatele nemoderne
CSS - toate fișierele <link rel="stylesheet">, cu dimensiunea fiecăruia
JavaScript - toate <script src="">, detectează dacă au async/defer, semnalează scripturile care blochează randarea
Fonturi - fișiere WOFF2/TTF/OTF și Google Fonts, semnalează formatele neoptimizate

Dimensiunea resurselor unei pagini

Introduceți adresa paginii. Analizăm imaginile, fișierele CSS, scripturile și fonturile, identificăm fișierele prea mari și formatele neoptimizate și primiți recomandări concrete.

Ce înseamnă cifrele afișate

Unealta nu spune doar cât cântărește fiecare fișier, ci arată unde se duce greutatea paginii. De obicei răspunsul este același: imaginile, urmate de scripturile care nu sunt necesare la prima încărcare.

Repere utile pentru o pagină care se încarcă repede și pe conexiune mobilă:

Imagini: sub 200 KB fiecare pentru fotografiile obișnuite, sub 400 KB pentru imaginea mare din antet. O imagine de 2 MB pe pagina de start este cauza cea mai frecventă a unui scor slab.
Total CSS: sub 150 KB. Peste această valoare, de regulă tema încarcă stiluri pentru componente pe care nu le folosiți.
Total JavaScript: sub 300 KB. Aici intră și scripturile externe, care sunt greu de văzut altfel.
Fonturi: două familii și maximum patru fișiere. Fiecare grosime în plus înseamnă un fișier în plus.

Ce faceți cu ce găsiți

Convertiți imaginile în WebP și redimensionați-le la lățimea la care sunt afișate. O imagine de 3000 de pixeli așezată într-un spațiu de 800 nu aduce niciun câștig vizual.
Amânați scripturile care nu sunt necesare la prima randare, cu defer sau async. Unealta arată exact care dintre ele blochează afișarea.
Păstrați fonturile în format WOFF2 și găzduiți-le local. Fonturile externe adaugă o conexiune nouă înainte ca textul să apară.
Încărcați leneș imaginile de sub prima parte a paginii, dar niciodată pe cea din antet: ea este de obicei elementul măsurat de LCP.

Legătura cu Core Web Vitals

Cele mai multe probleme de LCP pornesc de la o imagine prea mare sau de la un font care întârzie afișarea textului. Ambele se văd în lista de resurse, înainte să apară în rapoartele Google.

După ce curățați resursele, verificați efectul cu testul de timp de răspuns și citiți despre praguri în ghidul nostru despre Core Web Vitals.

Greșeli frecvente pe care le scoate la iveală

Verificarea dimensiunii resurselor arată tipare care se repetă la majoritatea site-urilor, indiferent de platformă.

Aceeași imagine încărcată de mai multe ori, în variante ușor diferite. Se repară prin unificarea numelui de fișier și eliminarea duplicatelor din bibliotecă.
Fișiere CSS și JavaScript nefolosite, rămase de la teme sau plugin-uri dezinstalate. Se rezolvă prin verificarea manuală a fiecărui fișier încărcat și eliminarea celor care nu mai au corespondent activ.
Iconițe încărcate ca imagini separate, în loc de un singur fișier SVG. Combinarea lor într-un sprite reduce numărul de cereri către server.
Fonturi încărcate cu toate grosimile disponibile, deși pagina folosește doar două. Se repară prin limitarea seturilor de caractere și a grosimilor la strictul necesar.
Scripturi de urmărire adăugate direct în cod, fără async sau defer. Mutarea lor printr-un manager de etichete reduce blocarea randării.
Imagini decorative fără atribut de dimensiune declarat. Adăugarea lățimii și înălțimii în cod previne deplasările de conținut la încărcare.

Când nu ajunge o verificare automată

Unealta arată dimensiunea fiecărui fișier, dar nu poate spune dacă o resursă este cu adevărat necesară pentru afacerea dumneavoastră sau doar moștenită dintr-un șablon.

Această decizie cere o privire asupra întregului site, nu doar asupra unei singure pagini încărcate la un moment dat.

Verificarea manuală rămâne obligatorie pentru scripturile de la furnizori externi, care se pot schimba fără știrea dumneavoastră, și pentru imaginile generate dinamic, pe care instrumentele automate nu le pot testa consecvent.

Dacă problemele de dimensiune apar pe mai multe pagini și se leagă de structura temei sau de configurarea serverului, un audit SEO complet oferă o imagine clară asupra cauzei și a ordinii în care merită rezolvate.

Am construit această unealtă pornind de la verificările pe care le facem în auditurile SEO, ca aceleași controale să le poată rula oricine, gratuit.

Tester de dimensiune a resurselor