Return to previous page

XSTORE Optimization Issues - by dokgu - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 8 years ago ago by Olga Barlow

dokgu

Participant

November 6, 2016 at 00:42
Hello,

I’m trying to use and customize the theme but somehow whenever I open a page it loads kinda slow. So I used Google’s Page Speed Insight and there are a couple issues that needs to be taken care of.
1. Eliminate render-blocking JavaScript and CSS in above-the-fold content – Your page has 30 blocking script resources and 21 blocking CSS resources. This causes a delay in rendering your page. None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
2. Leverage browser caching – Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
3. Prioritize visible content – Your page requires additional network round trips to render the above-the-fold content. For best performance, reduce the amount of HTML needed to render above-the-fold content. The entire HTML response was not sufficient to render the above-the-fold content. This usually indicates that additional resources, loaded after HTML parsing, were required to render above-the-fold content. Prioritize visible content that is needed for rendering above-the-fold by including it directly in the HTML response. Only about 4% of the final above-the-fold content could be rendered with the full HTML response.
4. Minify CSS – Compacting CSS code can save many bytes of data and speed up download and parse times.
5. Minify HTML – Compacting HTML code, including any inline JavaScript and CSS contained in it, can save many bytes of data and speed up download and parse times.
6. Size tap targets appropriately – Some of the links/buttons on your webpage may be too small for a user to easily tap on a touchscreen. Consider making these tap targets larger to provide a better user experience. The following tap targets are close to other nearby tap targets and may need additional spacing around them. The tap target <div class="owl-pagination"></div> is close to 1 other tap targets. The tap target <div class="owl-carousel p…usel owl-theme">Hug Dealer…Add to cart</div> and 3 others are close to other tap targets.
Now since the theme’s supposed to be a premium theme I expect that it should be optimized and not run slow. A part of the Google Page Speed Insight said that I need to also optimize my images and I know that’s not the problem of the theme itself so I didn’t include it here as I’ll fix those myself.
#145045 Copied Theme version: 2.5 WooCommerce version: 2.6.7
2 Answers
dokgu

Participant

November 6, 2016 at 16:56
Okay – I was able to fix most of those issues with the use of the W3 Total Cache plugin. The only remaining problems are:
1. Eliminate render-blocking JavaScript and CSS in above-the-fold content – Your page has 1 blocking CSS resources. This causes a delay in rendering your page. None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
2. Leverage browser caching – Setting an expiry date or a maximum age in the HTTP headers for static resources instructs the browser to load previously downloaded resources from local disk rather than over the network.
#145056 Copied
Olga Barlow

Support staff

November 7, 2016 at 14:23

Hello,

To solve the 1) try use Above The Fold Optimization plugin http://prntscr.com/cq39gp
2) Is related to your server http://prntscr.com/d46job

Regards

#145126 Copied
Tagged: best selling, issues, optimization, themes, woocommerce, xstore
Viewing 3 results - 1 through 3 (of 3 total)