my site speed is 6% it says there is a need to Image Optimizations and next gen

Hey @majito

Thank you for using Optimole and reaching out.

Can you please us which tool you have used to test the performance of the site?

Thank you!

pagespeed

https://pagespeed.web.dev/analysis/https-kidzooon-com/miablw8hv4?hl=ar&form_factor=mobile

and host provided speed check section.. hostinger

gtmetrix

https://gtmetrix.com/analyze.html

Hi @majito,
I just looked at your website and here are my thoughts about it:

1. If your website is not built with performance and core web vital in mind, then there is no magic plugin that can immediately make your core web vital excellent.
2. Optimole is a great image optimization system which will ensure all of your website images are optimized by Optimole, served through CDN and most important serve those optimized images in the future ready format like WebP, AVIF.
3. That being said, I can see that your website is heavily dependent on JavaScript and it executes a ton of JS after the initial page load, increasing your total blocking time and First Contentful Paint. You can either reduce your dependence on JS significantly OR you can use a plugin like Perfmatters for optimizing your CSS/JS and also that plugin has a script manager which you can use to disable some scripts which are not needed to load for that specific page.
4. You can also reduce your LCP by making sure images are not loaded in the hero section for mobile devices. As there is not much space for mobile screen, it’s better to have just text in the hero section. While the image can be shown for desktop users. Alternatively if you must want to show images in the hero section, better to use very small size image. If you hide the image from the hero section for mobile devices, your CLP will improve drastically.
5. Finally, I will also recommend you to use Super Cache for Cloudflare plugin for page caching. This plugin will ensure most webpages are served from the Cloudflare CDN cache instead of serving them from your origin server. When using this plugin, you do not require any other page caching plugin or server level system.

If you follow these instructions, it will help you to greatly improve your CWV results. But I must say, Optimole is working perfectly on your site and doing what is designed to do i.e. optimizing your images and serving them through CDN.

thank you for helping

i have a cache plugin..wp fastest cache

also i have cloudflare it’s working with my site too

i’m not sure if the js is my fault or the theme is the one have much of it

but i use the minfi for css and js and html

Though i can’t use the combine cause it make much trouble to the site

About the speed.. I wonder why the speed in the test is bad.. but when i go to site it’s faster than the test make us think..

also i didn’t understand well about the hero.. did you mean header? The site logo? Or menu icons? Sadly i need the icons to show as my site have a lot of sections and visitors will need fast way to inter them

sorry i know it’s not connected to optimole but i was happy that you trued to help so i went on more asking

last question about optimole.. if i make the images store with optimole will that be good? As my site use too much images and files like audio pdf etc

and is there a size for us to use? Or it’s for use even my files got bigger by time?

thanks for your patience with me and for your help

• This reply was modified 1 year, 5 months ago by majito.

Hi @majito,

i have a cache plugin..wp fastest cache
also i have cloudflare it’s working with my site too

WP Fastest Cache will cache your pages at the server disk level and not at the CDN level. So, the speed difference would be massive. I am also not seeing your static files being served via Cloudflare. This is because inside optimole settings page you have asked Optimole to serve your static files as well via CDN. Screenshot: https://i.imgur.com/TWdG8uF.jpeg

But the plugin I have suggested above, you can use it to cache your pages at the CDN level for faster page load and you also don’t have to serve your CSS/JS files via Optimole, Cloudflare can handle them and serve them via Cloudflare cache.

But if your website is relying on wp_is_mobile() to show different web design for mobile devices, then you can also stick with your current cache setup rather than going with Cloudflare. As Cloudflare CDN level page cache works really well for responsive websites that is not checking if the user is a mobile user at PHP level.

i’m not sure if the js is my fault or the theme is the one have much of it
but i use the minfi for css and js and html
Though i can’t use the combine cause it make much trouble to the site

Minifying your CSS/JS is good, which you can also do via CLoudflare without using any plugins. Combining CSS/JS is just useless as now we use HTTP/2 and HTTP/3 protocol which will simply hurt yoru website performance if you combine files. It used to be a good thing in the ancient days of HTTP/1.1.

About the speed.. I wonder why the speed in the test is bad.. but when i go to site it’s faster than the test make us think..

Core Web Vital is not just about how fast your pages are loading but rather how well it has been coded. CLS, LCP, FCP etc. doesn’t have anything to do with how fast your website is loading.

also i didn’t understand well about the hero.. did you mean header? The site logo? Or menu icons? Sadly i need the icons to show as my site have a lot of sections and visitors will need fast way to inter them

By hero image I mean this: https://i.imgur.com/y8RXWeX.jpeg which shows up even for your mobile pages and causing high LCP: https://i.imgur.com/m302iyv.jpeg

last question about optimole.. if i make the images store with optimole will that be good? As my site use too much images and files like audio pdf etc
and is there a size for us to use? Or it’s for use even my files got bigger by time?

If you choose to store your images with Optimole, then your server cost will be reduced as now you will be offloading your media library to Optimole server. But it won’t help you speed up image delivery as whether you are offloading your media library to Optimole server or not, your images are always being served via Optimole after optimizing them properly. So, you need to make a call which cost will be lower to you, storing images at your server or with Optimole…

so i turned off the plugin i have

i added the one you mentioned for cloudflare but when test cach it says not working.. i waited and rechecked .. it’s the same

For minifi i checked the minifi setting to be on in the cloudflare dashboard

i’m not sure now the cach and minfi is working or not

not understanding too if i chose to serve on optimole will my images be secure there and i will have any space without limitation for a free user or not.. as my images is talking a lot of space in the hosting plane

i will try to remove the hero from mobile as you suggested

i searched for the plugin “Perfmatters” on the plugins but it dodn’t show for me.. maybe it has another name?

still the speed at the same numbers too

Hi @majito,
If you have issues with the super page cache for cloudflare plugin, it’s better to open a support thread there. Anyways, I just looked at the response header of your website and I don’t see that plugin being active or doing anything. Please note before installing that plugin, make sure you have deactivated your current caching systems/plugins. As I can see your pages are still being served from WP Fastest Cache: https://i.imgur.com/8zDUbcb.jpeg

I’ll also recommend you to watch the following videos on how to setup Cloudflare and how to use that plugin:

For minifi i checked the minifi setting to be on in the cloudflare dashboard

I think you have not enabled orange cloud in your Cloudfalre DNS settings page that is why your requests are not being proxied through CF. Please share a screenshot of your DNS page.

not understanding too if i chose to serve on optimole will my images be secure there and i will have any space without limitation for a free user or not.. as my images is talking a lot of space in the hosting plane

If you choose to store your media library with optimole, it will definately be secure but would be part of your optimole plan. You can read more about it here: https://docs.optimole.com/article/1323-cloud-library-browsing#questions

i searched for the plugin “Perfmatters” on the plugins but it dodn’t show for me.. maybe it has another name?

It is not a free plugin, it’s a paid plugin. Check: https://perfmatters.io/

?it’s better to open a support thread there– i did so but until now didn’t get any respond

?make sure you have deactivated your current caching systems/plugins– i did that but after the plugin is not working.. i turned the previous plugin on

Please share a screenshot of your DNS page

View post on imgur.com

Hi @majito,

1. There is no extra cost associated with offloading the media library to Optimole. Optimole will only charge you based on your visits.
2. In your DNS, you need to enable the orange cloud for the A record inside your Cloudflare DNS. Otherwise your requests won’t be processed by Cloudflare.

1. sadly the visit will not help me in the free plan.. i had to turn off that option
2. i did that now,, so i think it work,, though the speed as it was it still say about next gen, but thanks a lot

• This reply was modified 1 year, 5 months ago by majito.
• This reply was modified 1 year, 5 months ago by majito.

Hi @majito,

Yes I can see that your pages are now being cached in Cloudflare properly and is being served from Cloudflare CDN. While your images are being optimized by Optimole and your CSS/JS files are also being served via Optimole.