Friday, August 21, 2020

Disable CSS bundle and Authorization CSS Blocking Resources

Dnsnsights/ And see CSS bundle and Authorization CSS file is not displaying in page speed test result. Alternative Solution for Default Blogger template user If you are using default Blogger template then you can adopt a safe procedure. Though clickable CSS resources count as render blocking so we will add the CSS bundle file inside style tag. From your Blog page source click on clickable URL and all CSS bundle file will open in new tab. And copy the whole CSS script and paste it in a notepad (Dont paste the CSS code in any Rich text supported text editor like Microsoft Word). link type='text/css' rel='stylesheet' href='https://www.blogger.com/static/v1/widgets/2973171168-css_bundle_v2.css'/ link type='text/css' rel='stylesheet' href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=XXXXXXXXXXXXXXXXXzx=c438423a-a8f4-4cca-b115-1e1bcd093875'/ In case of Authorization CSS file open it in Mozila Firefox browser then it will be visible. Because in Google chrome and Opera browser Authorization CSS file often remain blank. And the finally tailor yours script like below. lt;style type=quot;text/cssquot;gt; lt;!-- /*b:skin![CDATA[*/]]/b:skin style type='text/css' [ Paste CSS bundle file code from Notepad here ] [ Paste authorization CSS file code from Notepad here ] [ Here is your all existing templates CSS code ] /style Finally save your Blogger default template and view the page source and see CSS bundle and Authorization CSS file has disabled. And your all widget is running smoothly. Now your template loading speed will increase. After applying this trick your template Layout will completely break. But dont panic it wont affect your site traffic or SEO. For any further query please feel free to leave a comment below.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.