Speed up Your WordPress Site for Mobile on Google Page Speed Insights

[@JackCao]

I retrace my statement regarding the namecheap hosting. The Google Page Speed Insights test in the video was done at about 1am (Singapore Time), which has gotten a 99 rating. However, the following day when I've tested the site over 24 hours, it shows that there is always a "Reduce Initial Server Response Time" issue of 1 second or more in most of the test results. Hence, the Namecheap Web Hosting is certainly a factor that is causing a slow site speed. My recommended Web Host for Speed: 👉 Best WordPress Caching Plugin: jackcao.com/cloudways

[@MehdiGuizani]

Imma check this out on my site

[@victorzhitomirsky815]

There are too many wrong descriptions of what you get on Cloudways. Let's compare it with the NoFrillsCloud offering servers in the Data Centers in London, US West, Singapore, Sydney, and Mumbai. They charge the same monthly fee as Cloudways 2 CPU/ 4GB plan but offer 3 CPU and 6 GB RAM. On the top, you will get a possibility to set up 50 cPanel accounts, unlimited storage space, and a white-labelled server. Your account will be hosted on AWS, Linode, DigitalOcean, or UpCloud. Some of the hardware might be powered by the recent generations of AMD EPYC or Intel Xeon processors. NoFrillsCloud provides the optimised software stack based on LiteSpeed Web Server Enterprise. You get 50% more hardware resources than the similarly priced Cloudways plans and use a much more efficient software stack. Should we emphasise that Cloudways offers the same shared vCPU hosting resources as NoFrillsCloud, but bundles them with a much less efficient Nginx software? It should be possible to serve at least two times more visitors on NoFrillsCloud plans than the similarly priced Cloudways plans. And you will use the same cloud providers!

[@rishabhchoudhary4284]

Bro please make a video on user registeration, user profile and and user login pages with gutenberg. Can we do this without plugin?

[@JackCao]

@@rishabhchoudhary4284 Sure you can. I am planning the content for those as they are highly requested. Will do so soon 😊

[@rishabhchoudhary4284]

@@JackCao we will be waiting for them.

[@PistolPeteLee]

Jack, I have just watched every single second of this, and can honestly say the professionalism of the channel is amazing. This video in particular was incredibly well put together, and I'm using it right now to optimise a page.

[@JackCao]

Glad it helps. Let me know if you found any unsolvable issues.

[@Ajmal_Hossain]

Hope, future WordPress developer will come from the traditional development processes by your hand. As jump into work without knowing the output can cause problem on the other hand, we traditionally use the tools that have massive facilities and good UI. However, if alternative solution is arrived fully, many of us might shift to that. Thank for you recommendations and analysis.

[@miketaiwanwalkcity6355]

This AWESOME TUTORIAL reflects a lot of work to search the faulty Plugin (one by one!!!) + the editing of the video + the didactic explanation

[@JackCao]

Glad you liked it! 😊

[@amrali3929]

You deserve all appreciation and respect for your effort. Keep going 👏

[@JackCao]

Thank you for your kind words! It means a lot to me. 😀

[@Frugalisme]

*DUDE ! YOU ARE MY HERO !*

[@JackCao]

Glad it helps! 😉

[@nialmcshane]

Thanks for the video, I have a site built using the Salient theme and there is over 700 pages. I believe the issue is WPBakery and please help me increase the Core Web Vitals as it is going to be a nightmare to convert. Thanks

[@PilatesinSacramento]

Another great video, Jack. Great to see how you created a blank page to get a baseline. It’s often a frustrating process to debug a low score. Thanks for showing your methodology. 👍

[@sizanaminun6686]

I have setup wprocket properly but still there is eliminate render blocking resources. How can i get rid of that?

[@TheNettforce]

Thanks for breaking it down step by step. Another great video Jack.

[@JackCao]

Thanks Brain! 😊

[@megataizack4531]

Hmmm...is it me or there is not any facebook or google tag plugin installed in there? because mostly my google speed score around 51-68 with tracking plugin and 85-95 without tracking plugin.

[@msaqiib]

Man 😍 You're Great I've never watched a video of speed optimization like this, your videos are short and easy to understand, you got a new subscriber ✌️😄

[@fatality235]

I'm building my first website and that video helped me so much!

[@georgeslteif]

Thank you for a great video

[@JackCao]

Glad you enjoyed it! 😊

[@yapchenpo95]

Do you recommend using Jetpack > Enable site accelerator > Speed up image load times?

[@JackCao]

I have optimized several sites with Jetpack and they are one of the plugins that cause a site to slow down or causes a site to break. So, I never really use them.

[@carlosmgarcia6618]

Hello Jack Great video. Full of information. Around 6:10 you talk about how to avoid Google fonts requests. Could you give us some alternatives to fix the problem? Maybe if we self host the fonts with a plugin . Thank you.

[@JackCao]

Sorry for the late reply. The next video on my channel, I will cover that.

[@AiYoutube]

Hi Jack nice one. First off, where can I get the WP Rocket? I tried searching in my plugin section of my WordPress backend but I couldn't find it. Secondly, I find it pretty baffling that the LCP of my website is a Paragraph. Really? If it was an image of could understand, but a paragraph.

[@FirebrandVOCALS]

Converting images to webp also helps I think.

[@JackCao]

Yup. It does.

[@paulhildmann8392]

Very thorough explanation, like the blueprint. Thanks!

[@JackCao]

Glad you find it helpful 😁

[@briancoghlan6607]

Thanks Jack, another helpful and informative video. Thank you.

[@JackCao]

Glad it was helpful! 😉

[@Swintus]

Great tutorial, thanks

[@shrotkatewa]

Hi Jack, another amazing video! I had a couple of questions and your expertise will be really helpful! 1. I wanted to know how to load fonts locally. I'm using google fonts and I'm not able to figure out a way to load the fonts locally. You mentioned about it in the video but I guess you never needed to do that since the site was reaching a score of 99 already. But would be great if you could include this in one of your future videos. 2. I am now using - Ezoic Leap (Ezoic's new solution to fix the Core Web Vitals). Ezoic says you don't need any optimize plugins are they are already built in LEAP. Furthermore, having caching and optimize plugins may in fact hinder LEAP's performance. Since, more and more content creators will be using LEAP in the future, can you create a video on how to optimize your page using LEAP (if you are using Ezoic on any of your website). LEAP also has similar functionalities, but just figuring it out is quite difficult for a non-technie like me. Thanks a ton for all your content! You are doing and amazing job and I love watching your informational videos! :-)

[@JackCao]

1. It recommend using the Kadence Theme as it provides an option to load Google Fonts locally. 2. Will look into LEAP. I am using Ezoic on one of my site and I have yet to get their speed badge. Going to do it now, maybe LEAP will appear after I pass the test. Very interesting. Thanks for sharing!

[@yapchenpo95]

Love the step by step guide

[@MohammadGhorbaniDesigner]

Thank you, great job

[@Gali80f]

You are awesome! Thank you!

[@shriram2u]

Thank you very much Jack. This was extremely helpful

[@TiagoDezan]

Another excellent video tutorial!! Thanks Jack

[@JackCao]

You are welcome Taigo!

[@miketaiwanwalkcity6355]

Hi Jack, I watched 2 times but I don't get it HOW you optimize the GOOGLE FONTS loading?

[@JackCao]

Next video on my channel 😉

[@yousportshd6058]

This is a great video. It's very well explained and nailed 🔥👌

[@EzsFantabulousAdventures-mp6nj]

Hi Jack, i tried to contact you on your website but it doesnt allow an option. I had a question regarding fixing CFP and LCP on page insights. Willing to compensate for your time. Thank you

[@venturous84]

Superb job

[@dovydas1836]

Great video!

[@plrljewelersanddaughters]

Hello jack, I used settings from your other video to optimize my website, now my logo does not load on homepage, its looking weird, please help thanks.

[@Andrew-C-Witham]

Can I ask how you dealt with the question of lazy load vs LCP? Or is that handled by the image optimising plugin? Also are there any themes that allow you to choose which images are lazy loaded..... eg. just the ones below the fold?

[@JackCao]

Sorry for the late response. There are two ways to tackle LCP. 1. Do not lazy load your Largest contentful paint object; 2. Shift your LCP image out of the viewport (above the fold) so that something else will take over as LCP. For #1, you can use plugins like WP Rocket, which I highly recommend: jackcao.com/wprocket You can set which specific image you want to avoid lazy loading.

[@dojtechconsult5166]

Thanks so much for this tutorial. Really helpful

[@yapchenpo95]

Needed very much! Thanks !

[@imtiazhashmi7144]

graet idea sir thankfull

[@SubrathBiswas]

Awsome brother ♥️

[@marcorossi5132]

hi jack! love your content. Its been a year since building pages with elementor and want to switch to gutenberg. what do i need to start? is there any starter templates i can edit when using gutenberg so its easier? thanks!

[@JackCao]

Thank you Marco! You should start by installing the Kadence Theme and Blocks plugin. And then, install the Kadence Starter template plugin. You can search in your Wordpress dashboard or you can download it here: wordpress.org/plugins/kadence-starter-templates/ I have a couple of tutorials where I build web pages from scratch too. kzbin.info/www/bejne/fovOoXpjqct7hqM

[@herberthorellana7961]

Hello i was following step by step but at the moment i changed the site url google show me an error where the site is compromise and some hackers maybe are attacking my web, i could restablished the website but wordpress is not working properly, i can not donwload any other plugin, what can i do? Do i need to delet all the site for this issue? I am afraid of the security of the site about quick clould and the code i introduced in my cpanel

[@Lulu-kt6gr]

Hi do I have to optimize images before I download or is it enough to optimize them with a plug-in like Smush?

[@erichepperlewp]

Great explanation Jack!

[@leeangela7254]

this content is amazing!! it helps me out!

[@10Web]

This is very informative! Good work.

[@visualmodo]

Really good WP video!

[@JackCao]

Thank you! 😊

[@streampresentationcooperat7282]

Good morning, how to load googlefonts from WordPress?

[@yusion9]

Try the new tool called google site kit, much updated info and tools for seo

[@darshanpatel1890]

What if we want use Elementor? As you know there are many things we can't do with Gutenberg only.

[@JackCao]

Then you have to sacrifice page speed on those pages you use Elementor. And most of the time those that you use Elementor are not fighting for rankings on Google, so I think using Elementor is fine for those pages. I recommend to NOT use Elementor on blog articles where you are ranking for keywords. For those blog articles, just use Gutenberg to create the content.

[@darshanpatel1890]

@@JackCao yeah, actually those are landing pages. I have improved the speed user experience vise but this Google score is not that good. 🙏🏻

[@JackCao]

@@darshanpatel1890 Maybe there is something else that is slowing down your Non-Elementor site. Like are you using templates for your blogs, or do you have any video embeds on your content?

[@darshanpatel1890]

@@JackCao yup, I have one subscription form and video too. So, I think no turn around. KZbin Resources are also slowing down the site.

[@JackCao]

@@darshanpatel1890 For subscription form, try using the Reusable Blocks from Gutenberg to create the Call to action template and then, use the Kadence Blocks form that connects to Mailerlite. That will allow you to avoid Elementor on blog articles. Watch this (Create a landing page with Gutenberg): kzbin.info/www/bejne/pGOrop-blpWFg9E For the YT Resources, I think you should consider getting this plugin: jackcao.com/wprocket to help you optimize for video embeds. So, there is actually a way out of Elementor.

[@amkelamkel8794]

Great Job Jack

[@JackCao]

Thank you!

[@nikolagolabovski7378]

Awesome, thanks!

[@ayushn84]

Love your content ❤️

[@JackCao]

Thank you!

[@1rfan_saeed]

simple yet effective

[@rishabhchoudhary4284]

Bro please make a video on user registeration, user profile and and user login pages with gutenberg. Can we do this without plugin?

[@JackCao]

You definitely can. I am assuming you are working on the Kadence theme?

[@rishabhchoudhary4284]

@@JackCao yes bro i am using kadence theme,generatpress and bloxy on my sites. also bro how can i use acf feilds in my post without elementor that seems challenging as i don't know how to design custom single post layout with Gutenberg.

[@haomanim]

thanks

[@user-tg4cv2db2y]

Тормозил сайт и я переехал на well-webnet/ . Взял VPS за 990 руб. Ребята настроили все сами, панель ISP5 дали бесплатно за оплату на год. Я даже не предпологал что мои сайты могут так летать. Техподдержка высший класс, выполняют все капризы если сам не хочешь или не можешь. Перенос делают бесплатно и сами. Подарили SSL сертификат, на все время что сайт будет у них. Пейджспид поднял оценку сразу до 93-х после переноса, сайт стал грузится моментально. Так что хостинг сильно еще влияет на скорость сайта

[@plopz25]

Thank you so much jack

[@JackCao]

You are welcome! 😊

[@kahchon87]

Hi, is Elementor page builder considered as old school page builder?

[@JackCao]

Yes it is unfortunately. Elementor is one of the main causes for slow site speed in my opinion.

[@amitchopra]

But how can we optimize website if we are using google ads...?🤔

[@JackCao]

That's a tricky question. As long as you are loading ads, we have got to sacrifice page speed. Are you using Ezoic?

[@amitchopra]

@@JackCao no, just google adsense... But now I'm not using anymore because of page speed...🙄

[@JackCao]

@@amitchopra If you are using Ezoic, they are changing their platform to curb Page Experience. If you think your site has good traffic, maybe you can check it out: jackcao.com/ezoic

[@amitchopra]

@@JackCao ohk, thnx😍

[@chrismaddox3d]

Great video and it seems I may need to get WPRocket since my site is slow and I use Kadence and Cloudways, I noticed the Reduce the impact of third party code at 2,510ms is my main issue, Other Google APIs / SDKs is at 1,480ms and Cloudflare is 368ms and Google CDN is 258ms, would Google Tag Manager cause it to slow up as well? keep making videos on this, Thanks

[@JackCao]

Yes, all those you have mentioned will slow down the site as they are all drawing and passing information to and from 3rd party sources. WP Rocket only works with Google Analytics code but not with Google Tags. Do you happen to have recaptcha, or maybe you want to try and determine why your page needs to connect to Google. You may want to try installing a plugin called "Asset Cleanup" to remove css & scripts loading from individual pages. Hope you can use this link to get WP Rocket if you are ready to get it: jackcao.com/wprocket 😊

[@shaolin60]

I doesnt seems that Imagify properly do that work (partly). As I see you have chosen aggressive mode for Imagify, so it means that all group of one image was compressed as my body compressed food until morning. I think wordpress biggest drawback is to throw out an image for the desktop and mobile versions, respectively. For now if you will choose large 1024 px image for desktop the same picture will shown for mobile. Bring me a handkerchief, I'm out of them.

[@salvirji4873]

Great video as always. I do have a question, as most of my issues are around FCP and LCP due to my hero image. What image size would you recommend I am currently using between 1900px and sometimes 1400 and have converted it to webp. Thanks.

[@JackCao]

It is all about trial and error but an image of about 1,000px in width should be good enough. And, do not use lazy load for above the fold images.

[@salvirji4873]

@@JackCao great thanks, I will give it a go tomorrow 😊. Have a great one tomorrow.

[@ishasingh8812]

very informative video!

[@punit5601]

I'm not sure why my score is not up despite using Gutenberg

[@JackCao]

Send me an email with your URL. Let me have a look. [e-mail]

[@BibhatsuKuiri]

can you make a video on the best free backup plugins to backup the entire website (without size restrictions to buy premium)

[@stanfordlee]

WPvivid? No size restriction, one package export, and import. Easy and fast.

[@tobaccoandcannabisjunction7997]

Hello, Jack. I'm headache about the pagespeed of my website, can I invite you to fix my website?

[@rightpadding]

What a monster. Damn! Thanks for this,!

[@JackCao]

You are most welcome! Hope this works for your site. Let me know if you need any help 😊

[@encapsulatio]

Only thing that's right now missing on your channel is a up to date thorough guide to secure wordpress sites.

[@JackCao]

Good point! I will look into it. Thank you for the suggestion.

[@encapsulatio]

@@JackCao Any update on when you will be making that video?

[@CatDribble]

I tried to load a font locally, it ended up adding an extra 900kb to download the page, whoops

[@RobertOHaver]

Can I hire you to help me with speed optimization?

[@tomsuksesman7716]

Hi jack, my blog score : 82 (mobile) 91 (desktop), when i installed ads, the score reduced to 30-40. Any suggestions?

[@JackCao]

This is a tricky one. Whenever there are ads, it will slow down your site, and the only way to optimize this is to delay the javascript loading from third party source, but by doing that, it may reduce your revenue. Are you using Google Adsense? I recommend that, if you want better page speed score, you can check this out: jackcao.com/ezoic Great pagespeed score even with ads using the Ezoic platform instead of Google adsense.

[@RoboGS1200]

I once had somebody “optimize” my site. He installed nitropack which gave the site a good Google score, but from a user perspective, I could still tell it was slow. Is Nitropack just fooling SpeedInsights?

[@JackCao]

From what I heard, it delays everything, and it breaks some websites. I haven't use them myself though.

[@darshanpatel1890]

Never use it. There some cheap people doing this things. It will completely ruin your user experience.

[@tuhinsherya9807]

Loveya

[@m.tarikulislam]

Sir I am from Bangladesh, I want to take hosting for a small Bangladesh based e-commerce, so need your valuable feedback, • CLOUDWAYS Package : DigitalOcean Premium or Vultr High Frequency • HOSTINGER Package : Cloud Startup Please give us your valuable feedback.

[@pandaatlantagame]

jack can you pls work in my website can you help me pls ?

[@annielin2894]

Wow Jack how are you it’s been a long time! You disappeared I am growing my FBMP now

[@JackCao]

Hi Annie, how are you doing? I'm good! What is FBMP?

[@annielin2894]

@@JackCao FBMP this is my third month and I getting sales!

[@JackCao]

@@annielin2894 FBMP stands for?

[@annielin2894]

@@JackCao sorry Jack doing listing right now Facebook Marketplace!

[@JackCao]

@@annielin2894 Great to hear! Awesome that you are getting some progress! What are you listing? Do you have a specific category of products or just random things?

[@novitekka]

speed is still 35

[@JackCao]

Do you mean the current state of the site? If yes, it is because the owner of the site made a lot of changes to it since I last visited the site.

[@VictorKoumantakis]

Look dude, if you don't have enough ideas for video content, please... please... do not publish things with no matter. You say, for example, that if I wanna have the 99 google score, I have to uninstall Contact Form, Google Recaptcha (!) and other simple but useful plugins... really? If I want to make a blank site ok! I will do it wordpress-ly. This video is not applicable in web businesses.

[@JackCao]

Look dude, this is the proper way to troubleshoot page speed scores. I see no reason you feel offended. I have done lots of page speed optimization for clients and these are the steps I use and it helped them. Removing contact form on pages where it doesn't need the codes just makes perfect sense. I also mention that if you need the plugins to operate your business, feel free to ise asset cleanup to remove codes where ever needed. Clearly you haven't completed the video and you make such a comment. If you are a page speed optimization expert, feel free to create a video teaching your method.

[@VictorKoumantakis]

@@JackCao Lookagain dude.... Don't be hurry. I saw the whole video twice. That's the reason I sent to you a kind comment. No offense at all! You say about the Asset Cleanup about like 2 seconds and it is a very important thing in the whole video. I understand that it is very technicaly and cleverly "hidden" in order to say that you can optimize a page to 99. I'm sorry, but this way of optimize is unapplicable in real businesses. But ok, it is a way to get the 99 or 100. I give it tou you! Keep it on! These comments are to make you better Tuber! I do not aim to do for my self. Best Wishes!

[@JackCao]

@@VictorKoumantakis It is not 'technically' or 'cleverly' as you've said. I didn't use asset cleanup because this page do not need recaptcha, and it do not need to use all these unneccessary functions that are loading on the background. Unless this page has an email capture form, it makes sense, and if that would have been the case, I will focus more on it. I thought I have already been very transparent on this video. Unfortunately, I can't please everybody. Best wishes to you. Take care.

[@VictorKoumantakis]

@@JackCao ok! That's an honorable answer. In addition I have to say (if you want to inlcude it in the video), that Asset Cleanup in some cases make the administration panel very slow. Thank you and as I said... keep it on!

[@eineririarte3211]

What excellent content you have, but I would like to ask a question, if I create a theme based on astra or kadence and I want to distribute it as I do, how I create the .zip for other people to download and install it in their wordpress. thanks for your help