{"id":8150,"date":"2023-01-10T10:58:31","date_gmt":"2023-01-10T10:58:31","guid":{"rendered":"https:\/\/wpx.net\/kb\/?post_type=ht_kb&p=8150"},"modified":"2025-07-18T10:27:38","modified_gmt":"2025-07-18T10:27:38","slug":"how-can-i-set-up-lazy-load-on-my-website","status":"publish","type":"ht_kb","link":"https:\/\/wpx.net\/kb\/how-can-i-set-up-lazy-load-on-my-website\/","title":{"rendered":"How can I set up Lazy Load on my website?"},"content":{"rendered":"\n

Are you trying to reduce the load time of your websites? This guide will help out achieve that, but first, let’s find out what Lazy Load is.<\/p>\n\n\n\n

What is Lazy Load, and how does my website benefit from it?<\/h2>\n\n\n\n

Enabling Lazy Load can significantly improve your website\u2019s performance. This is because the browser loads only the images currently in view, rather than all images on the page at once. In other words, Lazy Load delays loading content that isn’t immediately visible\u2014such as images further down the page\u2014until the user scrolls to them.<\/p>\n\n\n\n

Page Length and Loading Times<\/strong><\/p>\n\n\n\n

The overall length of a page is an important factor that can impact loading speed. A longer page typically requires more time to load, especially if it contains numerous images or media elements. Click here to learn more about how page length affects performance.<\/a><\/strong><\/p>\n\n\n\n

How can I activate Lazy Load?<\/h2>\n\n\n\n

To enable Lazy Load, you\u2019ll need to install an optimization plugin. Below are some tested and recommended options by our Optimization Team:<\/p>\n\n\n\n

Autoptimize<\/strong><\/strong><\/h3>\n\n\n\n

Autoptimize is a reliable and user-friendly optimization plugin that includes built-in Lazy Load functionality. Here\u2019s how to enable it:<\/p>\n\n\n\n

    \n
  1. From your WordPress Dashboard<\/strong>, go to Settings > Autoptimize<\/strong>.<\/li>\n\n\n\n
  2. Click on the Images<\/strong> tab.<\/li>\n\n\n\n
  3. Check the box for Lazy-load images?<\/strong><\/li>\n\n\n\n
  4. Click Save Changes<\/strong> to apply the settings.
    <\/li>\n<\/ol>\n\n\n\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

    EWWW Image Optimizer<\/strong><\/h3>\n\n\n\n

    Once installed and activated, follow these steps to enable Lazy Load:<\/p>\n\n\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

    LiteSpeed Cache<\/strong><\/h3>\n\n\n\n

    To activate Lazy Load:<\/p>\n\n\n\n

    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n

    After Enabling Lazy Load: Clear Your Cache<\/h2>\n\n\n\n

    Once Lazy Load is enabled, it’s important to clear your caches to ensure changes take effect properly:<\/p>\n\n\n\n