How to Boost Page Speed Optimization Wordpress for FREE in 2023 | Insight Score Optimisation.

Join our 'How to Start a Web Design Business' Course - and use strategies to grow, get clients, and generate recurring income: websquadron.co.uk/how-to-star...
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: bulkresizephotos.com/
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.
websquadron.co.uk/page-speed-...
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: websquadron.co.uk/socials
Shorter 30 min sessions are available.
We love to create - share - respond - and deliver.
🧐 Learn with our Mastery Modules: websquadron.co.uk/web-design-...
🔗 All of our Important Links: websquadron.co.uk/socials/
😃 Join our Facebook Group: / 3309523509284305
😃 Get Code Snippets Pro: r.freemius.com/10565/3304295/
😃 Get Elementor Pro: be.elementor.com/visit/?bta=2...
😃 Boost your KZbin Analysis: www.tubebuddy.com/websquadron
👕 Get our Merchandise: websquadron.co.uk/merchandise
🥹 Support us: paypal.me/Websquadron
Hire us to work on your Website!
💌 [e-mail]
👩‍💻 Visit websquadron.co.uk

[@websquadron]

websquadron.co.uk/page-speed-performance-wordpress-code-snippets/

[@S_Tito]

Thanks so much, Imran! Went from 37 to 58 -79 on Mobile and 65 to 87 on Desktop! One more question, Did you stil keept enable NGINX Direct Delivery & Memcached from SiteGround/Speed/Cache?

[@thenewyorkean]

thanks!

[@wario25vienna]

is it better to keep every snippet separate, or to paste all code-snippets in one wp codesnippet file?

[@websquadron]

@@wario25vienna Sometimes you may to disable some if there's any conflict with a plugin etc so control can be great

[@AnilAgrawal]

Is there a way to load/install Google fonts to our server if I am not using Elementor? On this one site, I am using Gutenberg and Spectra blocks along with Astra Pro theme.

[@seldaradoncic2034]

We must protect this man at all costs. Brilliant

[@samd4745]

I. Am. Blown. Away. WOW! I keep bookmarking your content on page speed optimisation but couldn't get the chance to actually sit still and work through the steps until now. Glad I invested the time today, this is going to save me so much PAIN when dev sites are ready to go live. Awesome steps....a bit of cache clearing and everything is EXACTLY as you've demo'd. Thank you Imran, you are a legend!!!!!! 🙏

[@dinatekno]

I am so happy to have found you. Thank you for the pure knowledge drops. You've helped to clear up so many subtle Elementor issues that kept me from wanting to work with it. And the small tweaks to the WordPress settings are so helpful. LEGEND

[@linda_sue]

Sweet. Thank you, Imran! And thank you for the code snippets snippets! When I'm unhappy in my work, I come to your videos to lift myself up and feel motivated again! I also get a ton of new ideas to think about!

[@websquadron]

My pleasure

[@maddicares61]

You are So right! Imran is the ultimate motivator!

[@lakishaakbar246]

Thanks for this video Imran! I was struggling with my mobile speed for weeks. And yes I tried a lot of different plugging. After watching your video I went from a mobile score of 48 to a prefect 100%. Amazing.. Keep of the fantastic work...

[@keysncoffee7733]

You're the boss! This is going straight into my SOPs. For whatever reason my site dropped to a miserable 45 Mobile/74 Desktop. After most (not even all--mostly media files not being resized yet) of these changes, it's now at 89 Mobile/90 Desktop. Incredible! Thanks so much. Love your presentation as well. Subbed!

[@HarishKumar-qb2ns]

Hey Imran, I just wanted to drop by and express my sincere gratitude for your outstanding video! You truly have a gift for explaining complex concepts in an easy-to-understand manner. Prior to watching your video, my score was below 74%, but thanks to your guidance, it shot up to a perfect 94% in no time! Your dedication to helping others succeed is truly commendable, and I can't thank you enough. I eagerly await more of your fantastic videos and wish you all the best for your future endeavors!

[@websquadron]

This is what I love to see :) So glad the improvements worked for you. Do share with your friends.

[@MichelCalvet]

Amazing! It's the first solution that actually works. I used a plugin from my own host, made for Wp, but I still couldn't get full optimization. There was a lack of adjustments on the server itself, which I couldn't make. I did a test with these recommended plugins and reached 99%! Really worth it guys!

[@davidwalls2304]

Imran, thank you for this video at this time. I was preparing to rebuild a website and had almost decided against a fresh WP install. After seeing this and how the plugins/snipets worked, I will be reconsidering my approach. Thanks again!

[@websquadron]

You are most welcome

[@bobbypalmer2460]

Thanks Imran for this awesome vid. Following your advice I took a site from 65 on mobiles to 98 and what was 82 on desktops to 100. Amazing!

[@websquadron]

Nice work!

[@amiebrown7594]

This is an incredibly valuable video and I appreciate that you keep things so straightforward. Thank you so much!

[@brettalan11]

This video is a freakin banger! I was re-creating my website and realized I hadn't done any speed testing whatsoever. So I performed a PageSpeed Insights video and my score was 35 on Mobile and 65 on Desktop. I followed the instructions on this video to a tee, and mind you this site was already developed. I installed the plugins, made all the changes, purged all the cache, I'm now sitting at scores of 92 on Mobile and 99 on Desktop. Thanks!

[@jordy1308]

Imran, this truly is very very valuable information. Thank you so much for this one.

[@FitforFortune]

You have saved me so much time and hair pulling out. Wow, your tutorials are absolutely amazing.

[@gorumov7376]

Dude, you are the GOD in terms of WEB site building and optimizing it, so passionate. My mobile score was around 70 now is 97. I don't have enoght words to describe my gratitude to you. God bless you and your family :)

[@websquadron]

Love it when I see progress!

[@nigelchinyakata1801]

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

[@pattipeilohyg]

Hi Imran, You are a godsent! I was struggling with my site until i came accross your videos! Keep up the good work.

[@websquadron]

Glad to hear that

[@deathfromthekrypt]

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.

[@davidspot191]

Thanks Imran, I've never found an impactful page optimization process that yields as this one.

[@dianaduran8977]

OMG YOU JUST SAVED MY WEBSITE AND LIFE!!!!!!!! YOU'RE THE BEST, like and new subscriber and for sure I'll recommend your channel!

[@maoxek]

Thank you very much, after thousands of tutorials and watching videos, this is the definitive one. And let me say that sometimes your information is very dense, but this video is pure gold, thank you very much! From 45 to 93 on mobile

[@websquadron]

Glad it helped you. As for the 'dense' comment - that's what you call a personal attack onto me and my approach - so please feel free to unsubscribe.

[@daniel.trapanese]

Excellent and really actionable tips. Thanks a bunch mate! It does what it promises! Chapeau!

[@peteharrison3241]

OK, I set up a test site and rant through your example and got just about the same results. So I went to a site that I've been developing and retro added the plugins, ftp'd all the images down, then ran them through Bulk Resizer, uploaded them, then ran a query to change all '.png' to '.webp', and I'm getting 97-100 on mobile and desktop without doing any more tweaking. This is fantastic. I've always looked at tuning wordpress as a bit of a black art, but your tutorial fixes 95% of most peoples issues and it's so simple! Thanks Imran for a wonderful tutorial.

[@websquadron]

So glad you kept the faith :)

[@MSF769]

Got a 100! Perfect solution. Couldn't find anything like it on the web. Whenever I searched for" The best plugins for....", dozens of plugins recommendations pop-up in front of me by the bloggers trying to make some commission. But hey, I need to know which one or two plugin I need to install. And that's what you have done bro! Hats Off!

[@websquadron]

Glad it helped!

[@emmanouil1453]

Great tutorial Imran! Thank you.

[@LouisPetrides]

The king is back. :) Thank you.

[@saucydee1]

Went from 54 to 92 on Mobile and 75 to 88 on Desktop! Thanks so much!

[@websquadron]

Woop!!

[@reggiejan]

OMG Thank you! I have speed up my site and my clients site..

[@darreng1496]

Great informative video as usual Imran, will be giving this ago on my site.

[@petebutler2983]

Imran you are a legend, been trying to improve on mobile page speeds for so long and with not much success, followed your steps and now now have 100% performance. I've never seen this before, thanks buddy. Your videos are the best out there when it comes to elementor and problem solving. Keep the value coming my friend!

[@websquadron]

Great 👍 Well done. You're doing the hard work - I'm just the guide :)

[@petebutler2983]

Would you run Siteground Optimizer Cache plugins as well as these plugins recommeded in this vid?

[@websquadron]

@@petebutler2983 No. Deactivate SG Optimizer. Check the score with it, then remove SG Optimizer and do the video steps and then check again. Make a backup first.

[@petebutler2983]

@@websquadron Will do TY 👍

[@HikeinIreland]

OMG 🤩 I am blown away by the results!! I went from below 50 to 93 on mobile and 98 on desktop. I've tried so many settings and plugins but nothing worked like this!!! Thank you!!!!

[@websquadron]

And that is the kind of thing that makes all of the effort massively worth it!

[@mohammadshafeeq3471]

JUst Subscribed mine went from an 80 to 99 you are life saver man

[@mad7505]

My sites have hat terrible load times. Subscribing this video was gold.

[@itsallaboutnatural]

I find this so useful, will try this out in my two latest websites. Thanks Imran.

[@maddy1mymk]

🤯Thank you Imran! Lot's of great info

[@necromonger2391]

Wow dude awesome vid.....Im no Wordpress Pro, but have been using it for a few years now and this was extremely informative.

[@websquadron]

Glad it was helpful!

[@StnurTube]

So much help for beginner developer! Big thanks!

[@dots560]

Gems dropped all through the video. Didn't and couldn't even use timestamps. Too much value to skip any part of the video. Thank you for sharing.

[@websquadron]

Big Hugs!

[@sikandarali6223]

You are a gem, thank you so much Sir. Huge respect for you.

[@robertorosello5861]

Great video !!! I had to learn all of this the hard way. Thanks for your videos.

[@tiago.visuals]

OMG best vídeo about wordpress optimize on YT

[@websquadron]

Let others know :)

[@ryanzwahr1226]

Awesome information Imran, thanks brother!

[@ElementoryMyDearWatson]

Very usefulk as always. Many thanks Imran

[@DeeGil]

Dude you're legend, thanks so much!

[@user-uv4zv8mt5g]

I’m now better then most web developers. Thank you Imran.

[@spiritboy-psychic]

Im also with siteground and following your advice went from 66 with page speed to 95- very happy, many thanks

[@websquadron]

Nice work!

[@rdubdesign]

@@websquadron I'm also on Siteground. What do you suggest in regards to their caching and speed plugins? Do you add caching along with the setup you have here in this video? Great stuff, thanks for all you contribute!!

[@stevechong65]

Thank you Imran! Much appreciated!

[@Sashad2003]

Thanks 👍 Cool video and very informative

[@jaykiriona]

My webby went from 70 - 95... Wow. Thanks so much!

[@RalfvandeSand]

I'm (hopefully) going to have a blast tomorrow testing these on some client websites. 😊 Thanks Imran!

[@websquadron]

Make sure you get backups first. See some of the results from commenters that have seen big improvements. Of course a lot will depend on the layout of the pages too.

[@RalfvandeSand]

@@websquadron Some quick testresults on my personal page: Pagespeed insights went from 74 on mobile to 99. Desktop's at 100. Pingdom went from 80-something (I think) to 98. GT Metrix is at 100/99 now. I haven't used Phastpress, because my scores went down a notch instead of up. So I stuck with WP Fastest Cache. Installed WP Meteor. And only used the code snippets "Remove Unused JS". Oh and it was on the Enfold theme. On a shared hosting service. Now I can't wait for a potential client to come along and say: "Our website has low performance scores, but our original designer says they can't be improved...". "Well," says Ralf: "Let me have a crack at that..." So thanks again, Imran!

[@websquadron]

@@RalfvandeSand Awesome Ralf :) The tips are easy to pick and choose where relevant.

[@martinbarron6545]

This is quality man!!!

[@ibtissamhajji3902]

Thank you It really Helped from 6 to 59 !!!!!

[@websquadron]

You're welcome!

[@kwdigitalsolutionswebsited3365]

You Rock as usual! Thank you!

[@mahmudulhasanjami1491]

This video is really great. First Class!!!

[@websquadron]

Thanks a ton!

[@travellekker]

Thank you so much for the amazing content & training' Imran 🙂

[@heinvanvlastuin5418]

Love it!

[@iliahamed499]

The most amazing tutorial

[@antoniomaria2012]

Great tips! It worked!! Thanks!

[@soicybunny]

killed it again! you help me every upload!!

[@websquadron]

Awesome Mimi!

[@madmonkeystudio-ajourneyin3220]

Had I known I needed to do this, I would have built my site this way! GRRR I’m crushed 😢 and hoping these plugins help. Still getting some green though on my page tests just not 100 score. Mobile needs a bit more work. Good info.

[@TriggaTreDay]

😂 well I guess I’m in for a world of trouble because I’m halfway through my build 😬. I will for sure implement everything that you suggested. I hope that there are more videos with you going through all of these steps in more detail so that I can make sure to do it right. Thanks a ton.

[@TriggaTreDay]

Unfortunately for me the "Explicit Fixed Width and Height" broke my sticky header so I had to deactivate it.

[@WebInspire29]

Awesome Boss. From Bangladesh.

[@paulhani854]

Thanks, these are some great tips, went from 40 on mobile to 93

[@websquadron]

Fantastic!

[@fatjay9402]

Great Video!

[@rex_flip]

Great video!!!

[@bonjourcouleurs]

Thank so much !!

[@ahoo_daily]

Works for me, awesome :)

[@angelausytube]

thats great İmran , thanks

[@websquadron]

Always welcome

[@blaz667]

Thank you very much. 👍

[@humbertg.9661]

DUDE! this is amazing! I just got almost 100 in everything after following this video. I feel like I just gave my site a shot of steroids. Thanks! You're a life savior my friend!

[@websquadron]

Awesome!

[@KariposTheOne]

Amazing video! In my opinion, the simplest and most effective approach to achieving a top page speed score is to use a lightweight theme or page builder.

[@websquadron]

Yup :) Hehe. Bricks wins on that front :) Some tips from here can be applied when the score drops a little even with Bricks :)

[@owl745]

awesome, thank you it's work

[@mikecharles6767]

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

[@websquadron]

I understand :)

[@krystianrajski2732]

Thank you Irman for another juicy tutorial! Do you recommand reducing size and quality of JPG or PNG images before converting to WebP?

[@websquadron]

Nope. Just convert. Then Crop and Scale in the Library.

[@philwatson8694]

What a brilliant video, and it works! One question for the room. On a folio site with shit tonnes of photography, is it better to leave lazy load enabled?

[@websquadron]

When you click the link for the Snippets, you'll see a version of the Lazy Load code where you can leave all images set as LL and then only stop LL for the 1 image (that may be in the Hero Banner).

[@alexflof23]

Hero, respect

[@user-wm2ep3sh9o]

extraordinary!!!

[@ArchAdemia]

Hi, this is a great video, thanks for the effort that's gone into it! I wondered if you could help with an issue when I turn on WP Meteor and follow your instructions, all of my buttons and links become 'un-clickable' on my site?

[@websquadron]

The delay by WPM might be too severe. So lower the setting.

[@imaanjeetsingh858]

bring this king a crown 👑

[@KS-pd3xu]

BRILLIANT!!! I have implemented half of what was shown and already seen significant improvement in my site speed! Only thing is - with the Code Snippets, my list of options to check on/off is completely different to yours under the All Snippets tab???

[@websquadron]

Hmmmm.... they should be the same

[@user-nv2et3ii9e]

Thanks bro, it works.

[@websquadron]

You're welcome!

[@nayanponz7883]

I think I have become addicted to your educational videos.🤩 I have a very good idee, what do you think about creating 2 images for same product or post, ex. The first on is default (normal size), the second is very small size image, like 200*150 px. with dynamics, I show the default image on the product page and the small one on the product grid or post loop.

[@websquadron]

Indeed you could try that with some testing. Just make sure it pulls the right image. But then again, if it's not affecting the Page Speed, maybe you don't need to out in too much effort :)

[@muhammadburhan3531]

This is really amazing and informative video you awesome

[@websquadron]

Glad you liked it

[@EPHONIC]

This is great, Imran. Super helpful as always. Question: Is there any way to build a site locally (I use a Mac and run MAMP) on my computer and have any indication on how it may perform when moved to a live server? I prefer to work locally for most of the work but have no way of knowing how things pan out. Thanks!

[@websquadron]

Tricky, unless you can open the site in Google Chrome and check Performance there.

[@ldaragao6811]

Excellent, once again. How about the purge website snippet that was recommended in the previous tutorial? Not needed anymore? I'm asking because you speak about it at some point in this tut. Thanks mate. Always brilliant!

[@websquadron]

Yup It’s in the link. Go to that page and it’s at the bottom

[@ldaragao6811]

@@websquadron Thanks for the reply Imran. But should i also use that snippet or it isn't needed anymore?

[@jabeztadesse]

17:33 This part is funny. Great vid!!!

[@ProfesionalAGRO]

Thanks a lot 🙌🏻

[@RubenInvestor]

This is great, thank you. I have a question. The hosting I use provides LiteSpeed Cache, should I use it? If I do then I don’t use any of the plugins you show? Or I just use it in addition? Any recommendation?

[@websquadron]

You could ditch using Litespeed. The page with the codes also contains code for adding a Purge Button to Wordpress without needing a plugin.

[@digitalievideos]

Love this video Imran! You keep saying 'do this before you start building', so I'm wondering: what tips would you have if you want to update/improve a current, earlier build, website? How would you deal with all the older images in jpg and png? How would you deal with it already being build with Google Fonts? Would love to hear what you would do!

[@websquadron]

It can be tricky with a site that's already built. 1. Make a backup/staging site. 2. Perform the steps I outline 1 by 1. 3. Check the site at each step. 4. Keep making backups after each stage. 5. Repeat Steps 2-4. I would download the images and then. convert to WebP and add them back in, or use a Bulk Image optimiser plugin. I wold still add the custom fonts and then painfully make sure they are used for each heading text etc.

[@jack_of_all_marketing]

This was my problem as well! I'm optimizing a company's site that was already built a long time ago, and none of the images are WebP, and all the text is from Google Fonts. This is going to be an arduous process. :| But I'm so glad @websquadron responded, so I know what to do!

[@andrefranzke3882]

Imran, first of all thank you! for your incredible content! One question about the "Crop Images for Mobile Versions": How to do this in Bricks. If I change the viewport size to link a smaller version of the image, then the change is global (even for large viewport)???

[@websquadron]

In that case, use this method. See Tip 3: kzbin.info/www/bejne/fKDSloyugLerbpI

[@jumes_20]

Awesome stuff! One of my client's INSISTS I use a slider in their hero section.

[@websquadron]

Hehe. We always have Clients that want Sliders, Videos, etc in the Hero Banner. My tip is to show them the score with a standard Banner, and then with a Slider, so that they never criticise or complain when someone reports the impact on Page Speed Score, or Page LoadingTime/UX etc.

[@CrystalRicotta]

Appreciate your smart work. I ran into an issue with a recent site and had remove WP Meteor because it was breaking the Mind Body JavaScript integration. Thought I’d share incase anyone else is doing that MBO combo into Elementor

[@websquadron]

Yup, sometimes too much JS Optimisation can break things so remove anything that's not worth it.

[@housesittingtravellers952]

Thanks. This has actually helped.

[@websquadron]

Awesome. Look forward to hearing about your results.

[@housesittingtravellers952]

@@websquadron The plugins worked brilliantly - does what Siteground Optimiser claimed to do but doesn't. Hit all green on GT Metrix. Not 100% but still struggling with image management.

[@esso8073]

Thank youuuuuuuu😭😭😭😭❤️❤️❤️

[@marcosansalone]

That's great! Very useful, thank you. One question. With this setup is still possible to use a cache plugin ?

[@websquadron]

You don't need to as I share some code on the 'code' page that has a Purge Code too.

[@yeudym18]

Today is my second time watching this video because it is really important. Why do a lot of people suggest lazy load, and why do I want to lazy load some pictures, and some not?

[@websquadron]

Because of the first few images are lazy Loading then it creates a delay before they are fully loaded and this affects the page speed.

[@tonihamalainen7367]

Thank you so much!

[@websquadron]

No worries!

[@cw5986]

Thanks!

[@adjunctbuffalo4907]

Thanks for the great video! Would you still recommend implementing all the steps on already finished Elementor site with speed issues? Or it would create too much of a mess with images and fonts? What steps from your video should owners of already existing web sites definitely avoid?

[@websquadron]

It depends on the amount of work. Make a backup. Then do the steps one by one. Start with fonts. Then work through the site. Then the images. Check. Etc.