Íomhá LCP réamhluchtaithe
Seiceálann Silktide an bhféadfadh an phríomhíomhá ar do leathanach — an rud is mó a fheiceann cuairteoirí nuair a lódálann sé — teacht chun solais níos luaithe dá gcuirfí in iúl don bhrabhsálaí í a fháil níos túisce. Mothaíonn leathanaigh lódáilte nuair a thagann an t-ábhar is mó atá orthu chun solais, mar sin is minic a chinneann an íomhá amháin seo cé chomh tapa is a mhothaíonn an leathanach iomlán.
Déantar an nóiméad a thagann an íomhá sin chun solais a thomhas mar Largest Contentful Paint (LCP), ceann de Google.
Cén fáth a bhfuil tábhacht leis seo
Íoslódálann brabhsálaithe comhaid, a bheag nó a mhór, san ord a aimsíonn siad iad, agus is minic a aimsítear an phríomhíomhá go déanach — í folaithe taobh thiar de stílbhileoga agus scripteanna, tagartha ó , nó curtha isteach ag script. Is é an toradh ná leathanach a thógann a fhráma go tapa agus a fhágann bearna san áit ar cheart don ábhar is tábhachtaí a bheith.
Ós rud é go measann cuairteoirí luas de réir cathain a thagann an príomhábhar chun solais, agus go gcuireann Google LCP san áireamh i rangú cuardaigh, tá sé ar cheann de na feabhsuithe luais is luachmhaire atá ar fáil a rá leis an mbrabhsálaí tosaíocht a thabhairt don chomhad amháin seo.
Conas é a shocrú
- Réamhluchtaigh an íomhá ionas go bhfaighidh an brabhsálaí í ó thús an luchtaithe:
<!-- Sa <head>: faigh an phríomhíomhá láithreach -->
<link rel="preload" as="image" href="hero.jpg" fetchpriority="high">
- Mar mhalairt air sin, más eilimint shimplí
<img>í an íomhá, cuirfetchpriority="high"léi go díreach. - Ná húsáid riamh don íomhá seo — cuireann
loading="lazy"ar an bpríomhíomhá moill ar an rud ba cheart teacht ar dtús. - B’fhearr eilimint shimplí
<img>ná íomhá chúlra CSS don phríomhghné amhairc, ionas gur féidir leis an mbrabhsálaí í a aimsiú go luath leis féin.
Mar a dhéanann Silktide tástáil air seo
- Lódáil an leathanach i mbrabhsálaí fíor, ag úsáid an chineáil ghléis, luas an cheangail agus suíomh na tástála atá cumraithe do do thástálacha luais.
- Sainaithin an eilimint ábhair is mó atá le feiceáil agus an leathanach á luchtú. Más íomhá í, seiceáil cathain a d’aimsigh agus a d’íoslódáil an brabhsálaí í.
- Dá dtiocfadh an íomhá chun solais níos luaithe dá bhfaighfí í níos luaithe, tuairiscigh í leis an am measta a shábhálfaí.
Fabhtcheartú
Athraíonn an phríomhíomhá idir leathanaigh nó gléasanna
Baineann leideanna réamhluchtaithe le leathanaigh aonair, agus féadfaidh an eilimint “is mó” a bheith éagsúil idir leagan amach deisce agus soghluaiste. Is féidir le loighic teimpléid an réamhluchtú ceart a ghiniúint do gach leathanach, agus láimhseálann tréithe media agus imagesrcset an leide athraitheacha freagrúla.
Rinne mé an íomhá a réamhluchtú ach tá an toradh fós ann
Ní mór don URL réamhluchtaithe a bheith díreach mar an gcéanna leis an méid a rindreálann an leathanach sa deireadh — ní áirítear leagan de mhéid éagsúil ná URL ar athscríobh é. Seiceáil freisin go bhfuil an leid i head an leathanaigh féin, seachas í a chur leis níos déanaí le script, rud a sháraíonn an cuspóir.