Forhlaðin LCP-mynd

Silktide prófar hvort aðalmyndin á síðunni þinni – stærsta atriðið sem gestir sjá þegar síðan hleðst inn – gæti birst fyrr ef vafranum væri sagt að sækja hana fyrr. Síður virðast vera hlaðnar þegar stærsta efnið birtist, þannig að þessi eina mynd ræður oft því hversu hröð öll síðan virðist vera.

Augnablikið þegar myndin birtist er mælt sem Largest Contentful Paint (LCP), einn af .

Af hverju þetta skiptir máli

Vafrar sækja skrár í grófum dráttum í þeirri röð sem þeir finna þær, og aðalmyndin finnst oft seint – hún er falin á bak við stílsnið og skriftur, vísað í hana úr , eða hún er sett inn af skriftu. Niðurstaðan er síða sem byggir rammann sinn hratt en skilur síðan eftir tómarúm þar sem mikilvægasta efnið ætti að vera.

Þar sem gestir meta hraða eftir því hvenær aðalefnið birtist, og Google tekur LCP með í reikninginn við röðun í leitarniðurstöðum, er það meðal verðmætustu hraðabóta sem völ er á að segja vafranum að forgangsraða þessari einu skrá.

Hvernig á að laga þetta

Forhlaðið myndina þannig að vafrinn sæki hana strax í upphafi hleðslunnar:

<!-- Í <head>: sækja aðalmyndina strax -->
<link rel="preload" as="image" href="hero.jpg" fetchpriority="high">

Að öðrum kosti, ef myndin er venjulegt <img>-stak, skaltu bæta fetchpriority="high" beint við það.
Aldrei – loading="lazy" á aðalmyndinni seinkar nákvæmlega því sem ætti að birtast fyrst.
Notaðu frekar venjulegt <img>-stak en bakgrunnsmynd í CSS fyrir aðalmyndina, þannig að vafrinn geti fundið hana snemma sjálfur.

Hvernig Silktide prófar þetta

Hlaða síðunni í alvöru vafra með því að nota tækjagerðina, tengihraðann og prófunarstaðinn sem eru stillt fyrir hraðaprófin þín.
Finna stærsta efnisstakið sem er sýnilegt þegar síðan hleðst inn. Ef það er mynd skal athuga hvenær vafrinn fann hana og sótti.
Ef það myndi gera það að verkum að myndin birtist fyrr að sækja hana fyrr, skal tilkynna það ásamt áætluðum tímasparnaði.

Úrræðaleit

Aðalmyndin breytist eftir síðum eða tækjum

Forhleðsluvísbendingar eiga við um hverja síðu fyrir sig og „stærsta“ stakið getur verið mismunandi eftir uppsetningu á skjáborði og farsíma. Sniðmátsrökfræði getur búið til rétta forhleðslu fyrir hverja síðu og eiginleikarnir media og imagesrcset í vísbendingunni sjá um aðlagaðar útgáfur.

Ég forhlóð myndina en niðurstaðan birtist enn

Vefslóð forhleðslunnar verður að passa nákvæmlega við það sem síðan birtir að lokum – önnur stærðarútgáfa eða vefslóð sem hefur endurskrifað telst ekki með. Athugaðu einnig að vísbendingin sé sjálf í -haus síðunnar en ekki bætt við síðar af skriftu, því það gengur gegn tilganginum.