Remove Render Blocking Javascript

Remove Render Blocking Javascript

If youve written your page to be dependent on using jquery on load, removing it would mean youd have to re-write a lot of your code, to save, perhaps 10 milliseconds in load time?

Open your browsers debugger, look at the NETWORK tab and reload the page. You should be able to decide whether this suggested optimization is worth it or not (Im suggesting it is not).

I was having a similar issue with Javascript. Make sure that in your code after your source your java that you put a type=text/js. Like this:
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js type=text/js></script>

Otherwise you need to go into your server and make adjustments to your htcaccess file.

Remove Render Blocking Javascript

Heloo Nazmul, may be you should to edit your question to How to Remove default JS and CSS that make Render Blocking Javascript in Blogger? may be so long but I think your problem is it.
Follow my step with :

  1. change <head> to &lt;head&gt;
  2. If your Internet Service Provider give some bloking JS and CSS add <!-- </head> --> before </head>
  3. Change </head> to &lt;!--<head/>--&gt;
  4. add <!-- </body></html> --> before </body></html>

It is about DOM get work, I will give you example my blank blogger template if you still headache.

<?xml version=1.0 encoding=UTF-8 ?>
<!DOCTYPE html>
<html xmlns=http://www.w3.org/1999/xhtml xmlns_b=http://www.google.com/2005/gml/b xmlns_data=http://www.google.com/2005/gml/data xmlns_expr=http://www.google.com/2005/gml/expr>
    &lt;head&gt;
        <meta charset=utf-8/>
        <style/>
        <b:skin><![CDATA[]]></b:skin>
    <!-- </head> -->
    &lt;!--<head/>--&gt;
    <body>
        <b:section class=header id=header showaddelement=yes/>
        <a href=https://klikada.com><h1 style=color:blue;font-family: monospace>klikada.com</h1></a>
        <b:section class=main id=main showaddelement=yes/>
        <b:section class=footer id=footer showaddelement=yes/>
    <!-- </body></html> -->  
    <style>a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:none;}a:active{text-decoration:underline;}</style>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *