I’m hopping that you guys could give me a couple of advices on tips on the best practices on how to take advantage of the new ‘Cloudflare Images’.
I’ve recently signed up for Cloudflare Images, and I’m trying to implement it on my Wordpress website. I’m uploading the images on my website by using the ‘Image Delivery URL’ which looks something like this:
However, the loading times are affected when I used my CloudFlare Images, specially when I use them as the Hero Image, in this cases they affect the load time of the Largest Contentful Paint by a lot, even if I preload them.
Mostly, I’ve made tests in my staging environment, I’m using some images now on my homepage though: https://mayangateway.com/
When I see the waterfall audit in GtMetrix, I can see that the photos are taking a lot of time to load (and I am also getting notices from the performance audits which say that I need to cache these image files):
That doesn’t happen when I use photos locally saved directly in Wordpress. So, perhaps this is happening because they are not being cached? so I decided to create this DNS record:
I’m not an expert, so would someone please let me know if creating this DNS record would be the way to go? or should I create a page rule to cache all these static images including this url:
https://imagedelivery.net/ZWd9g1K7eljCn_KDTu_OWA/ if so, how would that page rule be like?
I would love to take advance of Cloudflare Images, so I hope someone here can advice me on this.
Thank you in advance.