How to eliminate render-blocking JavaScript and CSS in above-the-fold content?

ThemeBurn SupportForumsOpenCart ThemesBurnEngineHow to eliminate render-blocking JavaScript and CSS in above-the-fold content?

This topic has been marked as resolved.

Hi Team,

We tested our site at https://developers.google.com/speed/pagespeed/insights/ and we are receiving the following suggestions:

1) Should Fix:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 3 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.

Optimize CSS Delivery of the following:

We saw an old topic – http://support.themeburn.com/topic/performance-issue-remove-render-blocking-javascript-optimize-css, and we tried moving a part of the css from header.tpl file to footer.tpl, but we get an error.

2) Consider Fixing:

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.
Leverage browser caching for the following cacheable resources:

http://connect.facebook.net/en_US/all.js (20 minutes)

We’ve made some modifications in our .htaccess file, but we are not sure how to optimize the part with “all.js”.

Can you give us an advise on this matter?

BR,
Stefan Pavlov

  • This reply was modified 2601 days ago by  Kanisco.
March 14, 2017 at 1:19 pm #57415

Hi Stefan,

Unfortunately none of the two failing points can be bypassed:

1) Maybe we could think of an automated “above the fold” solution to reduce the initial CSS load, but not at the moment – it’s just not that easy.

2) Cannot control external resources.

BR,
ThemeBurn team

March 14, 2017 at 3:54 pm #57426

Hi

Thanks for the fast replay! Where can we find the Head.tpl so that we can comment the http://connect.facebook.net/en_US/all.js to see whats going to happen, because of what we understand we wont need this.

BR,

Stefan Pavlov

March 14, 2017 at 4:11 pm #57427

Hi Stefan,

Facebook API can be disabled from Theme Settings > Social > Facebook.

BR,
ThemeBurn team

March 17, 2017 at 11:57 am #57536

Hi Team,

Thank you for the advice.

BR,
Stefan Pavlov

March 17, 2017 at 12:08 pm #57540

Hope we’ve helped.

BR,
ThemeBurn team

March 21, 2017 at 5:14 pm #57592
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.