Prima pagină: cea mai mare vopsire e ținută de munca pe firul principal, nu de octeți

Pe pagina de produs, cea mai mare vopsire e acum 2,21 s pe mediana a cinci rulări. Pe prima pagină e 3,51 s, cu aceleași schimbări livrate pe amândouă. Diferența nu vine din octeți, ci din cât desenează prima pagină înainte de acel moment — iar Lighthouse înmulțește munca aia cu 4, ca pe un telefon.

Desprins din #44 (closed), unde am reparat podeaua primei vopsiri. Aceea e rezolvată: FCP e 1,14 s pe prima pagină și 1,25 s pe produs, sub pragul de 1,5 s pe amândouă. A rămas doar LCP-ul primei pagini.

Ce am măsurat

Mediana a cinci rulări Lighthouse mobil pe producție, după livrarea din !94 (merged):

	prima pagină	pagina de produs
Scor	90	98
FCP	1,14 s	1,25 s
LCP	3,51 s	2,21 s
CLS	0,011	0,000

Octeții nu sunt cauza

Am luat artefactele unei rulări reale și am re-rulat auditul peste copii ale ei cu câte o schimbare, deci cifrele sunt atribuiri curate. Control: LCP 3,61 s.

Schimbare	LCP
poza hero de la 80 KB la 35 KB	3,42 s
poza hero la 20 KB	3,42 s
ambele preîncărcări de fonturi scoase (44 KB)	3,40 s
poza mică ȘI fonturile scoase	3,21 s
pachetul de intrare scos cu totul (89 KB)	3,13 s

Scos tot ce se poate scoate, rămân 3,13 s. Deci nu e o problemă de transfer.

Cauza

Graful pe care Lighthouse îl simulează pentru cea mai mare vopsire include toate nodurile de aşezare în pagină de dinaintea ei, iar profilul mobil înmulțește timpul de procesor cu 4. Măsurat direct în urma de execuție, munca pe firul principal dinaintea vopsirii observate:

	prima pagină	pagina de produs
munca reală	320 ms	239 ms
cât încarcă simularea (x4)	1.280 ms	956 ms
fereastra observată FCP -> LCP	491 -> 691 ms	377 -> 377 ms

Prima pagină montează într-o singură comitere caruselul de hero, grila de produse, cele două blocuri alternante, cardurile de terapie, spotlight-ul și caruselul de pachete. Diferența de 324 ms de procesor simulat plus fereastra mai largă explică aproape toată distanța de 1,3 s dintre cele două pagini.

În urma reală, nesimulată, pagina e în regulă: ultima schimbare vizuală la 1.105 ms.

De făcut

• Măsoară ce costă fiecare secțiune a primei pagini la prima aşezare în pagină, nu la scor total: care dintre cele șase blocuri de sub hero produce cele 320 ms
• Ce e sub pliu se randează când ajunge acolo, nu la prima comitere (content-visibility, sau montare amânată pe intersecție)
• Remăsoară mediana a cinci rulări; ținta e LCP sub 2,5 s pe prima pagină
• Verifică pe drum că nu se pierde CLS-ul de 0,011 și nici cadrul reparat în #66 (closed)

Criteriu de acceptare

Pe producție, mobil, mediana a cinci rulări Lighthouse pe prima pagină: LCP sub 2,5 s, cu FCP rămas sub 1,5 s și CLS sub 0,1.