Skip to content Skip to sidebar Skip to footer

White Blocks When Scrolling The Page

I have finished a website, and saw that there are white blocks when scrolling - site here. Happens on mobile and on desktop. It happens only on first load. Does it mean the page ha

Solution 1:

On empty cache, your page makes 34 requests and its total page size is 23.7 MB. Out of which, there are 18 requests for images, and total download size for images is 23.3MB. Are you trying to load this site on user's mobile.

Downsize or web-optimize your images. The white blocks are coming because the container for the images is not completing load as the images are still being downloaded. Also, mobile cache sizes are lesser than computer cache sizes.

Checkout the chrome network tab on first or empty cache load of the site and you can see.

Once images have loaded, and your page is visited again. Its total data transfer is 5.7 KB but there are 34 requests still and stuff is rendered from cache. You can try to add far future expiry to your images if they will remain the same on your site.


Post a Comment for "White Blocks When Scrolling The Page"