FlyingPress Ranks #1 in Chrome UX Report for Core Web Vitals! Read more
Get FlyingPress

Introducing the new Lazy Render

The New Lazy Render

We’re thrilled to unveil the new Lazy Render, our latest innovation designed to boost your website’s loading speed significantly. This feature dynamically renders web elements only as they approach the viewport, minimizing unnecessary browser workload and enhancing overall performance.

How to Lazy Render Elements in FlyingPress

Integrations

Currently, Lazy Render integrates with the following page builders:

  • Gutenberg
  • Elementor
  • Divi
  • Breakdance
  • Oxygen

Here is an example in Elementor:

Elementor Lazy Load

We’re committed to expanding our compatibility list and are excited to announce that more integrations with other leading page builders are on the horizon.

Even if your page builder is not supported, you can use our custom CSS class “lazy-render” to lazy render anything. Read more in our documentation.

Example in Bricks Builder:

Bricks Lazy Render

Removing CSS-based lazy render

The previous Lazy Render using CSS has now been removed as the new engine is far more advanced and efficient.

You can still use Lazy Render by CSS selectors under the Advanced Settings:

Lazy Render Selectors

Efficient and SEO-Friendly

Lazy Render cleverly reduces the DOM size by keeping elements out of the DOM until necessary, directly addressing the “Avoid an excessive DOM size” warning from tools like Google PageSpeed Insights. Plus, it’s fully SEO-optimized with `noscript` tags, ensuring content is accessible even without JavaScript.

Share this article

Related posts

View All Blog Posts