Could you help me with core vitals in Elementor?

David719

Junior Member
Joined
Nov 1, 2019
Messages
161
Reaction score
24
Hello everyone. Could you help me with web core vitals in Elementor?

I tried delete elementor, however I have got a lot´s of article there. So it is impossible for me.

Could you help me? My CLS is pretty bad....probably turn off some elements, which ones please? Do you have any recommendation?? My website is : htttps://recenzovo.sk - please check some articles not homepage - thank you for every advice!

Have a great Saturday!

Dávid
 
Hello everyone. Could you help me with web core vitals in Elementor?

I tried delete elementor, however I have got a lot´s of article there. So it is impossible for me.

Could you help me? My CLS is pretty bad....probably turn off some elements, which ones please? Do you have any recommendation?? My website is : htttps://recenzovo.sk - please check some articles not homepage - thank you for every advice!

Have a great Saturday!

Dávid

Post a HAF thread, then let @nazmulfeni4 reply there is my advice.

He revamped an old site of mine, ditched Elementor, went onto Guttenburg instead.

https://www.blackhatworld.com/seo/500-orders-guaranteed-wordpress-speed-optimization-to-rank-higher-in-google-50-off.1050825/post-14386097
Thank me later.
 
-
I tried delete elementor, however I have got a lot´s of article there. So it is impossible for me.
Don´t do this unless you´re considering rebuilding all the posts and pages build on Elementor with either Gutemberg or any other page builder (this would be dumb).

If you´re concern about the site´s performance, page loading speed, and/or core web vitals, then stay away from page builder.

What else can you use?

You have two (2) options...
  • Gutemberg
  • Oxygen
Isn´t Oxygen another page builder?

NOOOOO!!!!!

This is a common mistake people make with Oxygen.

It´s NOT a page builder it´s a THEME BUILDER!!!

Leaning and mastering a tool like Oxygen will be the best decision you´ll make long-term. Especially, if you happen to build lots of sites or work with clients.

But, I must say, learning Oxygen is NOT easy for a guy like me for example who doesn´t have a background in web development.

Oxygen requires you to know HTML and CSS in order to use it properly. Other than that, you´re good to go.

YouTube and Udemy are filled with great tutorials and courses to teach you all about HTML and CSS.

HTML is REALLY not hard to learn and so does CSS.

I am a firm believer that, if you´re not dumb or are somehow tech-savvy, you can learn both HTML, CSS and the basics of Oxygen in a week.

After that, as with any other program or software, you´re just starting to learn (Just like when you started to learn how to use Elementor), the more you use it and practice the better you´ll be with it.

Could you help me? My CLS is pretty bad
I just ran your site through Google PageSpeed Insights (GPSI) and another tool and it doesn´t appear you have any issues with CLS...

GPSI for Dekstop

dc70bb102e8eb9414fe76a214ffcb901.png


GPSI for Mobile

2ada6746ade35db02ced38e2b98ae757.png

webvitals.dev for Mobile
b879e4f088d791b4647fd581a533b13f.png

So, why do you say your CLS is bad?

probably turn off some elements, which ones please? Do you have any recommendation?? My website is : htttps://recenzovo.sk - please check some articles not homepage - thank you for every advice!
I feel great today so I took the liberty to evaluate your site´s performance focus online on its mobile version and here´s what I found...


EXTERNAL RESOURCES

I feel this is the biggest issue affecting your site´s performance. It´s triggering a bunch of issues on GPSI and other performance tools like WebPageTest

Check this out...

8a18cf84f911da198143caebb075ac9c.jpg

That screenshot is from the Chrome Developers Tool and I the resources I am highlighting that are taking 758ms and 504ms respectively to load are...

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jshttps://www.googletagmanager.com/gtm.js?id=GTM-WTSCSS6
The first one is from Google Ads and the second one is self-explanatory.

Google Ads is also loading other resources on your site...
ec1416426352b98434307082825533e2.jpg

Those are all the resources loading on your site from external domains.

GPSI also triggers a few other issues regarding those resources from Google, not just Google Ads...​

bd44a9d6b78e8324f8ff82e9cf13cf6b.jpg

5d25629d92f70b06d453ab05aa8ab86b.jpg

00254ba0877935cf4566b9cd471bcc9d.jpg


MY RECOMMENDATION

Delay the execution of those scripts!!

Those scripts are NOT required for your site to properly render so there´s no need for them to be executed and loaded during that process. Also, all these scripts account for a bit over 1 MB during page load.

This will also apply to any other resource loading on your site being called from an external domain.

There´s a free way and a paid way to do this.

The free way is by using the plugin Flying Scripts and, the paid alternative is to use WP Rocket.

If you don´t have WP Rocket, don´t have the budget for it, or don´t want to use a nulled version them Flying Scripts should work as well.

Just make sure to add these domains to the plugin...

pagead2.googlesyndication.com
connect.facebook.net
www.googletagmanager.com
www.googletagservices.com
www.google-analytics.com
tpc.googlesyndication.com
googleads.g.doubleclick.net
www.google.com
partner.googleadservices.com
adservice.google.com
www.facebook.com
stats.g.doubleclick.net


FONTS

As you can see from the info above, fonts are ALSO an external resource loading on your site but with the slight difference that fonts are NOT scripts.

Still, there´s something we can do to address this issue.

Why is this an issue?

Whenever someone visits your site, our browsers need to create a connection in order to requests, download, and load those fonts.

This is unnecessary!

Fonts are a static resource (Don´t change over time) and, as such, we don´t need to be making a DNS Lookup every time.


MY RECOMMENDATION

Host fonts locally!

You can do this manually or through a plugin. I recommend using OMGF | Host Google Fonts Locally.


FONT AWESOME

Font awesome is a domain from where you can get great-looking icons and social media logos. Elementor uses this by default...

26867d18baf5da9b304065470c93d337.jpg

Just like fonts, there´s no need to be requesting these static resources from an external domain.

MY RECOMMENDATION

Replace these icons with our own icon set. I personally like to use Fontello for this. They also offer great-looking icons and social media logos you can download for FREE!


IMAGES

I see a few images loading on your site´s mobile version displaying 1200px in width.

This is just too much for any mobile device.

MY RECOMMENDATION

Properly resize these images to better fit the container used by most mobile devices.

Something around 600px to 700px will be more than enough.

Remember, when doing this, you will have to serve the appropriate image given the device your visitors are using.

And that´s pretty much it!
Have a great Saturday!

Dávid
You too!!
 
-

Don´t do this unless you´re considering rebuilding all the posts and pages build on Elementor with either Gutemberg or any other page builder (this would be dumb).

If you´re concern about the site´s performance, page loading speed, and/or core web vitals, then stay away from page builder.

What else can you use?

You have two (2) options...
  • Gutemberg
  • Oxygen
Isn´t Oxygen another page builder?

NOOOOO!!!!!

This is a common mistake people make with Oxygen.

It´s NOT a page builder it´s a THEME BUILDER!!!

Leaning and mastering a tool like Oxygen will be the best decision you´ll make long-term. Especially, if you happen to build lots of sites or work with clients.

But, I must say, learning Oxygen is NOT easy for a guy like me for example who doesn´t have a background in web development.

Oxygen requires you to know HTML and CSS in order to use it properly. Other than that, you´re good to go.

YouTube and Udemy are filled with great tutorials and courses to teach you all about HTML and CSS.

HTML is REALLY not hard to learn and so does CSS.

I am a firm believer that, if you´re not dumb or are somehow tech-savvy, you can learn both HTML, CSS and the basics of Oxygen in a week.

After that, as with any other program or software, you´re just starting to learn (Just like when you started to learn how to use Elementor), the more you use it and practice the better you´ll be with it.


I just ran your site through Google PageSpeed Insights (GPSI) and another tool and it doesn´t appear you have any issues with CLS...

GPSI for Dekstop

dc70bb102e8eb9414fe76a214ffcb901.png


GPSI for Mobile

2ada6746ade35db02ced38e2b98ae757.png

webvitals.dev for Mobile
b879e4f088d791b4647fd581a533b13f.png

So, why do you say your CLS is bad?


I feel great today so I took the liberty to evaluate your site´s performance focus online on its mobile version and here´s what I found...


EXTERNAL RESOURCES

I feel this is the biggest issue affecting your site´s performance. It´s triggering a bunch of issues on GPSI and other performance tools like WebPageTest

Check this out...

8a18cf84f911da198143caebb075ac9c.jpg

That screenshot is from the Chrome Developers Tool and I the resources I am highlighting that are taking 758ms and 504ms respectively to load are...

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jshttps://www.googletagmanager.com/gtm.js?id=GTM-WTSCSS6
The first one is from Google Ads and the second one is self-explanatory.

Google Ads is also loading other resources on your site...
ec1416426352b98434307082825533e2.jpg

Those are all the resources loading on your site from external domains.

GPSI also triggers a few other issues regarding those resources from Google, not just Google Ads...​

bd44a9d6b78e8324f8ff82e9cf13cf6b.jpg

5d25629d92f70b06d453ab05aa8ab86b.jpg

00254ba0877935cf4566b9cd471bcc9d.jpg


MY RECOMMENDATION

Delay the execution of those scripts!!

Those scripts are NOT required for your site to properly render so there´s no need for them to be executed and loaded during that process. Also, all these scripts account for a bit over 1 MB during page load.

This will also apply to any other resource loading on your site being called from an external domain.

There´s a free way and a paid way to do this.

The free way is by using the plugin Flying Scripts and, the paid alternative is to use WP Rocket.

If you don´t have WP Rocket, don´t have the budget for it, or don´t want to use a nulled version them Flying Scripts should work as well.

Just make sure to add these domains to the plugin...

pagead2.googlesyndication.com
connect.facebook.net
www.googletagmanager.com
www.googletagservices.com
www.google-analytics.com
tpc.googlesyndication.com
googleads.g.doubleclick.net
www.google.com
partner.googleadservices.com
adservice.google.com
www.facebook.com
stats.g.doubleclick.net


FONTS

As you can see from the info above, fonts are ALSO an external resource loading on your site but with the slight difference that fonts are NOT scripts.

Still, there´s something we can do to address this issue.

Why is this an issue?

Whenever someone visits your site, our browsers need to create a connection in order to requests, download, and load those fonts.

This is unnecessary!

Fonts are a static resource (Don´t change over time) and, as such, we don´t need to be making a DNS Lookup every time.


MY RECOMMENDATION

Host fonts locally!

You can do this manually or through a plugin. I recommend using OMGF | Host Google Fonts Locally.


FONT AWESOME

Font awesome is a domain from where you can get great-looking icons and social media logos. Elementor uses this by default...

26867d18baf5da9b304065470c93d337.jpg

Just like fonts, there´s no need to be requesting these static resources from an external domain.

MY RECOMMENDATION

Replace these icons with our own icon set. I personally like to use Fontello for this. They also offer great-looking icons and social media logos you can download for FREE!


IMAGES

I see a few images loading on your site´s mobile version displaying 1200px in width.

This is just too much for any mobile device.

MY RECOMMENDATION

Properly resize these images to better fit the container used by most mobile devices.

Something around 600px to 700px will be more than enough.

Remember, when doing this, you will have to serve the appropriate image given the device your visitors are using.

And that´s pretty much it!

You too!!

This should go to jr.VIP... well done for taking time to help him... :)
 
-

Don´t do this unless you´re considering rebuilding all the posts and pages build on Elementor with either Gutemberg or any other page builder (this would be dumb).

If you´re concern about the site´s performance, page loading speed, and/or core web vitals, then stay away from page builder.

What else can you use?

You have two (2) options...
  • Gutemberg
  • Oxygen
Isn´t Oxygen another page builder?

NOOOOO!!!!!

This is a common mistake people make with Oxygen.

It´s NOT a page builder it´s a THEME BUILDER!!!

Leaning and mastering a tool like Oxygen will be the best decision you´ll make long-term. Especially, if you happen to build lots of sites or work with clients.

But, I must say, learning Oxygen is NOT easy for a guy like me for example who doesn´t have a background in web development.

Oxygen requires you to know HTML and CSS in order to use it properly. Other than that, you´re good to go.

YouTube and Udemy are filled with great tutorials and courses to teach you all about HTML and CSS.

HTML is REALLY not hard to learn and so does CSS.

I am a firm believer that, if you´re not dumb or are somehow tech-savvy, you can learn both HTML, CSS and the basics of Oxygen in a week.

After that, as with any other program or software, you´re just starting to learn (Just like when you started to learn how to use Elementor), the more you use it and practice the better you´ll be with it.


I just ran your site through Google PageSpeed Insights (GPSI) and another tool and it doesn´t appear you have any issues with CLS...

GPSI for Dekstop

dc70bb102e8eb9414fe76a214ffcb901.png


GPSI for Mobile

2ada6746ade35db02ced38e2b98ae757.png

webvitals.dev for Mobile
b879e4f088d791b4647fd581a533b13f.png

So, why do you say your CLS is bad?


I feel great today so I took the liberty to evaluate your site´s performance focus online on its mobile version and here´s what I found...


EXTERNAL RESOURCES

I feel this is the biggest issue affecting your site´s performance. It´s triggering a bunch of issues on GPSI and other performance tools like WebPageTest

Check this out...

8a18cf84f911da198143caebb075ac9c.jpg

That screenshot is from the Chrome Developers Tool and I the resources I am highlighting that are taking 758ms and 504ms respectively to load are...

https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.jshttps://www.googletagmanager.com/gtm.js?id=GTM-WTSCSS6
The first one is from Google Ads and the second one is self-explanatory.

Google Ads is also loading other resources on your site...
ec1416426352b98434307082825533e2.jpg

Those are all the resources loading on your site from external domains.

GPSI also triggers a few other issues regarding those resources from Google, not just Google Ads...​

bd44a9d6b78e8324f8ff82e9cf13cf6b.jpg

5d25629d92f70b06d453ab05aa8ab86b.jpg

00254ba0877935cf4566b9cd471bcc9d.jpg


MY RECOMMENDATION

Delay the execution of those scripts!!

Those scripts are NOT required for your site to properly render so there´s no need for them to be executed and loaded during that process. Also, all these scripts account for a bit over 1 MB during page load.

This will also apply to any other resource loading on your site being called from an external domain.

There´s a free way and a paid way to do this.

The free way is by using the plugin Flying Scripts and, the paid alternative is to use WP Rocket.

If you don´t have WP Rocket, don´t have the budget for it, or don´t want to use a nulled version them Flying Scripts should work as well.

Just make sure to add these domains to the plugin...

pagead2.googlesyndication.com
connect.facebook.net
www.googletagmanager.com
www.googletagservices.com
www.google-analytics.com
tpc.googlesyndication.com
googleads.g.doubleclick.net
www.google.com
partner.googleadservices.com
adservice.google.com
www.facebook.com
stats.g.doubleclick.net


FONTS

As you can see from the info above, fonts are ALSO an external resource loading on your site but with the slight difference that fonts are NOT scripts.

Still, there´s something we can do to address this issue.

Why is this an issue?

Whenever someone visits your site, our browsers need to create a connection in order to requests, download, and load those fonts.

This is unnecessary!

Fonts are a static resource (Don´t change over time) and, as such, we don´t need to be making a DNS Lookup every time.


MY RECOMMENDATION

Host fonts locally!

You can do this manually or through a plugin. I recommend using OMGF | Host Google Fonts Locally.


FONT AWESOME

Font awesome is a domain from where you can get great-looking icons and social media logos. Elementor uses this by default...

26867d18baf5da9b304065470c93d337.jpg

Just like fonts, there´s no need to be requesting these static resources from an external domain.

MY RECOMMENDATION

Replace these icons with our own icon set. I personally like to use Fontello for this. They also offer great-looking icons and social media logos you can download for FREE!


IMAGES

I see a few images loading on your site´s mobile version displaying 1200px in width.

This is just too much for any mobile device.

MY RECOMMENDATION

Properly resize these images to better fit the container used by most mobile devices.

Something around 600px to 700px will be more than enough.

Remember, when doing this, you will have to serve the appropriate image given the device your visitors are using.

And that´s pretty much it!

You too!!
Thank you so much Roger!! That is fuc*ing great!!! Thank you so much for it!!

Yes, that´s my mistake with CLS :) I have built website about products review, which had got around 40k visitor last month. I thought about quit my job (I am seo specialist) however my traffic has fallen down (around 20-35%) - because google update or end of lockdown in my country. What do you think? I am scared that is google update...

I am using wp rocket - where can I put the whole addresses? Into the "Prefetch DNS Requests"??

FONTS - I activated this plugin and what else? What could I choose? Automatic or Manual opinion? :)

FONTS AWESOME - great I turned off :) I don´t use on my website social icon....

IMAGES - Where can I change the size of all images from the whole webiste? :) Or I must do it manually?

Thank you so much - it is amazing :) I will do it and send here some information about it !

P.S. Where are you from? I will take you some beers!! :D

Dávid
 
Thank you so much Roger!! That is fuc*ing great!!! Thank you so much for it!!
My pleasure!
Yes, that´s my mistake with CLS :) I have built website about products review, which had got around 40k visitor last month. I thought about quit my job (I am seo specialist) however my traffic has fallen down (around 20-35%) - because google update or end of lockdown in my country.
Yeah, Google update affecting site´s with content build around product review hit hard a lot of people.
What do you think? I am scared that is google update...
My recommendation here is to up your game when writing product reviews. One thing you can do is add some "trust signals" so Google gives you more credibility as an authority on the industry/niche you´re in.

What trust signals?
  • Interview an expert on the industry/niche about the product´s features and/or benefits.
  • Add more links from external sites for "fact-checking". Especially, case studies ran by others or research papers.
  • Build the profile of the authors of those product review articles. Let´s say it´s you, I would set up profiles on Quora or LinkedIn for example, and devote some time to build up a reputation inside those online communities and answer questions like crazy. But do it, in a professional manner. Just like if you were going to publish an article around that topic on your site.
I am using wp rocket - where can I put the whole addresses? Into the "Prefetch DNS Requests"??
Prefetch is different that delaying. If I am not mistaken, WP Rocket since version 3.7 added the option to delay scripts.
FONTS - I activated this plugin and what else? What could I choose? Automatic or Manual opinion? :)
What plugin?
FONTS AWESOME - great I turned off :) I don´t use on my website social icon....
Be sure you´re not using Font Awesome anywhere on your site. Load Chrome Developer tools and run a search for it. Otherwise, you might be deleting icons on your site and this is not good for UX.
IMAGES - Where can I change the size of all images from the whole webiste? :) Or I must do it manually?
There are plugins that can do this but I believe they charge for it. Personally, I do it manually.

Obviously, if you have hundreds of images on your site, is much better to just make the investment on a plugin that offers this. Also, be sure that the same plugin offers a responsive/adaptative feature for that so, whenever you´re resizing images to fit the mobile devices image container more efficiently, the plugin will serve the appropriate image based on the device your visitor is using. If it using a mobile device, it will serve the image optimized for it, otherwise, it will serve the image optimize for desktop.
Thank you so much - it is amazing :) I will do it and send here some information about it !
Anytime!
P.S. Where are you from?
Maracaibo, Venezuela.
I will take you some beers!! :D

Dávid
I don´t drink alcohol

But, we can figure something out :D :P

Cheers!!
 
My pleasure!

Yeah, Google update affecting site´s with content build around product review hit hard a lot of people.

My recommendation here is to up your game when writing product reviews. One thing you can do is add some "trust signals" so Google gives you more credibility as an authority on the industry/niche you´re in.

What trust signals?
  • Interview an expert on the industry/niche about the product´s features and/or benefits.
  • Add more links from external sites for "fact-checking". Especially, case studies ran by others or research papers.
  • Build the profile of the authors of those product review articles. Let´s say it´s you, I would set up profiles on Quora or LinkedIn for example, and devote some time to build up a reputation inside those online communities and answer questions like crazy. But do it, in a professional manner. Just like if you were going to publish an article around that topic on your site.

Prefetch is different that delaying. If I am not mistaken, WP Rocket since version 3.7 added the option to delay scripts.

What plugin?

Be sure you´re not using Font Awesome anywhere on your site. Load Chrome Developer tools and run a search for it. Otherwise, you might be deleting icons on your site and this is not good for UX.

There are plugins that can do this but I believe they charge for it. Personally, I do it manually.

Obviously, if you have hundreds of images on your site, is much better to just make the investment on a plugin that offers this. Also, be sure that the same plugin offers a responsive/adaptative feature for that so, whenever you´re resizing images to fit the mobile devices image container more efficiently, the plugin will serve the appropriate image based on the device your visitor is using. If it using a mobile device, it will serve the image optimized for it, otherwise, it will serve the image optimize for desktop.

Anytime!

Maracaibo, Venezuela.

I don´t drink alcohol

But, we can figure something out :D :p

Cheers!!
Hello Roger! :)

Ou I checked my CLS on money pages and it is pretty bad - you can see here - https://developers.google.com/speed...url=https://recenzovo.sk/cbd-olej-skusenosti/

Thank you for your advices :) I will try something like that.

FONTS - I activated OMGF - Optimize my google fonts plugin and what else please? :)

FONTS AWESOME - Thank you I will check it :)

IMAGES - OK :) Thank you - what do you think about shorpixel? :) Is it good for it?

I am from Slovakia - it is pretty far :D

Dávid
 
I see Elementor hasn't done anything to the unnecessary loading of CSS/JS files.
 
Hello Roger! :)

Ou I checked my CLS on money pages and it is pretty bad - you can see here - https://developers.google.com/speed/pagespeed/insights/?hl=sk&url=https://recenzovo.sk/cbd-olej-skusenosti/
Oh shit, I only checked the homepage.

I see your site has a bit over 200 pages indexed by Google so, I was going to advise you to run a crawl with Screaming frog to check the performance of all the pages on your site.

Make sure to setup Screaming Frog so you only crawl the HTML. Otherwise, the free version won´t be enough as it has a limitation of 500 URLs.

You will need to set up the API key from Google PageSpeed Insights but this is something you can do in 5mins.

This is something you can do on Google Search Console as well (if you have it set up).

Either way, most of the optimizations I recommend will have an effect sitewide and NOT just for the homepage. Espcially since most of the issues affecting your site´s performance are external resources and once you address this issue, it will have a site-wide effect.


IMAGES - OK :) Thank you - what do you think about shorpixel? :) Is it good for it?
Short pixel is great!

But it comes with limitations and given the size of your site, I don´t think the free version will be enough.

There´s a great plugin I´ve been using with good results and it´s called Flying Image by Gijo Varghese.

Gijo is a true expert when it comes to WordPress page speed optimization.

He´s also the developer of other amazing plugins all aimed to improve a site page loading speed...
  • Flying Analytics - Host Google Analytics locally using any of the four (4) methods it offers.
  • Flying Fonts - Remove Google Fonts and Use System Fonts. This can be a great alternative if you´re having issues hosting fonts locally.
  • Flying Pages - I am a huge fan of this plugin!! The main feature is that it preloads pages that are on the viewport before the user clicks on it, making them load instantly. Check this article about it.
  • Flying Scripts - This is also an amazing plugin. It delays the execution of javascript. I use it all the time, it works like a charm. Check this video tutorial.
  • Swap Google Fonts Display - Inject font-display: swap to Google Fonts to ensure text remains visible during Webfont load. Sometimes, you will see an issue being triggered by Google PageSpeed Insights called "Ensure text remains visible during Webfont load". Well, this plugin will address that.
Also, Gijo is the admin of one of the best resources you can find online build around WordPress speed optimization.

His blog...
https://wpspeedmatters.com/
His Facebook Group...
https://www.facebook.com/groups/wpspeedmatters/
Gijo is also the guy behind Flying Press, an all-in-one speed optimization plugin for WordPress similar to WP Rocket.

Unfortunately, this is a paid plugin.

Cheers!
 
Oh shit, I only checked the homepage.

I see your site has a bit over 200 pages indexed by Google so, I was going to advise you to run a crawl with Screaming frog to check the performance of all the pages on your site.

Make sure to setup Screaming Frog so you only crawl the HTML. Otherwise, the free version won´t be enough as it has a limitation of 500 URLs.

You will need to set up the API key from Google PageSpeed Insights but this is something you can do in 5mins.

This is something you can do on Google Search Console as well (if you have it set up).

Either way, most of the optimizations I recommend will have an effect sitewide and NOT just for the homepage. Espcially since most of the issues affecting your site´s performance are external resources and once you address this issue, it will have a site-wide effect.



Short pixel is great!

But it comes with limitations and given the size of your site, I don´t think the free version will be enough.

There´s a great plugin I´ve been using with good results and it´s called Flying Image by Gijo Varghese.

Gijo is a true expert when it comes to WordPress page speed optimization.

He´s also the developer of other amazing plugins all aimed to improve a site page loading speed...
  • Flying Analytics - Host Google Analytics locally using any of the four (4) methods it offers.
  • Flying Fonts - Remove Google Fonts and Use System Fonts. This can be a great alternative if you´re having issues hosting fonts locally.
  • Flying Pages - I am a huge fan of this plugin!! The main feature is that it preloads pages that are on the viewport before the user clicks on it, making them load instantly. Check this article about it.
  • Flying Scripts - This is also an amazing plugin. It delays the execution of javascript. I use it all the time, it works like a charm. Check this video tutorial.
  • Swap Google Fonts Display - Inject font-display: swap to Google Fonts to ensure text remains visible during Webfont load. Sometimes, you will see an issue being triggered by Google PageSpeed Insights called "Ensure text remains visible during Webfont load". Well, this plugin will address that.
Also, Gijo is the admin of one of the best resources you can find online build around WordPress speed optimization.

His blog...
https://wpspeedmatters.com/
His Facebook Group...
https://www.facebook.com/groups/wpspeedmatters/
Gijo is also the guy behind Flying Press, an all-in-one speed optimization plugin for WordPress similar to WP Rocket.

Unfortunately, this is a paid plugin.

Cheers!
Oh damn, I forgot to address the CLS issues on your page.

Check out this article by also one of the best in the business...

https://www.shaytoder.com/how-to-improve-cls-cumulative-layout-shift/
 
Yeah same here, btw you listed those 4 plugins and they work that's true, but Perfmatter does all of those in one plugin.
True that but all those plugins are free and Perfmatter is a paid plugin.

Unless OP doesn´t care about using a nulled version of Perfmatter on his money site and even if he´s willing to invest some money on a robust plugin that will optimize his site´s performance I prefer investing in Swift Performance Pro.

It also offers all the features from the free plugins I mentioned and plenty of others but, the two more important additional features I love from Swift Performance Pro are database optimization and Plugin Management (kind of like Asset Cleanup).

On the other hand, I´ve read review articles comparing Swift Performance Pro vs WP Rocket and they stated the caching system from Swift is actually better.
 
True that but all those plugins are free and Perfmatter is a paid plugin.

Unless OP doesn´t care about using a nulled version of Perfmatter on his money site and even if he´s willing to invest some money on a robust plugin that will optimize his site´s performance I prefer investing in Swift Performance Pro.

It also offers all the features from the free plugins I mentioned and plenty of others but, the two more important additional features I love from Swift Performance Pro are database optimization and Plugin Management (kind of like Asset Cleanup).

On the other hand, I´ve read review articles comparing Swift Performance Pro vs WP Rocket and they stated the caching system from Swift is actually better.


you actualy were able to get a better google page insight scores using swift vs rocket?!


@David719 - if you need help with screaming frog pro version, pm me.
 
you actualy were able to get a better google page insight scores using swift vs rocket?!
Yes, but not on all sites.

I found Swift is better than WP Rocket for larger sites (200-300+ pages) as it gives you a lot more flexibility and features. Like Plugin Management (Similar to Asset Cleanup) and Database Optimization (Both on the Pro version only).

I also found Swift to work better on NGINX servers than WP Rocket.

On the other hand, for the vast majority of sites WP Rocket offers better all-in-one solutions as its UI it´s far more user-friendly than Swift. Also, its support and documentation it´s ridic better.
 
Thank you so much Roger!! That is fuc*ing great!!! Thank you so much for it!!

Yes, that´s my mistake with CLS :) I have built website about products review, which had got around 40k visitor last month. I thought about quit my job (I am seo specialist) however my traffic has fallen down (around 20-35%) - because google update or end of lockdown in my country. What do you think? I am scared that is google update...

I am using wp rocket - where can I put the whole addresses? Into the "Prefetch DNS Requests"??

FONTS - I activated this plugin and what else? What could I choose? Automatic or Manual opinion? :)

FONTS AWESOME - great I turned off :) I don´t use on my website social icon....

IMAGES - Where can I change the size of all images from the whole webiste? :) Or I must do it manually?

Thank you so much - it is amazing :) I will do it and send here some information about it !

P.S. Where are you from? I will take you some beers!! :D

Dávid
If you using wp rocket then try to regenerate critical css, clear used css.
After that you can turn off Java script and css minifying and check if it resolve CLS issue.
 
Back
Top