Twa limit defini yon paj dokimantasyon web.dev Google la rele bon. Largest Contentful Paint, mezi chajman an, ta dwe fèt nan 2,5 segonn apre paj la kòmanse chaje. Interaction to Next Paint, mezi reyaksyon an, ta dwe 200 milisegonn oswa mwens. Cumulative Layout Shift, mezi estabilite vizyèl la, ta dwe 0,1 oswa mwens.1 Menm paj la ajoute ke chif pou mezire a se 75yèm pousantil chajman paj yo, separe ant telefòn ak òdinatè.1 Yon paj pase sèlman lè twa lektè sou kat jwenn bon eksperyans lan.
Dosye ki pibliye yo nonmen piblisite kòm yon kòz pou de nan twa mezi yo
Paj web.dev sou optimize Cumulative Layout Shift di piblisite se youn nan sa ki plis lakòz deplasman nan paj sou entènèt la.2 Li di widget entegre yo souvan pa konnen ki gwosè kontni yo anvan yo chaje, kidonk platfòm ki ofri yo pa toujou rezève espas.2 Remèd li bay se rezève espas la nan premye mizanpaj la, ak yon wotè minimòm oswa yon pwopòsyon sou espas piblisite a.2 Li ajoute ke kontni yo mete toupre tèt zòn vizib la anjeneral lakòz pi gwo deplasman an.2 Chak remèd sipoze piblisite a se yon rektang ki gen yon gwosè yo pa konnen jiskaske li rive.
Interaction to Next Paint mezire lòt pri a. Li obsève reta chak klik, chak tap, ak chak entèraksyon klavye pandan tout vizit yon lektè, e yon INP ki 200 milisegonn oswa mwens konte kòm bon reyaksyon.3 Dokimantasyon an atribiye yon pati nan reta sa a a travay ki long sou fil prensipal la.3 Web Almanac 2024 HTTP Archive la te gwoupe ankadreman animasyon ki long sou òdinatè pa kategori script.4 Piblisite te pami kategori kote majorite INP te tonbe nan zòn ki pa bon an.4
Yon piblisite ki mare ak yon mo sou paj la pa gen okenn espas pou rezève
Yon piblisite ki mare ak yon mo ki deja nan paragraf la pa bezwen okenn rektang, e se fòma sa a AdBubbles vann. Yon piblikatè ajoute yon sèl script, adbubbles.js, e mo yo achte nan atik li yo jwenn yon ti soulinyman ak pwen ki lejè. Lè yo pase sourit la sou mo a oswa tape sou li, sa louvri yon ti bil ki gen yon etikèt "Ad", yon tit ak yon tèks kout, domèn anonsè a, ak yon sèl lyen. Script la se yon sèl fichye estatik an JavaScript senp san okenn depandans, e li chaje apre DOM paj la pare. Anvan yon lektè aji, paj la pa gen okenn bil ni okenn espas vid.
AdBubbles pa mete okenn cookie, li pa sere okenn idantifyan, e li pa ranmase okenn done pèsonèl sou lektè yo. Kòd entegre a voye twa siyal: yon vizyalizasyon pou chak fwa paj la chaje, yon ouvèti lè yon bil rete vizib pandan yon segonn, ak yon klik lè yo swiv yon lyen. Pa gen lòt bagay ki kite paj la. Sa AdBubbles fè, jan paj kijan sa mache a eksplike l, se mete mo sou yon paj ansanm ak anonsè ki achte yo. Li pa chwazi ki moun ki wè yon piblisite, li pa swiv yon lektè de yon paj oswa yon sit a yon lòt, e li pa pwomèt okenn rezilta. Sa kòd entegre a fè sou mezi yon sit se yon bagay sèlman pwòp mezi sit sa a ka montre.
Definisyon Cumulative Layout Shift enpòtan pou fason yon bil louvri. Mezi a konte deplasman ki pa t prevwa, e yon deplasman ki fèt nan 500 milisegonn apre yon aksyon disrè, tankou yon tap, yon klik, oswa yon peze touch, make e yo ka ekskli l.5 Sou yon telefòn se yon tap ki louvri bil la, e sou yon klavye se Enter ki louvri l; toude se aksyon disrè. Sou yon òdinatè bil la louvri apre yon ti reta lè sourit la sou li, e si yon bagay deplase lè sa rive se yon kesyon pou done reyèl sit la.
Se piblikatè a ki deside konbyen nan yon paj kòd entegre a ka li. Zòn nan se eleman li eskane a, pa egzanp eleman article la, e anndan l kòd entegre a sote tit, lyen, kòd, kontwòl fòmilè, navigasyon, antèt, pye paj, ak nenpòt sa ki make data-noads. Li souliye premye fwa chak mo yo achte parèt, li pa janm mete de bil nan yon paragraf, e li sispann nan maksimòm piblikatè a fikse. Opsyon konfigirasyon yo se zòn nan, maksimòm pa paj la, ak kategori anonsè pou ekskli.
Yon nòt 90 soti nan yon laboratwa e yon evalyasyon ki pase soti nan lektè yo
90 nan yon objektif pèfòmans nonmen yon nivo Lighthouse, pa yon rezilta Core Web Vitals. Dokimantasyon Chrome sou fason Lighthouse bay nòt pèfòmans mete yon nòt 90 a 100 an vèt e li rele l Good; 50 a 89 an zoranj e 0 a 49 an wouj.6 PageSpeed Insights pwodui nòt sa a lè li fè Lighthouse mache nan yon anviwònman simile, e li rele rezilta a done laboratwa.7 Done reyèl ki soti nan vrè lektè chita bò kote l nan menm rapò a.7
Nòt la se yon mwayèn ki peze senk nòt mezi.6 Nan tablo pou Lighthouse 10 la, Total Blocking Time gen 30 pousan, Largest Contentful Paint ak Cumulative Layout Shift gen 25 pousan chak, e First Contentful Paint ak Speed Index gen 10 pousan chak.6 Interaction to Next Paint pa nan senk yo. Kidonk yon paj ka chita nan zòn vèt la pandan lektè li yo ap tann plis pase 200 milisegonn pou yon tap anrejistre.
Evalyasyon Core Web Vitals la konstwi apati done reyèl yo. PageSpeed Insights pran done vrè itilizatè yo nan Chrome User Experience Report e li kouvri peryòd koleksyon 28 jou anvan an.7 Yon paj ki gen ase done pase evalyasyon an lè 75yèm pousantil tout twa mezi yo Good.7 Google Search Central di bon Core Web Vitals, ansanm ak lòt aspè eksperyans paj, mache ak sa sistèm klasman prensipal li yo chèche rekonpanse.8 Yon evalyasyon ki pase se yon deklarasyon sou twa chif reyèl, e yon nòt 90 se yon deklarasyon sou yon mwayèn laboratwa ki peze.
Chrome dechaje yon piblisite ki itilize twòp nan aparèy yon lektè
Chrome aplike tou yon limit sou piblisite ki konsome twòp nan bandpasant ak processeur yon lektè. Dokimantasyon li sou entèvansyon kont piblisite lou bay twa kondisyon.9 Premye a se plis pase kat megaoktè bandpasant rezo, e dezyèm lan se plis pase 15 segonn tan sou fil prensipal la nan nenpòt fennèt 30 segonn. Twazyèm lan se plis pase 60 segonn tan sou fil prensipal la an total. Yo dechaje yon ankadreman piblisite ki depase nenpòt nan yo.9
Chif sa yo dekri yon piblisite ki mache nan pwòp ankadreman pa li, ak pwòp trafik rezo li ak pwòp travay sou fil prensipal la. Yon bil parèt nan yon Shadow DOM anndan pwòp dokiman paj la, pa nan yon ankadreman piblisite. Done pou chak sit kòd entegre a li yo se yon fichye estatik, yo rejenere lè yon kanpay chanje e yo mete l nan kach sou rezo distribisyon an. Kidonk yon vizyalizasyon paj pa koute sèvè piblisite a anyen, e sèl demann dinamik la se ti siyal la.
Chif pou konpare a se pwòp 75yèm pousantil sit la, pa yon nòt
Web Almanac 2024 la bay baz yon piblikatè ka konpare pwòp orijin li avè yo. Li rapòte ke 72 pousan sit entènèt te gen bon nòt CLS e 11 pousan te gen move nòt.4 Bon INP te nan 74 pousan sit entènèt sou telefòn ak 97 pousan sou òdinatè.4 Bon Core Web Vitals an jeneral, mezire ak INP, te nan 43 pousan sou telefòn ak 54 pousan sou òdinatè.4
Yon kont piblikatè ak kòd entegre a pa koute anyen pou mete sou pye. Chif pou li apre sa se pa zòn vèt la. Pou yon orijin ki gen ase done, PageSpeed Insights montre 75yèm pousantil Interaction to Next Paint ak Cumulative Layout Shift pou 28 jou anvan yo.7 Rapò Core Web Vitals nan Search Console montre kijan paj sit la ap mache.8 De chif reyèl sa yo, li anvan yo ajoute yon script e ankò 28 jou apre, se chif yon nòt 90 pa ka bay.