I have been following your videos for a long time, you are my idol. I like the way you treat elementor and help people show how they can use it and get excellent results both in terms of speed and use. Thank you.
Watched your video on this from last year. Very similar. Did it on one site as a test. Had 70ish on desktop. Deactivated what was not needed in Elementor settings. Added in WP Fastest Cache and now 99. GTMetrix is now at an A grade also. 99% Performance and 1.1s for. Fully Loaded Time Crazy how little things like this help.
All the best in the New Year. Always good advice. With both of my websites, after carefully following your TH-cam videos, I consistently have 98 or above on mobile, and 100 on desktop. For me the actual number doesn't mean much but the load times are key. LEt's not forget Google measure speed at the best conditions, some users will have a lot slower times, hence keeping the actual load times short helps with suboptimal user load times from poor servers.
I like that you produce a new video on this topic and didn't just update the title of you video to say "2024". I've seen that used and then the video was posted years ago🙄
I love the codes you provided for Code Snippets. I'm really happy, especially with the automatic webP conversion. 🤩 Thank you so much for that great tutorial!
When checking the box "Preload" in WP Fastest Cache it asks to choose the method "Default" or "Sitemap". Which one is better for Wocommerce and Elementor Pro? Then when choosing "Default" it is asking to check certain options like homepage, posts, categories... which is better to check (btw, there was no products)? Then after checking Homepage it asks to set a number of pages per minute. Which is better in your opinion? Thank you so much for your videos
Amazing video! Just a question: for the webp conversion part, is there any code through which we can convert the already existing images on the website? And if there is, in which section of code snippet are we gonna put it? Thanks!!
Hi, Would you say the code snippet for converting images to webp could now replace the need to use the BulkResizePhotos and also when using the Mylisting theme using the EWWW plugin for customer uploaded images. Thanks for any feedback on this.
Hey, I really loved your video and followed the steps carefully. It sped up my website, but today, I have realised that some of my pictures are missing, and a few of the containers are really long. Do you know what would have caused this and how I fix it?
@@websquadron I fixed it - It was the grid container. Do you know why some photos on my website would now load blurry? Is it likely to be a plugin or a snippet? Sorry
@@websquadron Dear Imran, I have a question. It was all great 99 points Mobile and Desktop, but now mobile dropped to 62 and desktop remained 99. Is there any tips to boost mobile?
Could you make a video on how you deliver websites to clients, including setting up hosting (shared vs. dedicated), business email, and whether you use one hosting plan for all clients or set up individual hosting? I’m really interested in learning more, and would you be open to scheduling a 1-on-1 call if that’s something you offer?
Thank you, great way to start the new year ;) ! I wonder if you might consider doing a video about optimizing on page with Elementor: what widgets are better than others to use. For example for a list is it better to use a headings + text widgets of maybe icon boxes widgets or a price list widget? For big pages that's making a huge difference on the top of those explained in this video. Another idea would be about addons for Elementor premium paid versions, which are the best ones, best coded, stable, advanced features but also with modern designs ( some of it are 10 years ago designs for widgets) Anyway thank you for the excellent content you share with us, have an amazing 2024!
I'll have a think. To be honest, I don't build any EL site with any add-ons now as they really are not needed, even wit Repeater Fields, there is a Code Snippet for that too.
Thank you for the excellent video! You've truly become my go-to resource for any WordPress-related questions. That said, I have a question: Is there a known issue with PhastPress? Every time I activate the plugin and set it up the same way you did, the page initially loads very quickly, but then it reloads after a few seconds. Only on this second load does the page become interactive. (For context, Meteor is not installed.) Additionally, a warning in the Lighthouse report states: "There may be stored data affecting loading performance in this location: IndexedDB." Do you have any insights into what might be causing this issue?
thanks for the video. very informative. any suggestions on how to optimize & convert to webp existing images? users uploaded images on my site that even though they are optimised before being served, they take a lot of space on my server.
Hi! Thank you, I have a problem, please if you can help me, the PhastPress whn is set up Minify scripts and improve caching makes that the drowndrop menu dont show in mobile, there is a solution for this for not having to deactivate that function? Thank you a lot
Hi Imran, what is your opinion about LiteSpeed Cache plugin if the site is hosted on a LiteSpeed server? Maybe you have some recommended settings for LSCache? Thanks in advance.
Awesome video as always! I noticed that the Ensure Webfont is Loaded snippet you show on the video is different from the one on the website. Which is is correct? Happy New Year!
Just a quick question... Instead of custom loading our font, wouldn't it be possible to create a code snippet to block all the Gfonts we aren't using on our website. It could save time. Would this be possible?
Hi @Imran, thanks for sharing your videos. I have a tricky question about Elementor (pro). Is it better performance and speed optimized to create all sections of a page in Templates/Theme Builder of Elementor (pro) and then include their shortcodes respectively in the page we are creating, or it is better to create, as much as we can, the sections of a page directly inside the page and include the shortcodes of those sections which cannot be created directly inside that page?
Thank Imran, its great as always. Just wanted to let you know that "Explicit Fixed Width and Height when you have Elementor Carousels and want to apply Elementor Optimization." is not quite working and is giving an error when trying to activate it.
Thank you Imran for this video. When I added the Reduce revisions code snippets, I got an error message that the settings is already existing. I don't know where that is. Can you help me?
@@websquadron I have akismet, classic editor, ad inserter, advanced editor tools, elementor, litespeed cache, rankmath, web stories and code snippets. Which of them could be responsible?
@@websquadron Yes I did, but it wasn't needed; after I turned the plugin off it all came back normal. Btw, thank you for recommending the airlift plugin, it literally made my site 95 performance score on mobile (but with some cost, it made some of the images blurry; should I ask support for help?)
So, I would need to move it to an online option such as a staging site. I like to develop locally and then move to the server when ready. 😢 Thanks for the info. Appreciate you!
Question part#1 Happy New Year! Hi Imran, Thanks for this different perspective and detailed speed optim. video. I know your focus is Emenetor, but i give it a try, maybe do you have experience with DIVI speed optimization ideas? I tried several versions, ideas and more... but one of my site is still slow mainly mobile perspective.
fonts.google.com Could use the OMGF or Yabe plugin to get your fonts identified but then you need to go through the hard work of adding and replacing where you used google fonts
@@websquadron thank you. I posted that question before getting to the end of your video. So I'm about to try airlift. WP Rocket didn't help my site, I'm guessing because of the server. Do you think airlift will have that issue? And with airlift, do we need to do any of the things you mentioned like compress photos, upload fonts, etc.?
@@websquadron I just installed and ran airlift. Previously I was using WP Optimize with A2 Optimizer. Mobile scores went from 76 to 83 -- still not what I was hoping would happen. Do you know what might be missing from Airlift?
Hey Imran! I use Siteground Hosting and they have their own optimization plugin which includes caching, image compression, and serving photos as WebP. Is there a difference in uploading WebP vs. having them convert after and are the plugins you recommended here better than Sitegrounds Optimizer - wondering if there is a difference in quality between plugins. Thanks!
Hi Imran, I'm just rewatching this video after I got wprocket and used it on a few sites, I compared it with your method and the results are pretty similar. What is your personal view on wprocket VS your 3 plugin combo for site speed optimization?
Honestly I think it comes down to which is easier to manage for you? Plus these tips are free with no subscription :) WPRocket is really good so I won't say these tips are better. What is good about these tips is that you have more control and you know what you added/did. Whereas with some Performance Plugins, the exact code or what it does can get confusing.
@@websquadron Now when you put it like that, then the control part certainly does it for me. I think I'll stick to your method and use wprocket occasionally. Cheers and thanks for all you do for the web community🙏
Love your videos, thanks for keeping them so up to date!! With custom font files, are you suggest we ONLY need WOFF2 versions? Or should we be uploading other versions as well? Thanks again!
Hello Imran, very grateful to find you... I am writing to you from Google Translate because I do not speak English, you can imagine how interesting I found the information in your video, it is the best!! thanks for that. I am delighted with the size of my images when converting them to webP format but I have a question, what to do with browsers that do not support it? The truth is I don't know what to decide about this because I want my website to reach any browser...I would appreciate it if you could enlighten me a little on this topic...my greetings and a thousand thanks.
Can we use WordPress and Elementor optimization snippets together? I’m building some pages with Gutenberg and some with Elementor, and I need to optimize both ways
Thank you. I'm new at this and have been watching a lot of your videos. I appreciate your clear and entertaining explanations for things. So much to learn! But now I understand what WP Meteor did to my page. 😅
A question about image compression: if I convert a JPG photo to WebP, it has 360kb, if I compress the same photo using TinyPNG, it only has 304kb. Why should you still use WebP?
I have never had a problem or suffered any loading speed issues when Thumbnails etc for Posts/Product images are involved; though some would prefer not to have the full resolution loaded - hence why I kept it in. But I have 300+ websites built over long periods of time that have 0 applied for all sizes with 0 issues.
Hi Imran, Little question about your approach of lazy loading : - You disable it in elementor settings. - You disable it in PhastPress settings because you say you gonna do it elsewhere. - You add a snippet to block the lazy load again, because you wanna be in control of what is lazy loaded. - Then the video is over and your performance score is indeed very good. So my question is : do you actually use lazy loading and where/when ? Thanks a lot for your content, dude 🙂
Only when the page has a lot to load then I will activate LL for those images. It’s one of those things you have to test to see if it’s worth disabling
i see you put all those code into a plugin called code snippets? why not all code in one place in htacccess file? it wont get overwritten by any plugin updates correct? Also i saw you use 2 plugins for optimizing the site wp fastest cache and phastpress they do the same. arent there other plugins can do all the above?
Awesome video! Any thoughts on how to improve a woocommerce product detail page which usually includes a slider at the top (product images) and express payment buttons (e.g. PayPal)? This combination is a real PageSpeed killer..
@websquadron That's my thoughts as well, I've been trying to get it to work for our team for months, and it just never seems to get it right. It seems like bulkware
This can tricky when balancing need vs metrics. I would (try to): - Reduce excess HTML, JS, & CSS. - Optimise images to ensure we don't have tons of @media codes - And increase readable content on the site :)
Which bit as they work on Bricks so it would depend on which snippet or setting caused the delay. Care tom share the URL? What does Page Speed Insights show?
Thanks Imran for another great video. Since I applied your methods my scores went up instantly. I check my score daily several times and it fluctuates from mid 80's to mid 90's for mobile. Could this be because of the server? My desktop score is constantly in the 90's...
@@websquadron on my second website PhastPress and WP Fastest Cache didn't work for me. Then I tried with PhastPress and WPMeteor combination and the score went straight up to the 90's. But, then one problem came up. None of the links on the website are clickable when WPMeteor is active :( Any ideas why is this happening? Can anything be done to solve this non-clicking link issue while keeping WPMeteor active? Thanks!
Hi Imran! Thanks for the amazing video. I have a small question tho, I'm currently using WP Fastest Cache and for some reason when I check my site health status on my Dashboard it keeps showing me 'You should use a persistent object cache'. Do you think it's because the plugin isn't working for me? Should I try a different one?
Happy New Year, Imran! As always great video!! Can we do the same for Brick Builder? I just purchased a new license and am trying to learn as much as possible. It would be great if you could make a tutorial for bricks.
You can use the WordPress Tips 1,2,3 and the Plugins and the Code Snippets. This video is made for WordPress and although I point out extra tips for Elementor, you can ignore those. Notice the title: Elementor and Non-Elementor :) :)
I'd like to ask about your opinion, but I my message is not visible... If first you have to approve it, and that is the reason, sorry, I've sent it several times, as it always dissapeared :(
Happy New Year, Imran. Did you have a stroke or something? Your right side looks not good, my friend. Hope everything is alright. All the best for 2024.
@PicSta ah I see what you mean. I had a brain tumour removed in 1999 and I still have facial paralysis on that side of my face. Sometimes when I talk my mouth doesn’t move much.
I have been following your videos for a long time, you are my idol.
I like the way you treat elementor and help people show how they can use it and get excellent results both in terms of speed and use.
Thank you.
Wow, thank you :) That means a lot.
Yes! All the best, Imran. And thank you for doing what only you do best. You rock 😊
Happy New Year to Imran and family. Grateful for all the guidance and knowledge you have shared over the years.
Watched your video on this from last year. Very similar. Did it on one site as a test. Had 70ish on desktop. Deactivated what was not needed in Elementor settings. Added in WP Fastest Cache and now 99. GTMetrix is now at an A grade also. 99% Performance and 1.1s for. Fully Loaded Time
Crazy how little things like this help.
First video I watched in 2024!!! Great video, Happy new Year Imran!!
Happy New Year! Stay safe!
Same here!
Wow thank you so much. I can't believe other TH-camrs aren't covering this stuff. Can't wait for more vids like this.
When I tried Airlift, my whole side stopped loading. Not sure if it was an incompatibility issue or the app. But many comments had similar issues.
Yup, Airlift does have some teething issues.
Happy New Year, Imran!
Same to you!
All the best in the New Year. Always good advice. With both of my websites, after carefully following your TH-cam videos, I consistently have 98 or above on mobile, and 100 on desktop. For me the actual number doesn't mean much but the load times are key. LEt's not forget Google measure speed at the best conditions, some users will have a lot slower times, hence keeping the actual load times short helps with suboptimal user load times from poor servers.
I like that you produce a new video on this topic and didn't just update the title of you video to say "2024". I've seen that used and then the video was posted years ago🙄
I love the codes you provided for Code Snippets. I'm really happy, especially with the automatic webP conversion. 🤩 Thank you so much for that great tutorial!
When checking the box "Preload" in WP Fastest Cache it asks to choose the method "Default" or "Sitemap". Which one is better for Wocommerce and Elementor Pro?
Then when choosing "Default" it is asking to check certain options like homepage, posts, categories... which is better to check (btw, there was no products)?
Then after checking Homepage it asks to set a number of pages per minute. Which is better in your opinion?
Thank you so much for your videos
Amazing video! Just a question: for the webp conversion part, is there any code through which we can convert the already existing images on the website? And if there is, in which section of code snippet are we gonna put it?
Thanks!!
As always, great video !
Great video. To the point. Thank you Imran
Hey man,
Thanks a lot for this awsome content. Really appreciate it.
Wish you a very Happy new year for you and your family too.
Same to you!
ppy New Year, Imran. Great overview! Pointers worth acting on, going forward (note to self).
I hope they help :)
@@websquadron, I've started implementing them already.
um.... "Happy" New Year, even.
Thanks a lot men! Wish you all the best with your works. much love!
Imran, have an amazing new year, man! And your family too!
Thanks for all the knowledge you share here!
Happy new year!
Hi, Would you say the code snippet for converting images to webp could now replace the need to use the BulkResizePhotos and also when using the Mylisting theme using the EWWW plugin for customer uploaded images. Thanks for any feedback on this.
Technically yes but test first
What's the difference between using Elementor's Custom Code and using the Code Snippets plugin?
I prefer to use Code Snippets to keep things clean and easier to manage
Hey, I really loved your video and followed the steps carefully. It sped up my website, but today, I have realised that some of my pictures are missing, and a few of the containers are really long. Do you know what would have caused this and how I fix it?
I can’t be sure without seeing the site. Have you inspected why the images are missing?
@@websquadron I fixed it - It was the grid container. Do you know why some photos on my website would now load blurry? Is it likely to be a plugin or a snippet? Sorry
Sorted thank you!
These tips are truly amazing. Thanks a lot!!
Thank you so much!!!! God Bless you!🙏🏼 you helped so many☀️
I'm so glad!
@@websquadron Dear Imran, I have a question. It was all great 99 points Mobile and Desktop, but now mobile dropped to 62 and desktop remained 99. Is there any tips to boost mobile?
@@mcbroccolinnen Try running again as Server speeds can vary.
Could you make a video on how you deliver websites to clients, including setting up hosting (shared vs. dedicated), business email, and whether you use one hosting plan for all clients or set up individual hosting?
I’m really interested in learning more, and would you be open to scheduling a 1-on-1 call if that’s something you offer?
I do offer 1-2-1s - scroll to the bottom: learn.websquadron.co.uk/
Thank you so much Imran! You've helped me so much
Glad to hear that!
Thank you, great way to start the new year ;) ! I wonder if you might consider doing a video about optimizing on page with Elementor: what widgets are better than others to use. For example for a list is it better to use a headings + text widgets of maybe icon boxes widgets or a price list widget? For big pages that's making a huge difference on the top of those explained in this video. Another idea would be about addons for Elementor premium paid versions, which are the best ones, best coded, stable, advanced features but also with modern designs ( some of it are 10 years ago designs for widgets) Anyway thank you for the excellent content you share with us, have an amazing 2024!
I'll have a think.
To be honest, I don't build any EL site with any add-ons now as they really are not needed, even wit Repeater Fields, there is a Code Snippet for that too.
Thank your guide! Very good and useful for us!
My pleasure!
Thank you for the excellent video! You've truly become my go-to resource for any WordPress-related questions. That said, I have a question: Is there a known issue with PhastPress? Every time I activate the plugin and set it up the same way you did, the page initially loads very quickly, but then it reloads after a few seconds. Only on this second load does the page become interactive. (For context, Meteor is not installed.) Additionally, a warning in the Lighthouse report states: "There may be stored data affecting loading performance in this location: IndexedDB." Do you have any insights into what might be causing this issue?
I'll need to check but I have heard of some reporting PhastPress bugs.
thanks for the video. very informative. any suggestions on how to optimize & convert to webp existing images? users uploaded images on my site that even though they are optimised before being served, they take a lot of space on my server.
I had some code in my FB Group that I need to relocate
great sir
love you from Pakistan
Brilliant. 🎉
Hi! Thank you, I have a problem, please if you can help me, the PhastPress whn is set up Minify scripts and improve caching makes that the drowndrop menu dont show in mobile, there is a solution for this for not having to deactivate that function? Thank you a lot
You may need to ask AI to generate some code to stop it applying.
absolutely love your vids.
And tbh: The "astounding"-Edit hit me hard :D
that came unexpected.
Hi Imran, what is your opinion about LiteSpeed Cache plugin if the site is hosted on a LiteSpeed server? Maybe you have some recommended settings for LSCache? Thanks in advance.
Litespeed is great and definitely recommended if you’re on a LS server
Awesome video as always! I noticed that the Ensure Webfont is Loaded snippet you show on the video is different from the one on the website. Which is is correct?
Happy New Year!
That one is an old one - but the one you need to use is on the website.
Amazing video... Very helpful video...thankyou.... Happy New Year 🎉
Just a quick question... Instead of custom loading our font, wouldn't it be possible to create a code snippet to block all the Gfonts we aren't using on our website. It could save time. Would this be possible?
I would never use GFonts without custom loading otherwise you risk privacy.
Hi @Imran, thanks for sharing your videos. I have a tricky question about Elementor (pro).
Is it better performance and speed optimized to create all sections of a page in Templates/Theme Builder of Elementor (pro) and then include their shortcodes respectively in the page we are creating, or it is better to create, as much as we can, the sections of a page directly inside the page and include the shortcodes of those sections which cannot be created directly inside that page?
Yes and no. Yes for repeating sections on other pages, but it can make managing content a pain when you need to modify for one page and not another.
@@websquadron, thanks for your reply. I am thinking which one is best for page loading speed measured in front-end?
Elementor specific Tips
I believe these settings need a re-visit as they have changed things around, a lot
It will be in Jan 2025 as I suspect more improvements from now until the new year.
Any optimization recommendations for a site using Bricks instead of Elementor?
See my link as that contains similar codes for Non EL sites too
Just discovered your video, this was SO good. No vague talk, no maybe this might work...simply got to the facts. Well done.
Welcome aboard!
Phastpress stops an accordion section from working but everything else works a treat
Damn, sometimes optimisation can be too harsh.
Thanks for this Imran, great stuff.
Thank Imran, its great as always.
Just wanted to let you know that "Explicit Fixed Width and Height when you have Elementor Carousels and want to apply Elementor Optimization." is not quite working and is giving an error when trying to activate it.
Is that with carousels or can you paste the error?
Thank you Imran for this video. When I added the Reduce revisions code snippets, I got an error message that the settings is already existing. I don't know where that is. Can you help me?
Are you using other plugins/tools?
@@websquadron I have akismet, classic editor, ad inserter, advanced editor tools, elementor, litespeed cache, rankmath, web stories and code snippets. Which of them could be responsible?
My page broke down after enabling the phastpress pluging - most of the photos and styles disappeared. What can be the case?
I don’t know your site. Did you have a backup?
@@websquadron Yes I did, but it wasn't needed; after I turned the plugin off it all came back normal.
Btw, thank you for recommending the airlift plugin, it literally made my site 95 performance score on mobile (but with some cost, it made some of the images blurry; should I ask support for help?)
Thank you for your amazing tutorial
Thanks!
Could not add woff2 files to Media.
"Sorry, you are not allowed to upload this file type"
Where to enable it? 🙇🙇
Are you adding via Custom Fonts?
And who is your host provider?
Great video. Is there a reason to use Code Snippets vs using a child theme and putting that code you provide in the child functions php file?
You could do that :) I just like having CS as easier to manage
@@websquadron amazing and thorough tuts dude. Thank you.
Great video but does analyzing the Page Optimization results work on a local dev server or only on say a staging site that is online?
Not really unless you have some inbuilt performance checker.
So, I would need to move it to an online option such as a staging site. I like to develop locally and then move to the server when ready. 😢 Thanks for the info. Appreciate you!
My website slow because use dynamic content if there is any way to fix that?
Unsure as you’d need someone to have a look
Question part#1 Happy New Year!
Hi Imran, Thanks for this different perspective and detailed speed optim. video.
I know your focus is Emenetor, but i give it a try, maybe do you have experience with DIVI speed optimization ideas? I tried several versions, ideas and more... but one of my site is still slow mainly mobile perspective.
You can use all of the non-Elementor tips :)
@@websquadron yeah, I did, but it didn't help. Thanks anyway!
How do we figure out what fonts are on our site, and what weights we are using? And do you have a link to where we download the G fonts initially?
fonts.google.com
Could use the OMGF or Yabe plugin to get your fonts identified but then you need to go through the hard work of adding and replacing where you used google fonts
@@websquadron thank you. I posted that question before getting to the end of your video. So I'm about to try airlift. WP Rocket didn't help my site, I'm guessing because of the server. Do you think airlift will have that issue? And with airlift, do we need to do any of the things you mentioned like compress photos, upload fonts, etc.?
@@websquadron I just installed and ran airlift. Previously I was using WP Optimize with A2 Optimizer. Mobile scores went from 76 to 83 -- still not what I was hoping would happen. Do you know what might be missing from Airlift?
Hey Imran! I use Siteground Hosting and they have their own optimization plugin which includes caching, image compression, and serving photos as WebP. Is there a difference in uploading WebP vs. having them convert after and are the plugins you recommended here better than Sitegrounds Optimizer - wondering if there is a difference in quality between plugins. Thanks!
Quality differences are minor. With BulkResize I have more control over the output.
Hi Imran, I'm just rewatching this video after I got wprocket and used it on a few sites, I compared it with your method and the results are pretty similar. What is your personal view on wprocket VS your 3 plugin combo for site speed optimization?
Honestly I think it comes down to which is easier to manage for you? Plus these tips are free with no subscription :) WPRocket is really good so I won't say these tips are better. What is good about these tips is that you have more control and you know what you added/did. Whereas with some Performance Plugins, the exact code or what it does can get confusing.
@@websquadron Now when you put it like that, then the control part certainly does it for me. I think I'll stick to your method and use wprocket occasionally. Cheers and thanks for all you do for the web community🙏
Love your videos, thanks for keeping them so up to date!! With custom font files, are you suggest we ONLY need WOFF2 versions? Or should we be uploading other versions as well? Thanks again!
Just go for Woff2
Hello Imran, very grateful to find you... I am writing to you from Google Translate because I do not speak English, you can imagine how interesting I found the information in your video, it is the best!! thanks for that.
I am delighted with the size of my images when converting them to webP format but I have a question, what to do with browsers that do not support it? The truth is I don't know what to decide about this because I want my website to reach any browser...I would appreciate it if you could enlighten me a little on this topic...my greetings and a thousand thanks.
Very few browsers don’t support webp. Which ones were you worried about?
Can we use WordPress and Elementor optimization snippets together? I’m building some pages with Gutenberg and some with Elementor, and I need to optimize both ways
By the way, Happy New Year, Imran! This video is fantastic, probably the best tips, and most importantly, everything is free! Thanks for that!
Thanks - of course you can use them together :) Wishing you a great year too!
Thank you. I'm new at this and have been watching a lot of your videos. I appreciate your clear and entertaining explanations for things. So much to learn! But now I understand what WP Meteor did to my page. 😅
I was a big supporter of WPMeteor but I have my reservations now if it's used on pages with Carousels or Videos.
A question about image compression: if I convert a JPG photo to WebP, it has 360kb, if I compress the same photo using TinyPNG, it only has 304kb. Why should you still use WebP?
Depends on the image size. Try it with a larger image.
Do you add the code snippets as PHP or CSS?
I add as PHP into Code Snippets.
Nice tutorial
How to get the code snippet please
The codes link is in the description: learn.websquadron.co.uk/wordpress-page-speed/
@@websquadron thanks
Amazing!
What's the reason for keeping the 150 for the thumbnail, and make everyone happy? 🙂 Thank you for your videos and happy New year Imran!
I have never had a problem or suffered any loading speed issues when Thumbnails etc for Posts/Product images are involved; though some would prefer not to have the full resolution loaded - hence why I kept it in. But I have 300+ websites built over long periods of time that have 0 applied for all sizes with 0 issues.
Hi Imran,
Little question about your approach of lazy loading :
- You disable it in elementor settings.
- You disable it in PhastPress settings because you say you gonna do it elsewhere.
- You add a snippet to block the lazy load again, because you wanna be in control of what is lazy loaded.
- Then the video is over and your performance score is indeed very good.
So my question is : do you actually use lazy loading and where/when ?
Thanks a lot for your content, dude 🙂
Only when the page has a lot to load then I will activate LL for those images. It’s one of those things you have to test to see if it’s worth disabling
@@websquadron through which plugin do you activate it? Can you do it for specific images?
getting this error jQuery is not define, also my background videos and animation are not working. Any solution?
Deactivate the snippets and plugin and check again.
It will depend on what else is on your site.
@@websquadron should I deactivate the plugins you used or test all plugins one by one?
You'll have to test everything one by one as it will depend on your site.@@salmanhmiran2534
i see you put all those code into a plugin called code snippets? why not all code in one place in htacccess file? it wont get overwritten by any plugin updates correct? Also i saw you use 2 plugins for optimizing the site wp fastest cache and phastpress they do the same. arent there other plugins can do all the above?
I’m thinking about what’s easier for all as some won’t want to go through that route :)
Great video as always! Question, Elementor allows me to add custom code, can I use that instead of code snippets?
I always find that using Code Snippets is easier to manage when you have many codes.
@@websquadron I see. Will still stick with code snippets
Happy New Year Imran🎉, thanks so much for the amazing content you do. Your work is amazing and effective.
Awesome video! Any thoughts on how to improve a woocommerce product detail page which usually includes a slider at the top (product images) and express payment buttons (e.g. PayPal)? This combination is a real PageSpeed killer..
How slow is it currently and can you send me a URL for a specific product page?
What about hummingbird WPMU?
I don't find that useful.
@websquadron That's my thoughts as well, I've been trying to get it to work for our team for months, and it just never seems to get it right. It seems like bulkware
Very useful content Imran. Is there anything to combat low text-HTML ratio?
This can tricky when balancing need vs metrics.
I would (try to):
- Reduce excess HTML, JS, & CSS.
- Optimise images to ensure we don't have tons of @media codes
- And increase readable content on the site :)
@@websquadron Thanks Imran 👍
HI IMRAN is your system better than seraphinite accelerator? should i apply your suggested changes or continue with seraphinite accelerator
It’s up to you but I prefer mine otherwise I would have covered SA :)
i use bricks builder, after set, website load very slowly😢
Which bit as they work on Bricks so it would depend on which snippet or setting caused the delay. Care tom share the URL? What does Page Speed Insights show?
Thanks Imran for another great video. Since I applied your methods my scores went up instantly. I check my score daily several times and it fluctuates from mid 80's to mid 90's for mobile. Could this be because of the server? My desktop score is constantly in the 90's...
Yup, server speed is always a pain.
@@websquadron on my second website PhastPress and WP Fastest Cache didn't work for me. Then I tried with PhastPress and WPMeteor combination and the score went straight up to the 90's. But, then one problem came up. None of the links on the website are clickable when WPMeteor is active :( Any ideas why is this happening? Can anything be done to solve this non-clicking link issue while keeping WPMeteor active? Thanks!
Truly good work! =DDD
Hi Imran! Thanks for the amazing video. I have a small question tho, I'm currently using WP Fastest Cache and for some reason when I check my site health status on my Dashboard it keeps showing me 'You should use a persistent object cache'. Do you think it's because the plugin isn't working for me? Should I try a different one?
WordPress will always show prompts like that, for instance they don't like it if you only have 1 Theme. No need to worry.
not all hosting plans have this type of cache
Agreed, but that's one of the things I check fir our sites or client sites.@@juanb.274
nice!! how to set WP Fastest Cache preloader🥰
In my elementor there is no option for optimized DOM output , i cant find it
I don't understand?
In Elementor > Settings > Features > Optimized DOM Output , this option is not visible in my elementor
@@VinayJain-k5s what is your elementor version?
@@VinayJain-k5sI don't have that option available either.
Happy New Year, Imran! As always great video!! Can we do the same for Brick Builder? I just purchased a new license and am trying to learn as much as possible. It would be great if you could make a tutorial for bricks.
You can use the WordPress Tips 1,2,3 and the Plugins and the Code Snippets. This video is made for WordPress and although I point out extra tips for Elementor, you can ignore those. Notice the title: Elementor and Non-Elementor :) :)
Great!
thank u😀
you're the best WordPress youtuber you know that right ?
my mobile performance is not going over 45-50, even after all this
That will depend on what else is on your site or the legacy build.
I'd like to ask about your opinion, but I my message is not visible... If first you have to approve it, and that is the reason, sorry, I've sent it several times, as it always dissapeared :(
I went from 53 to 71 before the snippets, and then after inserted the snippets i went down to 49... wierd.
Which snippet in particular pulled you down? Test after each one .
treasure is mine of one peiece
Happy New Year, Imran. Did you have a stroke or something? Your right side looks not good, my friend. Hope everything is alright. All the best for 2024.
Ha :) Not noticed myself :)
@@websquadron Seriously, watch YOUR right corner of mouth. So I guess everything is fine over there.
@PicSta ah I see what you mean. I had a brain tumour removed in 1999 and I still have facial paralysis on that side of my face. Sometimes when I talk my mouth doesn’t move much.
15:02
❤
These changes didn't help. Went from mobile: 69 to 51
You may need to see this: th-cam.com/video/8oZFAydGkx4/w-d-xo.htmlfeature=shared
*Happy New Year Imran!*