Return to previous page

How to improve layout shifting on some Xstore elements on my website ?

This topic has 2 replies, 2 voices, and was last updated 7 months, 4 weeks ago ago by Tony Rodriguez

chilly

Participant

March 27, 2024 at 16:34

I wanna ask you please how do I improve my website loading time by reducing the layout shifting as you can see in this report https://www.webpagetest.org/result/240327_AiDcKJ_5CT/?view=webvitals All the header elements are shiffting. I’m using LiteSpeed cahce on and I wanna asure you that I make sure no option that will cause layout shifting is on.

Please help me reduce the layout shifit on the website, thank you.

Please, contact administrator
for this information.

#388822 Copied Theme version: 9.2.9

1 Answer

Tony Rodriguez

Support staff

March 28, 2024 at 08:37

Hello, @chilly,

Thank you for contacting us and for using XStore.

Website speed depends on various factors that we do not control. What we can do is share the links that can help you with speed optimization: https://www.8theme.com/documentation/xstore/troubleshooting/how-to-speed-up-my-website/

Every additional plugin slows down the site a bit, so we would recommend you disable unrequired plugins.

We are writing to address the issue you have been experiencing with your website’s slow loading speed. After conducting a speed test on your website via GTmetrix, we have found that the performance is suboptimal. You may review the results at the following link:
https://gtmetrix.com/reports/candyhype.com/pH6uZGfw/

We recommend that you review the suggestions provided by GTMetrix in the Top Issues list, accessible here: https://imgur.com/HnZPhk6 & https://imgur.com/CYKtXp2

About your results on gtmetrix results:

-–Avoid an excessive DOM size – read these posts about DOM https://docs.wp-rocket.me/article/1412-avoid-an-excessive-dom-size
https://isotropic.co/avoid-an-excessive-dom-size-on-your-wordpress-website/
Edit your page and Product elements. It should reduce the DOM structure. Also, you may try to reduce the DOM results on the page by reducing the number of sections of the page/elements in the footer or header;
–Properly size images: https://gtmetrix.com/properly-size-images.html

-Defer offscreen images – https://gtmetrix.com/defer-offscreen-images.html

– Use any a Content Delivery Network (CDN), it can give an equally fast web experience to your users across the globe. We use CDN on our demos.

– Avoid large layout shifts – https://gtmetrix.com/avoid-large-layout-shifts.html

-Avoid long main-thread tasks https://gtmetrix.com/avoid-long-main-thread-tasks.html

For further guidance on how to improve your website’s speed, we invite you to review our theme documentation. The following links provide detailed information on this topic:

1. https://www.8theme.com/documentation/xstore/theme-installation/main-theme-options/
2. https://www.8theme.com/documentation/xstore/troubleshooting/how-to-improve-wp-rocket-settings-with-xstore/

For a comprehensive understanding of the specific issues that may be affecting your website’s speed, we suggest conducting a website speed test with GTMetrix. This tool can provide you with actionable recommendations to further enhance your website’s performance.

We trust that you will find this information useful in improving your website’s performance.

We trust that this guidance will be of assistance to you. Should you require any further support, please do not hesitate to reach out to us.

Best regards,
The 8Theme Team

#388871 Copied
Tagged: boost xstore element performance, enhance wordpress xstore layout, improve xstore layout shift, optimize woocommerce theme elements, upgrade xstore woocommerce theme, wordpress xstore layout improvement
Viewing 2 results - 1 through 2 (of 2 total)