How to FIX Avoid an excessive DOM size [SOLVED]

  Рет қаралды 21,642

WebDev & Blogging Academy 💻

WebDev & Blogging Academy 💻

Жыл бұрын

Quick Fixes for Avoid an excessive DOM size Erros on page Speed insight.
Get perfect Page Speed scores by reducing DOM Size for your website.

Пікірлер: 39
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
Hey there fellow web enthusiasts! Join the channel here kzfaq.info/love/NAp3ihoUg5jlbr_vCEZ3MAjoin If you're passionate about web development like I am, then you've come to the right place! Subscribe to my channel and join on this epic journey to master Websites. Together, we'll build amazing websites, crush bugs like the Dark Knight, and create web experiences that'll make the Joker green with envy. So what are you waiting for? Hit that subscribe button and let's make the web a better place, one line of code at a time! tinyurl.com/DontclickWINK
@BaigsvLog
@BaigsvLog Жыл бұрын
shorten this video, don't waste time.. thanks it worked.
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
You're welcome! thanks for the feedback, i will keep in the mind.
@jasminazman8901
@jasminazman8901 Жыл бұрын
VERY HELPFUL. THANK YOU!
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
You are most welcome. Thanks for the comment ❤️
@1989lavi
@1989lavi 6 ай бұрын
I have drop down list of 197 country . The Page Speed show this error: Please Select Afghanistan Albania Algeria Andorra Angola Antigua and Barbuda Ar… How can I solve an Excessive DOM size?
@navpreetsingh7574
@navpreetsingh7574 Жыл бұрын
Great bro. Thanks
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
You're welcome bro and thanks for the comment :) ❤
@peacebuilder3164
@peacebuilder3164 3 ай бұрын
Subscribed bro..
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE 2 ай бұрын
Thanks for the sub ❤
@hollyrorienetwork
@hollyrorienetwork Ай бұрын
A pattern appears that DOM size is affected by the amount of tags, as well as the embedded links to other pages or sites within the content. Is that accurate?
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Ай бұрын
Yes true, try to crate the page keeping in the mind no to use lot if elements. it is possible to do that as I shown in the example. Another examples could be not using the mega menus as they are huge in elements. For ecommerce instead of a cart show in click, redirect users to the card page directly.
@AbidHussain-pk4xt
@AbidHussain-pk4xt 28 күн бұрын
Can you guide me in my elementor settings DOM Size option not showing?
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE 21 күн бұрын
update the plugin to see the latest options also I created a video recently covering elementor's new speed boost features
@punjabitalkies5325
@punjabitalkies5325 2 ай бұрын
hey brother, I arranged wordpress home screen in admin panel and today I found that their position is changed which was not done by me. Is it possible that they can change theirt position automatically
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Ай бұрын
hey brother, sorry for late reply. no - it does not happen automatically. check if some else have the access to the site. change passwords and set up wordfence and antimalware plugin on the site. check my channel for wordfence and antimalware videos. let me know if you found something.
@javiers.c.8537
@javiers.c.8537 6 ай бұрын
gracias
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE 6 ай бұрын
de nada 😀
@ismail35651
@ismail35651 Жыл бұрын
Good content, please what is the plugin that shows ....just purchased in 5:32
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
Thanks for the comment, it is a slider plugin I just shown for example. I would not suggest you to buy that one as there are many free plugins available to create sliders.
@plusonlinemarketing
@plusonlinemarketing 3 ай бұрын
I cant find dom size option in my elmentor
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE 3 ай бұрын
Did you try to change the site structure to reduce the containers on the page? What is your dom size in page speed report!
@kellydavidson9262
@kellydavidson9262 Жыл бұрын
Hi there, how can we reach out to you for personal assistance on our website ?
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
Hello Kelly, You can send me an email at programwarrior@gmail.com
@shahidrahim2960
@shahidrahim2960 Жыл бұрын
why i am not getting such result Performance 79 Accessibility 100 Best Practices 84 SEO
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
Hello.. Every website is different so it can provide different results.. What is the errors showing now in Google page speed?
@GameVGain
@GameVGain Жыл бұрын
we don't have elementor, what should we do? should we buy elementor? Are you advertising to us?
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
Seems like you haven't seen watched the videos carefully. I covered everything that what is DOM size and how you can reduce it. Along that I covered elementor as an example too. And I don't understand why you said that you should buy elementor, where specifically I recommended not to use elementor but use a lightweight free page builder like Gutenberg. Also elementor is free to use. I don't have your website url but watch the video again and try to reduce the page size my adding nodes carefully, do not nest the nodes inside each other. If you have some specific questions other then allegations then I will be superhappy to help you out. This channel is all about helping people as a by product If I make some money that is a plus. I would never adverstize anything I don't believe in. Good luck and let me know if you want a genuine help.
@GameVGain
@GameVGain Жыл бұрын
@@LetsCreateYourWEBSITE Thank you bro for your nice comment. I was rude
@MrEagle2050
@MrEagle2050 14 күн бұрын
How to do it for shopify?
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE 3 күн бұрын
hello here if some things you can do in shopify to reduce DOM size 1. Optimize Shopify Theme Choose a Lightweight Theme: Select a Shopify theme known for its performance and minimalistic design. Minimize Theme Customizations: Avoid excessive customization that can add unnecessary elements to the DOM. 2. Clean Up Your Liquid Templates Remove Unused Sections: Delete any sections or snippets that are not in use. Simplify Liquid Logic: Simplify complex Liquid logic and loops to minimize the number of elements rendered. 3. Optimize HTML Structure Reduce Nested Elements: Avoid deeply nested HTML elements as they increase the DOM size. Use CSS Instead of Inline Styles: Use CSS classes and external stylesheets instead of inline styles to keep the HTML clean. 4. Manage Apps and Plugins Audit Installed Apps: Regularly review and remove any unused or unnecessary apps. Optimize App Usage: Ensure that the apps you use do not inject excessive HTML elements into your pages. 5. Optimize Images and Media Use Responsive Images: Implement responsive images to ensure only necessary image sizes are loaded. Lazy Load Images: Implement lazy loading for images to reduce the initial DOM size and improve loading times. 6. Minimize JavaScript and CSS Minify and Combine Files: Minify JavaScript and CSS files and combine them to reduce the number of requests. Load Scripts Asynchronously: Load non-critical scripts asynchronously to improve the rendering speed. 7. Use Efficient Liquid Code Limit For Loops: Avoid excessive loops that can add numerous elements to the DOM. Conditional Logic: Use conditional logic to render only necessary elements based on the context. 8. Optimize Collection and Product Pages Limit Products Per Page: Reduce the number of products displayed per page to decrease the DOM size. Paginate Content: Use pagination effectively to split content across multiple pages rather than loading everything at once. Example: Simplifying Liquid Code Here's an example of how you can simplify Liquid code to reduce DOM size: Before Optimization liquid {% for product in collections.all.products %} {{ product.title }} {{ product.description }} {% endfor %} After Optimization Limit the number of products displayed and use a simpler HTML structure: liquid {% for product in collections.all.products limit: 10 %} {{ product.title }} {% endfor %} Summary Reducing the DOM size in your Shopify store involves optimizing your theme, cleaning up your Liquid templates, managing apps and plugins, optimizing images, and minimizing JavaScript and CSS. Regularly review your site's structure and content to ensure it remains lean and efficient. By implementing these practices, you can significantly improve your site's performance and user experience.
@myrainystours
@myrainystours 11 ай бұрын
god
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE 11 ай бұрын
Thanks you very much :)
@user-qk3qe3sc3e
@user-qk3qe3sc3e 7 ай бұрын
This video is not helpful to Shopify users, only WordPress users. I wish that was clear in the title before taking the time to watch this.
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE 7 ай бұрын
Sorry for the confusion, but I talk about the concepts you can also use in shopify.
@hollyrorienetwork
@hollyrorienetwork Ай бұрын
Go to his main channel page and enter the keyword shopify in the search. Then you can see all of his shopify tutorials.
@devashish7515
@devashish7515 Жыл бұрын
video starting from 2:58. thanks me later
@LetsCreateYourWEBSITE
@LetsCreateYourWEBSITE Жыл бұрын
what about the problem statement and understanding what is DOM size and what are nodes ? Do you think that is not important, just want your feedback so that I can improve my videos.
@devashish7515
@devashish7515 Жыл бұрын
@@LetsCreateYourWEBSITE hey! how r u. i absolutely loved and liked your video. i even subscribed also. but u took too much time brother. repeated same things many times. anyway thanks for the video. 😇
How to FIX Largest Contentful Paint & Increase Website speed (In-depth Video)
22:09
WebDev & Blogging Academy 💻
Рет қаралды 26 М.
Получилось у Миланы?😂
00:13
ХАБИБ
Рет қаралды 4 МЛН
Why Is He Unhappy…?
00:26
Alan Chikin Chow
Рет қаралды 36 МЛН
How To Fix Excessive DOM Size That Is Slowing Down Your WordPress Website [SPEED TIP]
13:17
WPCrafter.com WordPress For Non-Techies
Рет қаралды 55 М.
Boost Your WordPress Site Speed Like Never Before (For Free)🚀💯
35:38
How to Fix URL Not Found (404) in Google Search Console
3:53
SEOTesting
Рет қаралды 1,3 М.
How to improve Cumulative Layout Shift for a better page experience
18:24
Google Search Central
Рет қаралды 46 М.
How to fix Cumulative Layout Shift in WordPress (Core Web Vitals Item)
9:35
Online Media Masters
Рет қаралды 11 М.
How to Improve Cumulative Layout Shift (CLS) on WordPress
6:22
28 июля 2024 г.
0:20
TULPAR_KG🇰🇬
Рет қаралды 3,3 МЛН
Ouch.. 🤕
0:30
Celine & Michiel
Рет қаралды 8 МЛН
Rajesh ka flying dance 😂
0:11
Rajesh Kumar Shorts 14
Рет қаралды 10 МЛН
Footballers Crazy Water Pool Challenge 🌊
0:27
Football Life
Рет қаралды 25 МЛН
Гигантский мост взорвали в Китае💣
0:20
Алексей Корчун
Рет қаралды 2,7 МЛН
#kikakim
0:31
Kika Kim
Рет қаралды 11 МЛН