Delwedd LCP wedi'i rhaglwytho

Mae Silktide yn gwirio a allai'r brif ddelwedd ar eich tudalen — y peth mwyaf y mae ymwelwyr yn ei weld pan fydd yn llwytho — ymddangos yn gynt pe bai'r porwr yn cael gwybod i'w nôl yn gynharach. Mae tudalennau'n teimlo eu bod wedi llwytho pan fydd eu cynnwys mwyaf yn ymddangos, felly mae'r un ddelwedd hon yn aml yn penderfynu pa mor gyflym y mae'r dudalen gyfan yn teimlo.

Caiff yr eiliad y mae'r ddelwedd honno'n ymddangos ei mesur fel Largest Contentful Paint (LCP), un o Google.

Pam mae hyn yn bwysig

Mae porwyr yn lawrlwytho ffeiliau fwy neu lai yn y drefn y maent yn eu darganfod, ac mae'r brif ddelwedd yn aml yn cael ei darganfod yn hwyr — wedi'i chladdu y tu ôl i ddalennau arddull a sgriptiau, wedi'i chyfeirio ati o , neu wedi'i mewnosod gan sgript. Y canlyniad yw tudalen sy'n adeiladu ei ffrâm yn gyflym ac yna'n gadael bwlch lle y dylai'r cynnwys pwysicaf fod.

Gan fod ymwelwyr yn barnu cyflymder yn ôl pryd mae'r prif gynnwys yn ymddangos, a bod Google yn cynnwys LCP mewn safle chwilio, mae dweud wrth y porwr am flaenoriaethu'r un ffeil hon ymhlith yr atgyweiriadau cyflymder mwyaf gwerthfawr sydd ar gael.

Sut i'w drwsio

Rhaglwythwch y ddelwedd fel bod y porwr yn ei nôl o ddechrau'r llwytho:

<!-- Yn <head>: nôl y ddelwedd arwr ar unwaith -->
<link rel="preload" as="image" href="hero.jpg" fetchpriority="high">

Fel arall, os yw'r ddelwedd yn elfen <img> syml, ychwanegwch fetchpriority="high" ati'n uniongyrchol.
Peidiwch byth â — mae loading="lazy" ar y brif ddelwedd yn oedi'r union beth a ddylai ddod gyntaf.
Ffefrwch elfen <img> syml yn hytrach na delwedd gefndir CSS ar gyfer y brif ddelwedd, fel y gall y porwr ei darganfod yn gynnar ar ei ben ei hun.

Sut mae Silktide yn profi hyn

Llwythwch y dudalen mewn porwr go iawn, gan ddefnyddio'r math o ddyfais, cyflymder cysylltiad, a lleoliad prawf sydd wedi'u ffurfweddu ar gyfer eich profion cyflymder.
Nodwch yr elfen gynnwys fwyaf sy'n weladwy wrth i'r dudalen lwytho. Os delwedd ydyw, gwiriwch pryd y darganfu a lawrlwythodd y porwr hi.
Pe bai nôl y ddelwedd yn gynharach yn gwneud iddi ymddangos yn gynt, rhowch wybod amdani gyda'r amser a amcangyfrifir a arbedir.

Datrys problemau

Mae'r brif ddelwedd yn newid rhwng tudalennau neu ddyfeisiau

Mae awgrymiadau rhaglwytho yn benodol i bob tudalen, a gall yr elfen "fwyaf" amrywio rhwng cynlluniau bwrdd gwaith a symudol. Gall rhesymeg templed gynhyrchu'r rhaglwyth cywir fesul tudalen, ac mae priodoleddau media ac imagesrcset yr awgrym yn ymdrin ag amrywiadau ymatebol.

Rhaglwythais y ddelwedd ond mae'r canfyddiad yn parhau

Rhaid i'r URL rhaglwytho gyfateb yn union i'r hyn y mae'r dudalen yn ei rendro yn y pen draw — nid yw amrywiad o faint gwahanol nac URL sydd wedi'i ailysgrifennu gan yn cyfrif. Gwiriwch hefyd fod yr awgrym yn head y dudalen ei hun, ac nid wedi'i ychwanegu'n ddiweddarach gan sgript, gan fod hynny'n trechu'r diben.