Да, изображениям с ленивой загрузкой требуется загрузка всего CSS, прежде чем браузер сможет решить, нужно ли это изображение.
Если вы добавите "loading=lazy" к <img>, браузер не будет загружать изображение, пока не поймет, что оно ему нужно. Он не может знать, что оно ему нужно, пока не получит все CSS и не завершит верстку страницы.
Поэтому не используйте лейзилоад, если только он не будет находиться за пределами экрана. Особенно не используйте на изображениях LCP.
В Lighthouse есть аудит для выделения изображений LCP, которые загружаются лениво.
@MikeBlazerX