98% Mobile Page Speed Insights with Elementor and without using WP Rocket or Nitropack

With some thought and the use of Free Plugins - I took a 73% Scoring Page on the Mobile built with Elementor to 98% !!!!
Plugins to use:
- PNG to JPG
- IMAGES to WEBP
- WP Fastest Cache
- Autoptimize
And one thing .... that is never mentioned ... well - it worked for me!
You will be surprised.
With Elementor, careful thought, and one trick - you will be mega-close to 100% for Mobile Pages.
Let's do it.
- Get Elementor Pro here --- elementor.com/?ref=25741
-- Of course, we're affiliated to them, but it helps to pay for resources to keep creating ace content for you :)
PS: websquadron.co.uk
PPS: Don't miss out on our amazing Create a Website in One Weekend Course - and it comes with a FREE Elementor Pro License!! websquadron.co.uk/createwebsi...
PPPS: Contact us for any questions or to collaborate.
PPPPS: I must stress that we only build with Elementor and no other Page Builder.

[@angelrodriguez8714]

Finally, an optimizer without a paywall

[@faseehzafar7564]

You are providing great content, keep doing the good work. You deserve much more subs and views.

[@websquadron]

A big thanks! Please do share - and use every avenue that you know to let others know :))))))

[@digitalmarketingvault]

Hello, love 💗 your unique teaching style - clear, transparent and engaging. Thank you

[@websquadron]

Thanks so much. I did an updated page speed video a few weeks ago that addresses better tips. Do check it out as it’s more current for Wordpress standard :)

[@websquadron]

Here you go: kzbin.info/www/bejne/i5m6doObrM2DmJY

[@dominmax]

Oh, now I must subscribe :) This is not first video I'm amazed by. Looks like Google is chasing its own tail :)

[@websquadron]

Totally - but see this updated 2022 version: kzbin.info/www/bejne/i5m6doObrM2DmJY

[@liamini1]

wow, so simple ! +20% thank you bro

[@Michael_M]

Hi Imran, new to the channel but I love what you’re creating. About this video; can’t believe it hasn’t exploded yet. This is what everyone wants 😁 Gonna try it out on some sites I have and see if I can get it to do the same.

[@websquadron]

Double check your site after removing Google Fonts and maybe upload fonts required. Hope it works well for you as it has for me and many others! Until I get this onto the news channels, it won't explode (but I'll keep my fingers crossed).

[@Michael_M]

@@websquadron hmm sadly it didn't work out for me. The fonts weren't loading anymore and reverted to a standard font. Did you add the required WOFF and WOFF2 files to Elementor custom fonts before doing this? Or what step am I missing?

[@websquadron]

@@Michael_M We found no changes on our sites but some of that will be due to the fonts we use. If you are seeing 'revert to standard' then do upload the Fonts to Elementor.

[@healthvitality4547]

Awesome Video. Many thanks for your efforts.

[@websquadron]

My pleasure!

[@clothdiaperlk]

Thank you so much for sharing...❤️❤️❤️❤️❤️

[@0ShadowG0]

Love the content. I tried it out. Sadly I didn't get quite the results you've obtained. It only increased my mobile score from 38 to 47. Nonetheless, it's always nice to have another trick up your sleeves for the future.

[@websquadron]

Try again - and watch this updated video instead - and double check what's pulling your code down. kzbin.info/www/bejne/i5m6doObrM2DmJY

[@jamohi8573]

Thanks it's work from 39 to 60%

[@websquadron]

Have you seen the latest 2024 video?

[@georgeslegrand4697]

Thank you.

[@keywordniches2207]

2 years later you still use autoptimze or do you optimise by starting with gutenberg and building the blocks for speed? i see many use page builder and themes that are heavy load on the server and they sarcrifice on speed. What are your thoughts? i m lokking for a tutorial on gutenberg that starts from zero to designing a complete webpage in gutenberg using fast theme like astra and without using any extra bloatware. Also the disable lazy load part i like alot on autoptimize but what will be 4th image? and not each page has 4 images in the above the fold. How to fix this on a page per page scenario?

[@websquadron]

See my updated 2024 video that uses different methods

[@keywordniches2207]

@@websquadron link please?

[@arturszyna4988]

Thank you, the website is much faster

[@sarantos111]

Thank you for your suggestions. Just a friendly reminder. More plugin = issues. WP Rocket counts as 1 plugin while your wp site has 4 to do the same job. Redundancy is not what you need when it comes to performance on a WP website :) . Nice content though for smaller sites such as blogs etc.

[@websquadron]

Agreed and cheers

[@viktorchemezov927]

Bro please help me. I have landing page. And I have code in “custom code” elementor. That code creates phone mask. But this mask only use on pop up form. How can I delay this js code till opening pop up?

[@websquadron]

Does the pop up activate upon a button click or as soon as you land on the page?

[@anam7735]

Thank you

[@randlfmata8476]

Thank You bro

[@jurtrypik]

Nice video man. I will try it!

[@websquadron]

If removing the Google Fonts affects your site, then upload them to the Elementor Fonts area. good luck and be brave!

[@QuranTutors.co.]

How to upload fonts to the elementor fonts area ?

[@websquadron]

@@QuranTutors.co. Try this for local font uploads kzbin.info/www/bejne/jnTJeJivl857aLc

[@ylelygroup]

Thanks for your great Video, but unfortunately "Images to WebP" has been closed.

[@meisterleise]

Hey @Web Squadron. Sorry, but you made one big mistake. You CAN NOT deactivate Google Fonts. Elementor has the fonts NOT built in, it just loads the Google Fonts. If you still see the correct fonts you either didn't clear all caches, you've installed the font localy or you just didn't recognise that the fonts have changed to the defaults. You have to store the fonts on your host. Elementor has the function "Custom Fonts" for this. Also: If you set the caching plugin and the autoptimize to these strong settings, it may work on your example page, but it will kill more complex web pages mostly. JPG, PNG, WebP? That depends on the type of image. I use PNG a) for graphic elements and/or b) for images with transparencies. If you convert these images to JPG, you lose the transparency. In this case, you should convert directly from PNG to WebP. Nevertheless: Keep going! See you in the elementor community. 😉

[@websquadron]

Indeed. I now use BulkResizePhotos.com to convert and keep transparency. Saves me having plugins on the site too :)

[@peacetoall1858]

@@websquadron that's a very useful site. Thanks

[@KevsGuide]

@@websquadron what about his comments re "You CAN NOT deactivate Google Fonts. Elementor has the fonts NOT built in, it just loads the Google Fonts."

[@websquadron]

@@KevsGuide You can stop them from loading with JS or the Autoptimize setting to Remove Fonts. Then with Custom Fonts, load what you want to use.

[@refluxroadmap]

@@websquadron but I guess you didn't explain how to do this in the video?

[@Kareem786king]

Amazing bro amazing

[@websquadron]

Thank you so much 😀

[@InsiJuice]

My score actually improved with this method, but I encounter an issue with it. My pages font were jumbled, I dont know how to explain it but my pages fonts were re-arranged. I tried fixing it in Elementor but it didnt do a thing so I revert to original settings.

[@websquadron]

Best to use this updated video. It could be the Global Font or Typography settings. kzbin.info/www/bejne/hmXRlqOwgKpjfNU

[@fuadsyawal7461]

what if I already have caching plugin? Can I use all of them or should I just use this plugin you mentioned?

[@websquadron]

Conflicts can occur, so maybe don't use WP Fastest Cache, and just load up Autoptimize.

[@refluxroadmap]

@@websquadron what if we have WP optimize & A2 optimizer?

[@websquadron]

@@refluxroadmap I don't use A2 so can't comment on that. WP Optimize or WP Sweep are fine to use now and again to clear our revisions and transients.

[@bashirmanafikhi]

thanks

[@tomekmar7517]

I do not use Elementor. I work mainly with the native Gutenberg. But I was curious what's gonna happen if I do exactly the same and remove Google fonts using the autoptimize plugin. I was convinced that will cause some serious trouble. So I uploaded a kadence online shop for testing and guess what...the shop was in perfect shape and the mobile score increased from 82 to 94. I was like....wtf.... Thanks a lot.

[@websquadron]

It's amazing isn't it how one simple thing can make such a difference and it's easy to add your own custom fonts too. Glad it worked for you too!

[@OscarObians]

Wow!. for the first time I got a 97 score on desktop for my site. Mobile is still a work in progress though hitting 65. But this is insane. Thanks for this tutorial.

[@websquadron]

If your mobile is still below 70, then rerun several times as it could just be the host. And check the feedback on the page about Next Gen Images (convert to WebP). I often add smaller images for the Mobile version to increase page speed :)

[@ncdigital14]

How do I increase my web page speed as our website have two many popup

[@websquadron]

Have you checked the recommendations?

[@MarziaAgnetti]

Unfortunately did not work for me. Hosted fonts, since I have some variables, seems to be heavier to load than the requests to googlefonts. I lost almost 20 points on mobile, from orange to red!!. I'm forced to restore the previous settings.

[@websquadron]

Hi. This is an old video and I did an update on Jan 2022

[@MarziaAgnetti]

@@websquadron thank you! Could you please send me the link? I cannot find it :)

[@websquadron]

@@MarziaAgnetti kzbin.info/www/bejne/i5m6doObrM2DmJY :)

[@user-te1oi7pg6x]

how does nitropack cheat the system?

[@websquadron]

Look at the results with NP. Loads a blank page and delays all JS.

[@ylyaskudratullayev]

but why nitropack sucks??? Google experts suggest to use it. Could you clarify it?

[@websquadron]

Have you a link to Google Expert who recommends it? Please do post the link, and also be sure that they are a verified Google Expert employed by Google. If I'm wrong, then I'm wrong, but NP's method of using a light page to trick the tests before your proper page is revealed says a lot.

[@ylyaskudratullayev]

@@websquadron Here: "father of SEO" Bruce Clay about nitropack kzbin.info/www/bejne/nquaaaOKqs-Ahrc&ab_channel=BruceClay%2CInc.

[@ylyaskudratullayev]

Woooowwww! So if we just remove Google fonts then it will really increase the speed???

[@websquadron]

Yes indeed.

[@audunjemtland8287]

Why is elementor builder SUPER slow for me? It takes 15 seconds for every click to load. The builder itself, working inside the workspace.

[@websquadron]

Have you got many plugins?

[@audunjemtland8287]

@@websquadron No not at all. (No more than 5) A friend helped me and deleted cache. It goes quicker now. But I feel the web builder is slow from day 1. Everything takes so long to load. Takes long to save, long to go back and forth. Does google font fetching for example affect the builder speed itself?

[@websquadron]

@@audunjemtland8287 yup - use custom forms and don’t fetch from Google. Have you seen my latest page speed 2023 video?

[@websquadron]

@@audunjemtland8287 click on my channel and you should see it as the featured video

[@audunjemtland8287]

@@websquadron Thanks man!

[@QuranTutors.co.]

Plz make a video on how to add fonts in Elementor

[@websquadron]

See this: kzbin.info/www/bejne/jnTJeJivl857aLc

[@tawjihscope]

your website is emty and just 4 or 5 plugins instaled so its normal and easy to reach 98 in page speed

[@websquadron]

You will find that even a website with just 1 plugin will drop down depending on how you build it. Take care and good luck in your journey.

[@SiXiS4]

whats wrong with nitropack ?

[@websquadron]

I’ve found many things not perfectly right about it but I won’t list them here. If it works for you - go for it :)

[@SiXiS4]

@@websquadron i have it on one of my blogs works fine , for free ofc

[@sarantos111]

I will try to explain what's wrong with nitropack in one sentence: Its core functionality is to "fool" page speed insights. It doesn't care for your website's user experience. If you are curious why it's something that you need to google to learn more. WP Rocket is the only way to improve your site's performance.

[@websquadron]

@@sarantos111 Thanks for that. I'm not a fan of the Nitropack methods or their so-called attempts to defend what they do.

[@refluxroadmap]

@@sarantos111 WP rocket was crap for my site.

[@OldNeoMatrix]

Convert png to webp directly.

[@websquadron]

Yup

[@Kareem786king]

All problem solve

[@evilisevilgoodisgood1421]

There should be a disclaimer saying he’s not a developer just a hobbyist!

[@websquadron]

Damn right :)

[@MrZakius]

dude discovered cache plugins and lost his mind... nothing of value added in this video

[@websquadron]

Excellent. Many thanks. Kudos to you.

[@andriisukhariev]

i thought you are sane person... but it can't take 23 minutes to JUST remove google fonts and just use a bunch of plugins...

[@websquadron]

Maybe try the new 2023 Page Speed Video and sorry if you feel the right to question my sanity. Feel free to unsubscribe unless you want to throw more insults from your keyboard. The effort and time that I and others sacrifice to help so many always goes unappreciated.