Găsește imaginile care blochează prima randare

Echipele de performanță și SEO îl folosesc când prima randare întârzie, iar imaginile din afara ecranului ar putea să o blocheze.

Găsește imaginile care blochează prima randare. Rezultatul rămâne în browser, gata de verificat și adaptat fără cont sau trimiterea datelor introduse.

Cum se folosește

Lipește HTML-ul paginii pe care vrei să o auditezi.
Rulează auditul pentru a găsi imaginile prezente la prima randare.
Analizează imaginile care nu ar trebui să se încarce imediat.
Adaugă încărcare amânată imaginilor care se află în afara zonei vizibile inițiale.

Exemplu

Un specialist SEO observă că pagina principală durează prea mult să își afișeze conținutul principal. Lipește HTML-ul, rulează auditul și observă că imaginile din subsol se încarcă devreme. Acele imagini sunt trecute pe încărcare amânată înainte ca pagina să fie testată din nou. Se asigură, de asemenea, că imaginea principală rămâne o prioritate, astfel încât prima vizualizare să nu fie afectată.

Date de intrare

<img src="hero.jpg" alt="Hero">
<img src="icon.png" alt="Icon">

Limite și formate

Auditul citește HTML-ul pe care îl furnizezi, nu o vizită live pe pagină.
Imaginile injectate de JavaScript sau încărcate prin CSS pot să nu fie toate detectate.
Încărcarea amânată nu este potrivită pentru imaginile vizibile pe primul ecran.
Reverifică comportamentul pe mobil după modificarea marcajului.
Raportul trebuie reîmprospătat după fiecare modificare a marcajului.

Unde are loc procesarea

HTML-ul lipit este examinat în browserul tău. Nu se face nicio cerere externă, iar pagina auditată nu este preluată de instrument. Raportul rămâne local până când părăsești pagina.

Întrebări frecvente

Instrumentul îmi vizitează site-ul?

Nu, nu îți încarcă pagina de la o adresă web. Copiezi singur HTML-ul în câmpul de introducere. Prin urmare, auditul acoperă doar marcajul pe care îl furnizezi și nu rulează scripturile paginii.

Ce imagini ar trebui încărcate amânat?

Concentrează-te pe imaginile mai jos în pagină care nu sunt necesare pentru prima vizualizare. Imaginile din antet sau imaginea principală a produsului trebuie adesea să se încarce imediat. Verifică rezultatul pe un ecran real.

De ce lipsește o imagine din raport?

Poate fi adăugată de JavaScript, folosită ca fundal CSS sau încărcată de o componentă terță. Auditul vede doar HTML-ul pe care îl lipești. Folosește instrumentele pentru dezvoltatori din browser pentru a completa imaginea.