Render blocking CSS and/or JS

    Removing the stylesheet and the default javascript file of blogspot or often referred to as Render blocking CSS and/or JS has a lot of tutorials, the code is also very diverse and rich, it is not known which code is the best because after Installing and saving the template keeps finding that there is no error at all while using it and checking through some tools to see that everything is fine.
    Previously presented the article:
    At the above post, disable the default css and all js files follow and collect them before the closing </body> tag. 
    Through many attempts and tests, there are 2 js files:
    Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí








    In the image above does not slow down the loading speed of the blog while it supports some default utilities of blogspot.

    So this article only performs the default css removal procedure and the 2 following js files located on the </head> tag. 
    In fact, this trick is to deceive the css file and the 2 js files because it always defragment the closing tag. </head> so we use the & lt;! - <head /> tag - & gt; to pull them away. 
    There are 3 positions that can be grouped after disabling them. 
    - Before the </head> 
    tag -After the </head> 
    tag -After the </body> tag 
    But the most logical view is to leave them in front of the << / head> because two js files are always there. 
    This trick is basically still based on the previous lesson, but it is more flexible than an old one. 
    The prototype code has the form:

    <html> 
    <head> 
    ...... 
    ...... 
    </head> 
    <body> 
    ......... 
    ......... 
    </body> 
    </ html >

    Case 1: Before the </head> tag
    Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí









    Replace to

    <html>
    &lt;head&gt;
    ..........
    ..........
    &lt;!--<head/>--&gt;
    &lt;/head&gt;
    <body>
    .........
    .........
    </body>
    </html>


    Case 2: After the </head> tag
    Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí









    Replace to:

    <html>
    &lt;head&gt;
    .............
    .............
    &lt;/head&gt;
    &lt;!--<head/>--&gt;
    <body>
    ..........
    ...........
    </body>
    </html>

    Case 3 After the </body> tag
    Loại bỏ CSS mặc định của blogspot tùy chỉnh vị trí









    Replace to:


    <html>
    &lt;head&gt;
    ............
    ............
    &lt;/head&gt;
    <body>
    ............
    ............
    </body>
    &lt;!--<head/>--&gt;

    </html>

    No comments