Relative Content

Tag Archive for htmlpngloading

Images with same format and size loading slowly even with CDN and major size compression

so I have a set of four images (usaaao_guide.png, usabo_guide.png, useso.guide.png, usnco_guide.png) on my website’s (pandorax.org) homepage, index.html, which are always delayed in loading and because they animate in on scroll with gsap, throw off the rest of the animation’s timings as well as just look bad. I have tried everything, my website uses cloudflare on pro plan and seems to hit cache most times, I have tried using an imageCDN url, I specified the size of the images, compressed them to the point that they are all around 300 kB or less, and preloaded them in. What is even weirder is that I have 5 images of similar size that animate in earlier on the same page which have no delay in loading. Could someone please help! My code can be viewed at https://github.com/Underpi/Pandorax