Por que sua página está lenta e o que dá para resolver hoje

Tem um pedaço que não depende de você. O construtor marca todas as imagens da página para carregamento adiado, inclusive a do topo. A ideia por trás disso é boa: imagem que está lá embaixo só baixa quando a pessoa rola até ela, e isso economiza tempo.

O problema é que a regra vale para todas, sem exceção. A imagem do topo, que é justamente a que o Google cronometra para dar a nota, também entra na fila de espera. Na medição que fizemos, o navegador levava de 4 a 6 segundos só para começar a baixar essa imagem, depois de já ter tudo o que precisava para fazê-lo.

Isso não tem opção para desligar no editor. Resolve-se com um trecho de código no cabeçalho do funil, que devolve a prioridade para a primeira imagem da página:

<script>
(function () {
  var QUANTAS = 2, tratadas = 0;

  function priorizar(img) {
    if (!img || img.dataset.hlLcpFix) return;
    img.dataset.hlLcpFix = '1';
    img.setAttribute('fetchpriority', 'high');
    if (img.getAttribute('loading') === 'lazy') img.setAttribute('loading', 'eager');
    tratadas++;
  }

  function varrer(no) {
    if (tratadas >= QUANTAS || no.nodeType !== 1) return;
    if (no.tagName === 'IMG') return priorizar(no);
    var imgs = no.querySelectorAll ? no.querySelectorAll('img') : [];
    for (var i = 0; i < imgs.length && tratadas < QUANTAS; i++) priorizar(imgs[i]);
  }

  var obs = new MutationObserver(function (lista) {
    for (var i = 0; i < lista.length; i++)
      for (var j = 0; j < lista[i].addedNodes.length; j++) varrer(lista[i].addedNodes[j]);
    if (tratadas >= QUANTAS) obs.disconnect();
  });

  obs.observe(document.documentElement, { childList: true, subtree: true });

  document.addEventListener('DOMContentLoaded', function () {
    if (tratadas < QUANTAS) varrer(document.body);
    obs.disconnect();
  });
})();
</script>

No editor do funil ou site, em Settings, Tracking Code, no campo do cabeçalho (Head). Cole o mais acima possível do que já estiver lá.

Na ordem em que costuma render mais:

• 1Achar a imagem mais pesada da página e conferir se ela é foto salva em PNG. Se for, converter para JPEG ou WebP.
• 2Conferir se a otimização de imagem está ligada em todas as imagens.
• 3Reduzir as imagens para no máximo 1200 pixels de largura antes de subir.
• 4Deixar uma família de fonte com dois ou três pesos.
• 5Tirar o pacote de ícones se a página usa poucos.
• 6Trocar o telefone internacional por telefone simples, se você só atende no Brasil.
• 7Decidir se o captcha daquele formulário é mesmo necessário.
• 8Conferir se algum pixel está instalado duas vezes.
• 9Aplicar o código do cabeçalho, ou pedir para a gente aplicar.