I’ve been trying to optimise my site speed for a long time, and now I’m getting to the point where I’m achieving 52 on Mobile/84 on Desktop using PageSpeed Insights, which is not too bad for a News/Articles website, but can be improved.
These past days I’ve been running some DevTools tests, and the website is loading literally all the thumbnails of all the posts, even though they are not showing on the Homepage anymore. I’m not too sure if that’s normal, but seems to be slowing the loading times severely.
Unfortunately if you’re just using display: none on a standard image element then this won’t necessarily stop them from loading in the DOM—this only works when using background images.
I can’t see how you’ve setup your site so that may not be the case, but if you include a published link of the project (however a read-only link is always preferred), I can take a closer peek
Hi! @imtiazraqib, the images are setup by background images of a respective div element, using the Dynamic Style linked to my CMS. Would you recommend to change that?
I suppose so. Background images with Webflow do not lazy load by default. If you set them using an image element, then the images would lazy load by default, which means they will only start to load when they are required to.
