Eliminate render-blocking JavaScript and CSS in above-the-fold content – ThemeTon – Support http://themeton.com/support/forums/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/feed/ Sun, 28 Apr 2024 07:24:21 +0000 https://bbpress.org/?v=2.6.9 en-US http://themeton.com/support/forums/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/#post-17944 <![CDATA[Eliminate render-blocking JavaScript and CSS in above-the-fold content]]> http://themeton.com/support/forums/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/#post-17944 Wed, 27 Jul 2016 23:17:47 +0000 junkreactionary I am trying to optimize my site for speed, and I used Google’s PageSpeed Insights page.

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fwww.gosedesign.com%2F

One of the top recommendations is that I “Eliminate render-blocking JavaScript and CSS in above-the-fold content.”

I would like to accomplish this without breaking the theme.

Here is what it says under: “how to fix”
<div class=”advice” style=”font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 22.4px; background-color: #f7f7f7;”>
<div class=”failed-rule-summary” style=”font-weight: bold; margin-top: 14px;”>Your page has 1 blocking script resources and 4 blocking CSS resources. This causes a delay in rendering your page.</div>
</div>
<div class=”urls” style=”margin-top: 1em; font-family: Roboto, Arial, sans-serif; font-size: 14px; line-height: 22.4px; background-color: #f7f7f7;”>
<div class=”url-block” style=”margin-bottom: 8px;”>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.</div>
<div class=”url-block” style=”margin-bottom: 8px;”>Remove render-blocking JavaScript:
<ul style=”max-height: 324px; overflow-x: hidden; overflow-y: auto; padding-left: 0px; background-color: #ffffff;”>
<li style=”border-top-style: none; list-style: none; padding: 3px; word-wrap: break-word;”><span class=”url-external” data-title=”http://www.gosedesign.com/wp-content/cache/minify/000000/nctLDoAgDADRCyGN4USIjZSUj7SYeHs14QTuZvHGQToH9tu4GUumo3tFm6mYFTpewrRjhzY2pgBeBFUgyfRWI2Zso4RotVaWP-OLKw-lWr77AQ.js”>http://www.gosedesign.com/…gBeBFUgyfRWI2Zso4RotVaWP-OLKw-lWr77AQ.js</span&gt;

</div>
</div>
 

]]> http://themeton.com/support/forums/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/#post-17945 <![CDATA[Reply To: Eliminate render-blocking JavaScript and CSS in above-the-fold content]]> http://themeton.com/support/forums/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/#post-17945 Wed, 27 Jul 2016 23:22:17 +0000 junkreactionary http://themeton.com/support/forums/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/#post-17965 <![CDATA[Reply To: Eliminate render-blocking JavaScript and CSS in above-the-fold content]]> http://themeton.com/support/forums/topic/eliminate-render-blocking-javascript-and-css-in-above-the-fold-content/#post-17965 Thu, 28 Jul 2016 03:48:17 +0000 Usuhuu Hello

If you want to  delete css and js file, you can instal Wpide plugin. This plugin helps you to remove  files which exists in your theme. But i highly recommend you that  not to remove files. Because your theme may be broken if you remove css and js files.

Regards

Themeton

]]>