This was exactly what I needed for one of my clients who has an Elementor Website. Saved me bunches of headaches and now I can greatly speed up a website in 1-2 hours and cut the loading time in 1/4-1/2 easily. Thanks for sharing!
Hey Wyatt, i have got the same issue right now with elementors website (Houzez theme). But I am affraid from removing unused js or css which can be used later lets say for different devices or just for another page. Would you be so kind and share your experience with me please? I would really appreciat it.
@@krecekist try backing up the site completely. Then try this method and then see how it goes. Test on multiple devices and if you have any issues you can restore your backup
BEFORE YOU DO THIS! You will definity break something on your site. The problem is that he is only checking the FCP (what you see when the page first loads) and then he REMOVES ALL css\js not being used for that part of the screen. IT DOESN'T MEAN THAT THE CSS/JS IS NOT BEING USED SOMEWHERE ELSE ON YOUR SITE. What you should do is treat your site as 2 different sections. Section one is what you see when loading the page for the first time (First Contentful Pait) - You should inline this css/js - So you will do as what he did in this video, but this modified css/js will only be used for the FCP. Section two you should defer the css/js. In other words, your css/js will load as the user scrolls down.
Thank you for this comment. I’m trying to learn about improving my websites speed but no one seems to teach things properly and it’s making me more fed up.
I use this method but in a different way: After loading the site I scroll up and down, change the screen size, hoover over clickable elements, etc. The reason is that some CSS are triggered when the page loads, so we need to force the triggering, other wise surely you will brake something on your website. Yes the video is a good tip, but it needs to be more detailed. Otherwise people will find themselves frustrated when trying to fix their CSS.
Thanks! Great tips, great explanation. Question: will the CSS/JS get regenerated though during a plugin/WP update (depending on the file)? If so, how do you recommend future-proofing this?
Thanks to you, I was able to solve the problem. Thank you very much. The problem has been resolved and the speed has been increased. Thanks once again. I subscribed. I'll look forward to more good videos
brother this one is very unique content but problem is if anyone try to add something new website it will be not work then it will be show error so for a beginner its very risky
actually it works only single pages if i wanna remove for website so how can i remove for all pages because when i remove some css in home pages so may that codes working for other pages if you have any solution so please reply as soon as possible. Thanks from your viewers
What if the CSS and JS files you are going to reduce the code of are files from plugins or libraries? So in case of plugins, every time it gets upgraded / updated, the spare codes will appear again. In case of 3-rd party libraries, say, Bootstrap or jQuery, we are not allowed to edit the core library files, are we? So, what to do for these cases?
Yes - thats a problem he hasen't talked about. If you simply use this method, it could be that you delete code, you need in other areas of you website. For example, you could delete the whole woocomerce css file, because you may only need 1% of it on your front page, but the problem is, on other pages you may need 70% of it. That's the problem of an CMS in general!
👍✋Extra Good job 👌🤝 Wow. Great view, I love to see new places 👍 Great movie 👍 Bravo 👋 And I have a new movie from a walk around the city 😊 Yours sincerely, DJ Janusz from Warsaw Poland ✌️ 🇵🇱✋
sir, i watch your video and remove all unnecessary CSS from the files but I find an issue in my website. my website menu has been removed please guide what happened to my website.
Keep your passion for what you love, because success comes from really hard work. Motivation from others is a helpful tool to keep us on track to our goal, so push the limits and be extraordinary, I supported you! 😍❤️
![How to FIX Avoid an excessive DOM size [SOLVED]](http://i.ytimg.com/vi/_Sr-ItTwXTs/mqdefault.jpg)
![How to FIX Avoid an excessive DOM size [SOLVED]](/img/tr.png)
This was exactly what I needed for one of my clients who has an Elementor Website. Saved me bunches of headaches and now I can greatly speed up a website in 1-2 hours and cut the loading time in 1/4-1/2 easily. Thanks for sharing!
Hey Wyatt, i have got the same issue right now with elementors website (Houzez theme). But I am affraid from removing unused js or css which can be used later lets say for different devices or just for another page. Would you be so kind and share your experience with me please? I would really appreciat it.
@@krecekist try backing up the site completely. Then try this method and then see how it goes. Test on multiple devices and if you have any issues you can restore your backup
BEFORE YOU DO THIS! You will definity break something on your site.
The problem is that he is only checking the FCP (what you see when the page first loads) and then he REMOVES ALL css\js not being used for that part of the screen. IT DOESN'T MEAN THAT THE CSS/JS IS NOT BEING USED SOMEWHERE ELSE ON YOUR SITE.
What you should do is treat your site as 2 different sections. Section one is what you see when loading the page for the first time (First Contentful Pait) - You should inline this css/js - So you will do as what he did in this video, but this modified css/js will only be used for the FCP. Section two you should defer the css/js. In other words, your css/js will load as the user scrolls down.
Thank you for this comment. I’m trying to learn about improving my websites speed but no one seems to teach things properly and it’s making me more fed up.
I use this method but in a different way:
After loading the site I scroll up and down, change the screen size, hoover over clickable elements, etc.
The reason is that some CSS are triggered when the page loads, so we need to force the triggering, other wise surely you will brake something on your website. Yes the video is a good tip, but it needs to be more detailed. Otherwise people will find themselves frustrated when trying to fix their CSS.
Thats what I wondering throughout watching this video, thank you Sir!
Amazing. Love this toturial. I Make 99 for mobile and 100 for Desktop. Thanks
fantastic.
A great tutorial and clear explanation. Thanks for sharing friend. All the best.
Thanks! Great tips, great explanation. Question: will the CSS/JS get regenerated though during a plugin/WP update (depending on the file)? If so, how do you recommend future-proofing this?
Thanks to you, I was able to solve the problem. Thank you very much. The problem has been resolved and the speed has been increased. Thanks once again. I subscribed. I'll look forward to more good videos
brother this one is very unique content but problem is if anyone try to add something new website it will be not work then it will be show error so for a beginner its very risky
Thanks for informative tutorials But One thing I want to know if remove css and js it breaks the website front-end layouts, why?
Fantastic video. Was scared to execute so I called in a nerd to help me but pretty sure I could have pulled it off on my own if I needed to.
Can you reply with that nerd's info?? I could still use his help with this
Thanks for sharing your very informative vedio tutorial on how to increase website speed. Keep sharing.
Thanks a lot. Please subscribe our Channel ❤️❤️❤️
Very nice Remove Unused CSS and JS in WordPress, Good Job :)
Glad to know it helps you. Please subscribe our channel and stay connected ❤️❤️❤️
Thank you for sharing, Please take care
Thanks. Please subscribe our channel and stay connected ❤️❤️❤️
exactly what I was looking for, thanks!, regards from Mexico
Please subscribe our channel 🥰
So red one is the unused css and have to remove it??
actually it works only single pages if i wanna remove for website so how can i remove for all pages because when i remove some css in home pages so may that codes working for other pages if you have any solution so please reply as soon as possible.
Thanks from your viewers
Very useful tip. Thanks!
Thanks SO MUCH my Brother. You're the Man!
What if the CSS and JS files you are going to reduce the code of are files from plugins or libraries? So in case of plugins, every time it gets upgraded / updated, the spare codes will appear again. In case of 3-rd party libraries, say, Bootstrap or jQuery, we are not allowed to edit the core library files, are we? So, what to do for these cases?
Yes - thats a problem he hasen't talked about. If you simply use this method, it could be that you delete code, you need in other areas of you website. For example, you could delete the whole woocomerce css file, because you may only need 1% of it on your front page, but the problem is, on other pages you may need 70% of it. That's the problem of an CMS in general!
thank you for the tuto, but won't the WooCommerce update newly add what you have deleted????
Thanks for sharing! What happens if a link contains all the code wrong, with no blue lines? Do I delete that CSS file, or do I upload it back empty?
Please subscribe our channel 🙏 Without your subscribe we cant move 😒
Nice, keep safe and may God bless you always, i do diy and recycling, friend from Philippines v
Thanks a lot. Please subscribe our channel and stay connected 😅
I deleted all files with 100% unused codes, but after refreshing the files are still there.
What should i do with this issue?
Thanks a lot This help me to improove performance happy fine your video
Please subscribe our channel 🙏 Without your support we can't move 🙂
Will it be safe for beginner?
Great tutorial
It takes a skilled-full individual to learnt this tutorial
Good job! Lk5
Thank you so much. Please subscribe.
Lot of thanks. It's really I want...
thank you man, you are a genius, loved this video
Hi I got the css on amp how can I do it. I checked in file manager I didn’t find any css even in css folder
👍✋Extra Good job 👌🤝
Wow. Great view, I love to see new places 👍
Great movie 👍 Bravo 👋
And I have a new movie from a walk around the city 😊
Yours sincerely, DJ Janusz from Warsaw Poland ✌️ 🇵🇱✋
Hey dj play the music 😅 Subscribe us
After i do that my website speed increases but photos and icons not showing up any solution im beginner
sir, i watch your video and remove all unnecessary CSS from the files but I find an issue in my website.
my website menu has been removed please guide what happened to my website.
yapma sakın
I was looking for this. Thankss
What if that red colored code snippet is used somewhere else in the website? Then that page would break right?
exactly
This is so good, thanks so much. But, what if my file is minified. Can I still do this?
Keep your passion for what you love, because success comes from really hard work. Motivation from others is a helpful tool to keep us on track to our goal, so push the limits and be extraordinary, I supported you! 😍❤️
Thanks for your motivation. Subscribe us and stay connected. Much love ❤️
@@RbnWebSolutions You're welcome and I appreciated so much for your kindness. Stay connected my friend ❤🙏
@@DlegendRC Much love
Very informative. I’ll see more of you here
Thanks a lot.. Subscribe and stay connected.
Awesome informative tutorial! Nice job!
Thanks a lot. Please subscribe our channel and stay connected ❤️❤️
Thanks so much
Thanks from pakistan
You're the best thanks
You are removing CSS not being used on the home page.... what if that CSS will be being used on any other page?
I was about to ask the same, and specially media queies css will probably get us wrong with this method..
Subscribed. ♥️
this is can be great only for one page site doesnt for anyone
You are pro
it disturb the remaining functionality
I did this on my website & it just crashed some features. also some other pages design got problem.
Have to do carefully. If you remove necessary codes then site will crash.
Make video for blogger please...
helpful video. keep it up
Thanks a lot. Subscribe and stay connected ❤️
How to show only this code in red?
is anybody here who solved this problem following this video?
is it safe to practice because it looks non technical to me.
Support you all the way
Thank you so much. Please subscribe.
thanks a lotttt))))
very good video sir
Nice tutorial, sending back my support.
Thanks a lot. Stay connected and subscribe ❤️😍
nyimak kakak....
❤️❤️❤️❤️❤️
Nice
Good job 👌
So good information and great content my dear friend... I send you a cup of coffee here... Greetings fro.m me, Angel. LikklikkSbc:)
Thanks.. Stay connected 😊
@@RbnWebSolutions Thankyou too my brother:)
This is a very bad method, never do it! These codes may be activated in different actions of the site.
tare tote poti English de koi samaj ni aa raie