Браузер і продуктивність · Senior · Запитання 73 з 75
Hero-заголовок з'являється з анімацією від opacity: 0. Як це може вплинути на LCP?
- 1Ніяк, LCP ігнорує CSS
- ✓Правильна відповідь: Елементи з нульовою прозорістю не є кандидатами LCP, тож LCP фіксується лише тоді, коли елемент стає видимим, після початку анімації
- 3Це покращує LCP, бо браузер відмальовує його раніше
Пояснення
Анімації появи основного контенту міняють гарний ефект на пізніший LCP. Тримайте LCP-елемент видимим із першого відмальовування.