So the best settings for my Website are…
I have to stress my website here as all themes are different, if you are using Themify Ultra then this should also work perfectly for you. Again test it at every change on both mobile and desktop….
Once you open up WP Rocket you will see the dashboard down the left side with different options the first one we will look at them one by one and the setting you have on each page.
WP Rocket Cache settings.
In the Cache setting page I have enabled “Caching for Mobile Devices” and also “separate Cache for mobile devices” I found that’s what I personally found works best here.
After you change a setting it’s important that you go down to the bottom of the page andf click on the save changes button so WP Rocket will then put those changes in place.
WP Rocket File Optimisation settings.
For the CSS section I enabled “Minify CSS Files” and “optimise CSS Delivery” and I have my website on “Load CSS Asynchronously”.
For the Javascript section I have enabled “Minify Javascript Files” and “Load Javascript Deffered” I also enabled “Delay Javascript Execution”
Now if you are like me then this has broken your mobile website with the Menu Button not working and a few more minor problems.
Javascript is usually the one that causes the issue here so again please only apply these settings one at a time.
How to fix the JavScript issues in WP Rocket if you have them.
Now the two options here that caused the issue for me were “Load Javascript Deffered” and “Delay Javascript Execution”. So I disabled them and it all worked perfectly again.
I then went to the other settings and later on I came back these again…
The one thing I did notice though is with these settings enabled I hit 100 on both Mobile and Desktop in Pagespeed insights. With both settings disabled I was hovering around 92 on mobile and 99 on Desktop.
So I spent a whole lot of time trying to get this working right, trying different options as it was clearly worth it.
In saying that a 92 and 99 score is also really good and a big improvement on my pagespeed insight scores.
My “Load Javascript Deffered” exclusions.
Enter this code in the Exclusion box.
/jquery-migrate(.min)?.js
https://www.landscapephotographyireland.com/wp-content/themes/themify-ultra/themify/js/modules/edge.Menu.min.js?ver=5.5.8
You will need to change the web address to your own web address obviously and if you are not using Themify Ultra then the exclusion will be different again of course.
Again as I mentioned above I am no web designer or Guru, if you would like to know how I discovered this code or the one below then let me know and I will pop up another blog post describing it in detail. Or if you would like to add anything here or a few tips then please do.
My “Delay Javascript Execution” exclusions
Enter this code in the exclusion box under the option.
/jquery-?[0-9.](.*)(.min|.slim|.slim.min)?.js
js-(before|after)
(?:/wp-content/|/wp-includes/)(.*)
https://www.landscapephotographyireland.com/wp-content/themes/themify-ultra/themify/js/modules/edge.Menu.min.js?ver=5.5.8
Again you will need to change the web address to your own web address obviously and if you are not using Themify Ultra then the exclusion will be different again of course.
As I mentioned above I am no web designer or Guru, if you would like to know how I discovered this code or the one below then let me know and I will pop up another blog post describing it in detail.
WP Rocket Media Settings.
To put it simply I just clicked on everything here one at a time and they all worked beautifully, no issues at all for me here but please do try it one step at a time yourself and see what works best for you.
WP Rocket Preload settings.
I enabled “Activate Preloading”, “Activate Sitemap-based Cache Preloading” and finally my Sitemap.
I enabled “Enable Link Preloading” and there was no issues again here with any of these for me personally.
WP Rocket Advanced Rules.
I just left this blank and skipped this section for now.
WP Rocket Database settings.
This is one I use regularly to clean up my websites database and get rid of post revisions, I have my website set to Automatically back up on a daily basis around mid day so I only do this later in the day if I need to. It does help reduce the junk on your website and streamline it.
WP Rocket CDN Settings
You can put in your CDN settings here if you use one. This will help you delivery your content faster to readers. It’s not necessary for a 100 pagespeed score though if you have a good hosting platform and optimised images.
WP Rocket Heartbeat Settings
You can just click on Control Heartbeat here and you’re done.
That’s it you’re done, now I would hope when you do a pagespeed insights test on your test page the results you see are mind blowingly good.
If you are interested in Purchasing WP Rocket you can click here to help support this website and keep me writing articles like this one. The positive note is I pay for a tree to be planted with every sale made as my way of giving back to mother nature. This link doesn’t cost you anything to use so you pay nothing extra for it an the planet get s a new tree too thanks to you.
If you would like to read a more in-depth article on WP Rocket and what every setting does then please let me know and sort that out ASAP.
You can Also check out my Website Tips and tricks section here for more website and SEO tips coming soon. I will be adding a post soon on a hack I found on how to force Google to crawl a webpage immediately and it works everytime :-).
See you out there,
Kieran.