Preload Largest Contentful Paint image – Google Page Speed

As imagens LCP serão sinalizadas por essa mensagem se (a) forem carregadas com lentidão ou (b) forem imagens de fundo. ambos (a) e (b) são carregados com baixa prioridade pelos navegadores, portanto GPSI (desde alguns dias) recomendando pré-carregar essas imagens. O AO atualmente não pode corrigir isso para você, pois o AO não *sabe* qual imagem acaba sendo a do LCP.

A melhor solução é garantir que as imagens acima da dobra não sejam carregadas lentamente (as configurações de carga lenta do AO podem ajudar, mas Zo está usando outro carregador lento) e que as imagens de fundo adicionem manualmente algo como <img src=”<!–image url aqui–>” style=”display:none;”> para tentar “enganar” o navegador para carregar a imagem com maior prioridade.

Não é impossível que a AO tenha uma solução para isso no contexto do CriticalCSS (já que o criticalcss.com deve ser capaz de identificar as imagens acima da dobra).