How to drecrease the DOM size of the theme?

Saba_ecom
Visitor
1 0 1

Hello Cute Members!

I m facing the  issues to fix the speed of the site. The main issue of the site is DOM size that i also attach in this question. Kindly help me to achieve the high speed score. 

DOM SIZE.png

 

Thank you and look forward to it. 

Replies 5 (5)

flareAI
Shopify Partner
2405 223 537

Hello @Saba_ecom,


Gina here from flareAI - your Fully Automated Free Sales Machine. Hope you are doing good! I am happy to share some suggestions for your query.

 

Please consider liking and accepting the solution if it helps.

 

I truly hope it will be useful for you.

 

I would suggest to reduce the number of elements being used throughout your website. This can be elements added by apps you have installed or your theme injecting excessive HTML elements into your site.

 

Try uninstalling all the apps that you are not using. Also, some apps won't remove the code they have added even after you uninstall the app. So make sure you remove any leftover unused app code which is a best practice that avoids running code for unused features, and makes your theme code easier to read.

 

Themes contain CSS, JS, HTML which can increase and affect your store speed. So disable theme features you don't use.

 

Are you using any slideshow in your website? Using slideshow, which are high-quality images combined with transitions, take time to load when the user clicks the link to the homepage. So instead you can use a single high-quality hero image.

 

You can run the Shopify Theme Inspector for Chrome to identify the lines of code that are slowing down pages in your online store.


Hope this was helpful! Cheers!

 

Gina
flareAI

flareAI : Get Sales from Google Search, on Autopilot
$10+ billion in eCommerce on Google Search, every day. Find out how much you are missing

ExpertRookie
Shopify Partner
1518 249 314

Hi @Saba_ecom

ExpertRookie here, excessive DOME size is a popular issue. In my opinion, you can try to lazy load each section content. It means a section content only should be loaded and appended to your site when it is in the browser's view port.

 

Hope my knowledge is helpful for your case

 

- Was my reply helpful? Please Like and Accept Solution to let me know!
- Want to modify or custom changes on store Hire me.
- Feel free to contact me on expert.rookie.team@gmail.com regarding any help.

Cedcommerce
Shopify Expert
718 76 112

Hello @Saba_ecom

 

Could you share your website URL so we can check the speed diagnostic report on our end and let you know the issue along with the solution?

 

Regards, 

CedCommerce

CedCommerce || Shopify Expert
- Let us know if our reply is helpful for you. Like it.
- Was your question answered? Mark it as an accepted solution.
- For further discussion contact: Email ID- apps@cedcommerce.com
- Whatsapp:- Join Here

speedboostr
Trailblazer
136 20 26

You simply need to delete sections from your layout via the theme customizer.

 

This will reduce the DOM size and general page complexity by having less elements, then you can start using read more links to content rich pages, this is the best practice.

For a more technically advanced approach, using intersectional observers to load content on user interaction is the way forward. If you're interested in this, let me know and I'll be able to provide you with more details.

Creator of Theme Scientist (A/B testing app and theme scheduler). Creator of Shopify Analyzer (1st performance analysis tool for Shopify, free for the community). Founder of Speed Boostr (Shopify optimization experts + app developers). More apps from our team: Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).

OneCommerce
Shopify Partner
253 19 108

Hi there,
After checking, we see that your speed score is 29/100 on mobile, which is pretty slow compared to others
Score: https://prnt.sc/C_-KjK_78hHj
Solutions:
- Reduce unused JavaScript
- Apply lazy loading technique for images

OneCommerce - The Ultimate eCommerce Solution Platform
We offer 12+ solutions to help increase traffic, maximize conversion rates and generate better revenue for more than 500,000 eCommerce merchants worldwide.

Get know us at: Website | Blog | FAQ | Contact us