Lazy Loading delays loading images until they are visible on your screen. This means that if you can only see the images from your first two posts, only those first two images will be loaded initially when someone visits your blog. The rest will be loaded as they come into view.
This allows your site to load much faster.
By default, lazy loading is turned off, but you can turn it on by following these steps:
- Visit the Customizer (Appearance → Customize)
- Click on the Additional Options section
- Locate the Lazy load images? setting, and select the Yes option
- Click the Save & Publish button to save your changes
The images on your blog will now load lazily.
Common Issues
My images are no longer displaying
If your images aren’t appearing after turning on lazy loading, there are two steps you can take to fix it:
1. Empty your cache. If you use a plugin like W3 Total Cache, empty your cache, revisit your Blog, and refresh the page.
2. Deactivate all plugins. A plugin may be causing a Javascript error disrupting the lazy loading functionality. You can bulk deactivate/activate your plugins on the Plugin menu using the “Bulk Actions” dropdown, and then check if this fixes the issue.
If the images now display correctly, you can reactivate your plugins one-by-one until you find the one causing the issue.