Why your page is slow and what you can fix today

One piece does not depend on you. The builder marks every image on the page for deferred loading, including the one at the top. The idea behind it is sound: an image far down the page only downloads once the visitor scrolls to it, and that saves time.

The problem is that the rule applies to all of them, without exception. The top image, which is precisely the one Google times to grade the page, joins the waiting queue too. In our measurement the browser took 4 to 6 seconds just to start downloading that image, long after it had everything it needed to do so.

There is no switch for this in the editor. It is solved with a snippet in the funnel header, which gives priority back to the first image on the page:

<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>

In the funnel or site editor, under Settings, Tracking Code, in the Head field. Paste it as high as possible above whatever is already there.

In the order that usually pays off most:

• 1Find the heaviest image on the page and check whether it is a photo saved as PNG. If so, convert it to JPEG or WebP.
• 2Check that image optimisation is on for every image.
• 3Resize images to at most 1200 pixels wide before uploading.
• 4Keep one font family with two or three weights.
• 5Drop the icon pack if the page uses few icons.
• 6Swap the international phone field for a plain one, if you only serve one country.
• 7Decide whether that form really needs a captcha.
• 8Check whether any pixel is installed twice.
• 9Apply the header snippet, or ask us to apply it.