title: Wordpress: Eliminate render-blocking JavaScript and CSS in above-the-fold content for style.css of theme
body: <p>I am using Twenty Seventeen theme and trying to achieve a good score on Google Page Speed test. I am facing an issue of "<strong>Eliminate render-blocking JavaScript and CSS in above-the-fold</strong>" and "<strong>Leverage browser caching</strong>" of style.css of Twenty Seventeen theme.</p>
  
  <p>I tried to eliminate this with the .htaccess file, but still getting the same issue.</p>
  
  <p>Here is my .htaccess file:</p>
  
  <pre><code>    # WordPress
      &lt;IfModule mod_rewrite.c&gt;
      RewriteEngine On
      RewriteBase /
      RewriteRule ^index\.php$ - [L]
      RewriteCond %{REQUEST_FILENAME} !-f
      RewriteCond %{REQUEST_FILENAME} !-d
      RewriteRule . /index.php [L]
      &lt;/IfModule&gt;
      # END WordPress
      ExpiresActive On
      ExpiresByType image/gif A2592000
      ExpiresByType image/jpeg A2592000
      ExpiresByType image/jpg A2592000
      ExpiresByType image/png A2592000
      ExpiresByType image/x-icon A2592000
      ExpiresByType text/css A86400
      ExpiresByType text/javascript A86400
      ExpiresByType application/x-shockwave-flash A2592000
      #
      &lt;FilesMatch "\.(gif¦jpe?g¦png¦ico¦css¦js¦swf)$"&gt;
      Header set Cache-Control "public"
      &lt;/FilesMatch&gt;
  </code></pre>
  
  <p>I don't want to use any optimization plugins or cache plugins.</p>
  
  <p>To fix "<strong>Eliminate render-blocking JavaScript and CSS in above-the-fold</strong>" for the js files, I added a code to the function.php file.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>  function defer_parsing_of_js ( $url ) {
          if ( FALSE === strpos( $url, '.js' ) ) return $url;   
          if ( strpos( $url, 'jquery.js' ) ) return $url;
          return "$url' async defer='defer";
      }
      add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );
  </code></pre>
  
  <p>Can anyone suggest me to get this fixed without using plugin?</p>