Skip to content
Contact us
  • There are no suggestions because the search field is empty.

Why Are Some Elements Missing on My Cached Pages?

Certain elements, like images or lazy-loaded content, may not appear in cached pages due to default rendering behaviors or timeouts. Adjusting specific Prerender settings can resolve this.

Overview

When reviewing cached pages, you might notice that certain elements—such as images, sections that appear on scroll, or even entire components—are missing. This can affect SEO performance, user experience, and the perceived completeness of your website when served to crawlers.

These issues are usually caused by rendering limitations, lazy-loading behaviors, or timeouts during the caching process. Understanding the root cause is essential to applying the correct fix.

What element is not loaded on the cached page? 

 

Images Are Not Loaded on the Cached Page

By default this option is disabled because pictures aren't interpreted by bots, they use meta tags and the alt text of the images to index them.
So rendering the images would just waste rendering time in such cases.
However, in some cases, other parts of the page are only loaded if the picture is also loaded.

Solution:

  1. Navigate to Advanced Settings in the Prerender dashboard.

  2. Under the Image Loading section, enable the image rendering option.

  3. Wait at least one hour for the setting to take effect.

  4. Manually recache one of the affected pages to confirm if the issue is resolved.

    image-1697719287078

Note: Images are not rendered by default to save resources. However, if page content depends on image rendering, enabling this option is necessary.

 

Elements Are Missing When Scrolling

This issue might be because your page is lazy loading, meaning that only the section of the page currently in the screen will be loaded.
To solve this issue you will need to increase the height of the viewports.

Solution:

  1. Go to Advanced Settings → Rendering Devices.

  2. Choose a resolution that includes "Lazy Loaded" in its name. This simulates a viewport large enough to trigger lazy-loaded content.

  3. Scroll down and click Save to apply changes.

  4. Wait one hour for the setting to take effect.

  5. Recache an affected page to verify the solution.

    image-1697719215568

 

Other Elements Are Missing

This might be because Prerender reached the rendering timeout threshold set up on your account.
For example, if you see a loading gif on the cached page might be an obvious giveaway if this is the issue.

Solution:

  1. Check if timeout is the cause:

    • Look for signs like loading spinners on the cached page.

    • Review Render History or CDN Analytics to see if render times are highlighted in red.

      image-1697718941317

  2. Option A – Increase the Timeout Threshold:

    • Go to Advanced Settings → Rendering Timeout.

    • Increase the timeout duration.

    • Scroll down and click Save.

  3. Option B – You can let the Prerender service know when the page is fully loaded by adding window.prerenderReady:

    • Insert the following snippet in the <head> section of your page:

       
      <script>window.prerenderReady = false;</script>

    • Set window.prerenderReady = true; only once the page has completely loaded, such as after all API calls are complete.

  4. After applying changes, recache an affected page and check for completeness.

 

Additional Tips / Best Practices

  • Only enable image rendering if necessary. This conserves render time and resources.

  • Use window.prerenderReady for precise control over when rendering should be considered complete—especially useful for complex pages with asynchronous content.

  • Regularly audit cached pages to ensure your settings are aligned with how your site loads content.

  • Monitor Render History to spot trends in render times and timeouts before they cause major issues.

Get Support

Still have questions or need help? We’re here for you!

If you’ve followed the troubleshooting steps and still can’t resolve the issue, feel free to reach out to our support team. You can contact us via:

To help us resolve your issue as quickly as possible, please gather and include any relevant information, such as:

  • Error messages you're seeing
  • Steps you've already taken to troubleshoot
  • Screenshots or screen recordings (if applicable)

Providing these details up front will help our team diagnose the problem more efficiently and get you back on track faster.

 

Related Articles / FAQs