Join our ‘How to Start a Web Design Business’ Course – and use strategies to grow, get clients, and generate recurring income:
Don’t leave these steps until the end – or when you are staring at dismal Mobile and Desktop Page Speed Scores. This is How to Boost Page Speed Optimization WordPress for FREE in 2023 | Pagespeed Insights Optimisation.
This is the MUCH Improved and Simple 2023 Page Speed Booster Tutorial for 2023.
You can skip the Elementor Settings if you want, but they are important and could relate to other WordPress Page Builders.
00:00 Intro
00:54 Elementor Settings
01:39 Elementor Experiments
01:54 Using Custom Fonts
02:57 WordPress Media Settings
03:31 Next Generation Format Images
Free WebP Converter:
04:40 Scale and Crop Images and Mobile Versions
06:53 Basic Page for Testing the Score
07:52 PRE-OPTIMISATION Page Speed Score
08:53 My New Optimisation Plugins
09:12 Why am I not using Autoptimize anymore?
09:59 The Optimisation Plugin Settings
12:03 Code Snippets
All of the codes:
This includes codes to be used for all WordPress and not just Elementor.
12:22 Remove Google Fonts
12:53 Ensure the Webfont is Loaded
13:35 Stop Lazy Load
14:13 Remove Unused Javascript
14:39 Fix Explicit Image Width and Height
15:07 Remove Gutenberg CSS
15:56 POST-OPTIMISATION Page Speed Score
17:03 You should follow these steps BEFORE you start building.
Book your 1-2-1 Consultation:
Shorter 30 min sessions are available.
We love to create – share – respond – and deliver.
🧐 Learn with our Mastery Modules:
🔗 All of our Important Links:
😃 Join our Facebook Group:
😃 Get Code Snippets Pro:
😃 Get Elementor Pro:
😃 Boost your YouTube Analysis:
👕 Get our Merchandise:
🥹 Support us:
Hire us to work on your Website!
💌 info@websquadron.co.uk
👩💻 Visit
https://websquadron.co.uk/page-speed-performance-wordpress-code-snippets/
do i need a cache plugin also or do some of theese 3 plugins the job? if i need a cache plugin which would you recomend that syncronize well with theese 3 plugins you recomend in this video. Thankful for help. Regards Glen
thanks for the amazing video i had been troubleshooting this clients site went from 54 on mobile to 84 and 73 on desktop to 98 this is amazing bro am going to keep using this method as always appreciate the work you put into getting us these resources man
Just to confirm I just type in the title and add the code? Thanks I am new to all this
page just load header, before click screen🤕, but if change set to "delay 2s", the score will drop a lot
Hi Imran, can i ask about this part in the "Remove Unused Js code snippet":
// Check for the page you want to target
if ( is_page( 'homepage' ) )
Should i replace the 'homepage' with the title of my page or should i leave it be? Thank you if you ever come across this question
You broke your website.
Very strange. My site speed score decreased by 10-20 points vs SG speed optimiser. But the site feels faster. Any thoughts? I check the site speed score many times and after 15 min of finished and cached.
I'm always referring people to this video and even use it myself as a reminder when setting up a new site. One question though, at 1:20 you mention you've disabled the default colours and fonts, but you don't actually tick the boxes. Could you clarify if your preference is to use the default colours, or to inherit colours from the theme instead?
Hi Imran, fantastic tutorial. One thing that´s bugging me on this is that I have build my header in theme builder and with the snippets the menu has stopped working in the mobile version. What solution will you suggest for this?
Thanks in advance
Hey, Imran! Two questions:
Still using all of those snippets?
And about the cache purging feature, it's not necessary if I already use a caching plugin like LiteSpeed, right?
you are really WP expert or we can call you guru
Thanks bro, it works.
Hahahah I came because I discover Nitropack, but the 5k visits and the CDC are ads veryquicly for the free version
Thank you for the lessons! At 76 I find learning WordPress and elementor a lot to take in. Sorry I cannot afford your elementor course! Thank you again! Mike
Thanks a lot 🙌🏻
Great!
Thank you It really Helped from 6 to 59 !!!!!
Hello, is there an update on this content or it still applies? Thank you so much
Hello, what happened if we will make changes everyday or frequently in website or content? Does CSS broken your website? And required clearing cache? I was using WP Rocket and my CSS was broken because of CSS delivery. It was really hurt my website. I hope you will understand question.
I tried your code snippet for setting the explicit image height and width, but it's not working for the logo in the Astra theme with Elementor. 🤔 Could you please help? Thanks in advance! 🙏
Holy smokes man you have no idea how much you saved me, this works beautifully. thank you
I went from 4.4 FCP to 2.2 FCP, from 40 Performance to 91 performance, and nothing is broken. hahaha.
My webby went from 70 – 95… Wow.
Thanks so much!
Hello and thank you so much for your videos, they are really useful! I followed all your instructions and the mobile score went up to 98%! However, I always get this error: "Use the CSS font-display feature to ensure that text is visible to the user when loading web fonts." I also uploaded your related snippet about this, but it doesn't see it. Consider that the error refers to a font that I loaded into the Elementor custom font, but it refers to a header created with the "Elementor Header & Footer" plugin. Do you think it can be solved? A thousand thanks!
Thanks Imran, I've never found an impactful page optimization process that yields as this one.