admin 
Naujausiame „Google's Search Off The Record Podcast“ epizode Martinas Splittas ir Johnas Muelleris aptarė, kai padeda tingus įkėlimas ir kada jis gali sulėtinti puslapius.
„Splitt“ naudojo realaus pasaulio pavyzdį kūrėjams.google.com, kad iliustruotų bendrą modelį: Padaryti kiekvieną vaizdą tingus pagal numatytuosius nustatymus galima atidėti didžiausius turinius dažus (LCP), jei jis apima aukščiau esančius vaizdus.
Splitas pasakė:
„Turinio valdymo sistema, kurią mes naudojame kūrėjams.google.com… Numatyieji visus vaizdus tingus įkėlimas, o tai nėra puiku“.
„Splitt“ panaudojo pavyzdį, kad paaiškintų, kodėl tinginiuoti herojaus vaizdai yra rizikingi: jūs liepiate naršyklei laukti matomiausio elemento, kuris gali atstumti LCP ir sukelti išdėstymo poslinkius, jei matmenys nėra nustatyti.
Splitas pasakė:
„Jei jūs naudojate tingų vaizdą, kuris iškart matomas, greičiausiai tai turės įtakos jūsų didžiausiems turiniams dažams. Tai tarsi beveik garantuota.”
Kaip tingus krovimas vėluoja LCP
LCP matuoja momentą, kai didžiausias tekstas ar vaizdas pradiniame peržiūros srityje yra nutapytas.
Paprastai naršyklės išankstinio apkrovos skaitytuvas anksti nustato tą herojaus vaizdą ir pateikia jį dideliu prioritetu, kad jis galėtų greitai tapyti.
Kai pridėsite loading="lazy" Tam pačiam herojui jūs keičiate naršyklės planavimą:
- Vaizdas traktuojamas kaip mažesnis prioritetas, todėl pirmiausia prasideda kiti šaltiniai.
- Naršyklė laukia išdėstymo ir kitos darbo progreso, kol ji neužtikrins herojaus atvaizdo.
- Tuomet herojus konkuruoja dėl pralaidumo po scenarijų, stilių ir kitų turtų jau eilėje.
Šis vėlavimas pakeičia didžiausio elemento dažų laiką vėliau, o tai padidina jūsų LCP.
Lėtuose tinkluose ar ribotuose CPU įrenginiuose poveikis yra labiau pastebimas. Jei trūksta pločio ir aukščio, vėlyvas vaizdas taip pat gali paslėpti išdėstymą ir jaustis „niūrus“.
SEO rizika su kai kuriomis bibliotekomis
Dabar naršyklės palaiko įmontuotą loading Vaizdų ir „iFrames“ atributas, kuris pašalina „Heavy JavaScript“ poreikį standartiniuose scenarijuose. Pagal numatytuosius nustatymus „WordPress“ priėmė vietinį tingų pakrovimą, padėdamas jį pasklisti.
Splitas pasakė:
„Naršyklės gavo vietinį atributą vaizdams ir„ iframes “, įkėlimo atributui … dėl to naršyklė pasirūpina tingiu įkėlimu už jus“.
Senesnės ar pritaikytos tinginių krovimo bibliotekų gali paslėpti vaizdo URL nestandartiniuose atributuose. Jei tikrasis URL niekada nenusileidžia src arba srcset „HTML“ „Google“ pateikia vaizdus, vaizdai gali būti nepasirinkti indeksavimui.
Splitas pasakė:
„Mes matėme daugybę tingių krovimo bibliotekų … kurios naudoja tam tikrą duomenų ir šaltinio atributą, o ne šaltinio atributą … Jei jo nėra šaltinio atribute, mes jo nepasirinksime, jei tai yra kažkokiame pasirinktiniame atribute“.
Kaip patikrinti savo puslapius
Norėdami peržiūrėti Pateiktas HTML ir patvirtinkite, kad aukščiau esantys vaizdai ir tinginiais įtaisytais moduliais apsisprendžia standartiniai atributai. Venkite pasikliauti ekrano kopija.
Splitt patarė:
„Jei pateiktame HTML atrodo, kad jame yra visi vaizdo įrašų žymėjimo atribute šaltinio atribute. Tada jums bus gerai“.
Reitingo poveikis
„Splitt“ įrėmintas reitingo efektas kaip kuklus. Pagrindinės žiniatinklio „Vitals“ prisideda prie reitingo, tačiau jis daugeliu atvejų tai pavadino „mažu minutės faktoriumi“.
Ką turėtumėte daryti toliau
- Laikykite herojų ir kitus aukščiau esančius vaizdus, nekantraujančius su pločio ir aukščio rinkiniu.
- Naudokite gimtąją
loading="lazy"Žemiau esantiems vaizdams ir „iframes“. - Jei peržiūrų, vaizdo įrašų ar dinaminių skyrių pasikliaujate biblioteka, įsitikinkite, kad galutinis žymėjimas parodo realius URL standartiniuose atributuose, ir patvirtinkite pateiktame HTML.
Žvilgsnis į priekį
Tingus krovimas yra naudingas, kai taikoma pasirinktinai. Traktuokite jį kaip nekricinio turinio pasirinkimą.
Patikrinkite savo įgyvendinimą naudodamiesi HTML ir stebėkite, kaip bėgant laikui jūsų LCP tendencijos.
Pateiktas vaizdas: „YouTube.com/googlesearchCentral“ ekrano kopija, 2025 m. Rugpjūčio mėn.
