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

[@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

[@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 :)

[@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.

[@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!

[@saucydee1]

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

[@websquadron]

Woop!!

[@manprinsen8150]

Before i found you video, which is amazing btw, i could not for my life understand why i did not get 100/100 on google pagespeed on a fresh and blank wordpress installation. I am a first time wordpress user and a complete newbie of wordpress I CANNOT UNDERSTAND how the wordpress team is not fixing this in the very core. I have spent several weeks on this and even started to write my website totally from scratch instead of using wordpress.

[@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!!!!!! 🙏

[@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!

[@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!

[@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

[@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!

[@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...

[@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.

[@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

[@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!

[@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!

[@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!

[@tiago.visuals]

OMG best vídeo about wordpress optimize on YT

[@websquadron]

Let others know :)

[@AscotFencing]

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!!

[@davidspot191]

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

[@mohammadshafeeq3471]

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

[@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 👍

[@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!

[@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!

[@jaykiriona]

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

[@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!

[@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

[@itsjordyv]

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

[@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.

[@paulhani854]

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

[@websquadron]

Fantastic!

[@dariuswillow9964]

Jesus… I don't know what to say but thank you bruh. My website score is just unbelievable now.

[@ClipBooo]

The most amazing tutorial

[@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 :)

[@cybermaventech]

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

[@eljedi5833]

it works! from 24 to 88 in mobile... no CDN, no cache plugins... lol and my server is a shit but i have allready paid it...

[@websquadron]

Boom!

[@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!

[@mahmudulhasanjami1491]

This video is really great. First Class!!!

[@websquadron]

Thanks a ton!

[@reggiejan]

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

[@ibtissamhajji3902]

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

[@websquadron]

You're welcome!

[@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!

[@mad7505]

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

[@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.

[@imaanjeetsingh858]

bring this king a crown 👑

[@FitforFortune]

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

[@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.

[@CronYcK1]

i went from 47 to 98 on mobile , well, this is something thank you so much

[@websquadron]

Awesome Bebe. Always make a backup before using these tips in case any affect your site.

[@CronYcK1]

@@websquadron for sure ,thx for advice. Keep doing a great job man 🙏

[@hamzaafridi7058]

All The Problems Solved in 19 Minutes👌

[@websquadron]

Nice :) Do share in other Groups where you think it will be useful.

[@hamzaafridi7058]

@@websquadron Already Sent. It will Surely be Helpful for alot of my friends!

[@talharehmani5711]

Thanks for the help it really boost the speed ❤

[@websquadron]

See the 2024 version which is better :)

[@LouisPetrides]

The king is back. :) Thank you.

[@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.

[@itsallaboutnatural]

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

[@emmanouil1453]

Great tutorial Imran! Thank you.

[@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.

[@jasonrhl]

This one was very good. I went from 55 - 87 on mobile following the tips here. Have not implemented the image sizes yet Do you have a video on how to get rid of old plugins from the database that were added when a previous developer looked after the site? Is it worth the pain to remove the old plugins from the database?

[@dev_greg]

Use WP optimize database cleanup. Make a db backup before you do that, works like charm. Then you can switch off that plugin.

[@websquadron]

Like G Meksoo said - use WP Optimize

[@StnurTube]

So much help for beginner developer! Big thanks!

[@ElementoryMyDearWatson]

Very usefulk as always. Many thanks Imran

[@jihyejeong4259]

Tanks for your great info. Some of my snippets are deactivated automatically. "This snippet was automatically deactivated beacause of a fatal erro at time" I got message like this for each deactivated snippets.

[@websquadron]

Which snippet as they all work - and have you checked with your host or it may be due to other plugins or themes that you have.

[@jihyejeong4259]

@@websquadron how do I check from hosting site and which plugin may affect that thing? thanks.

[@darreng-g]

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

[@arewecrazyyet]

I have already given the thumbs up. The information is excellent however the talking speed is like a 30 second infomercial about car insurance rather than imparting knowledge that needs to be noted. I keep having to pause, go back write a note, proceed, pause, write a note in an endless loop.

[@websquadron]

Sorry. Have you tried setting the speed to 0.75?

[@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?

[@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).

[@webseiten]

ok, thx for your Infos, but it is important that you not only consider the technical page speed, but also the real loading speed. Caching is still important to speed up the user loading time as well. (browser caching, GZIP etc...) ;-)

[@websquadron]

I agree, and I've done lots of testing for the last 3 weeks, and all is fine from the real-live speed pov. You could add a Caching Plugin as well, or use something from the server side. But always use what works best for you as not all of the tips here will be relevant or worthy for your site(s).

[@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

[@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.

[@robertorosello5861]

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

[@soicybunny]

killed it again! you help me every upload!!

[@websquadron]

Awesome Mimi!

[@jabeztadesse]

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

[@DeeGil]

Dude you're legend, thanks so much!

[@uncannyrobot]

Great stuff. The code snippets for "Remove Google Font" and "Ensure Webfont is Loaded" are for Elementor. Are similar scripts necessary for Bricks or Oxygen?

[@websquadron]

Use this for Bricks - Ensure Webfont is Loaded: function custom_font_display( $current_value, $font_family, $data ) { return 'swap'; } add_filter( 'font_display', 'custom_font_display', 10, 3 ); And for Remove Google Fonts; function disable_google_fonts() { return false; } add_filter( 'print_google_fonts', 'disable_google_fonts' );

[@uncannyrobot]

@@websquadron You're awesome. Thank you.

[@olymp2io14]

@@websquadron hey, been watching your videos for a few weeks or months maybe and I saw u were using bricks, since then i keep wondering about switching from elementor to brick, do you really think that bricks is worth the time of building the pages again and will work properly on a shop store ? non-developper here just someone building website on his own to sell his products. Thanks !

[@olymp2io14]

@@websquadron also when talking about optimisation, one of the trouble i'm having is with cookie plugin, did you find one that is not too bad for page speed or make a code snippset that works ?

[@websquadron]

@@olymp2io14 Both can work equally well and it comes down to how you like to build. Bricks offers more solutions out of the box like the Product Filter which is really good.

[@amiebrown7594]

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

[@Jimsoda]

Worked great expect for "Remove Google Font" and "Ensure Webfont is Loaded" which gave the dreaded "There has been a critical error on this website". Not sure what caused it but deactivating code snippet returned it back to normal.

[@websquadron]

Sorry to hear that!

[@אוריתמרגולין]

extraordinary!!!

[@FearOfGeorge]

I got from 42/90 to 90/99 with your video. Big thanks :DD

[@LeatherYard]

After using these all plugins?

[@angelausytube]

thats great İmran , thanks

[@websquadron]

Always welcome

[@EverythingIsUnreal]

Nice video, but I got 100 performance score on mobile running uncut desktop size jpg image and a heading with zooming effect on hello theme with Elementor pro, plus addons premium and some other plugins without doing all that... all I did is activated Litespeed cache aggressive preset :))

[@TioMahesa-u6b]

Thanks bro, it works.

[@websquadron]

You're welcome!

[@alexflof23]

Hero, respect

[@heinvanvlastuin5418]

Love it!

[@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.

[@martinbarron6545]

This is quality man!!!

[@Sashad2003]

Thanks 👍 Cool video and very informative

[@sikandarali6223]

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

[@SheikhSaheeb]

Your accent is like an American ❤️ ❤️👍

[@websquadron]

I watch too many movies :)

[@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!

[@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 :)

[@fatjay9402]

Great Video!

[@daniel.trapanese]

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

[@WebInspire29]

Awesome Boss. From Bangladesh.

[@midas6676]

Thank you sir for the great video! My website went from 65 on mobile to 82. So still room for improvement but it is a lot better. Do you have any recommendations to get to 95+?

[@websquadron]

Anything over 70 is good too. It will depend on the build.

[@ryanzwahr1226]

Awesome information Imran, thanks brother!

[@muhammadburhan3531]

This is really amazing and informative video you awesome

[@websquadron]

Glad you liked it

[@maddy1mymk]

🤯Thank you Imran! Lot's of great info

[@chervince5]

Hi ! thx for the vid. :) Please, can you tell me why do not use de "elementor code snippets" ? thx :)

[@websquadron]

I find it better for protecting your site from bad codes. And easier to apply.

[@ahoo_daily]

Works for me, awesome :)

[@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

[@HugoMarco]

I really enjoy using code snippets, especially when the client does not have a child theme for their website. My question is, would it make any difference if I created a plugin to store all of those snippets instead?

[@heinvanvlastuin5418]

That would be my preferred method as well. Or add them inside functions.php of the theme.

[@websquadron]

Yup that can be done

[@syamsarosa5916]

I think so. That way you can copy paste the snippet easily between sites. You can also take advantage of git.

[@marketingscarborough]

Great Video once again :-) Q? Why is the Google font set to swap - what does this actually do?

[@websquadron]

If for whatever reason is doesn’t load then it will use the browser default which is usually roboto

[@ThePaciFest]

Brother, this video is a god send! I spent so much time wasted with other videos trying to sell me some BS plugin! The only thing I noted is when I enabled 'Optimize images in tags' in Phastpress, all my images stopped loading. Any ideas?

[@websquadron]

Don’t optimise images in PP. Watch my updated 2024 video I released in January.

[@ThePaciFest]

@@websquadron Thanks brother. Funnily enough, once I converted them to webp format, it worked fine. Watching the new one now

[@websquadron]

@@ThePaciFest Cool. I have nothing against WP Rocket but I can achieve what I need without paying for a premium plugin :)