Skip to main content

Tips To Get Sitelinks In Google Search Results - Blogger

Sitelinks are some links that are showing below site in search engines. Its not just in Google search results but in Bing, Yahoo and also in Yandex. There is no idea how to get sitelinks, even Google says that sitelinks are automatically generated links to help visitors reach important pages of your site. Also you have no control over which page you want in sitelinks and also there is no code which can do it. You might be thinking that if nothing is known about sitelinks, how am I going to get it for my site ? Well, the answer is simple you will get it as I got them ! What Are Google Search Result Sitelinks: Above is the sceenshot of sitelinks of my blog. If you search "101helper" oon Google you will see the sitelinks live. These are featured links from my blog and are shown to visitors to help them reach deeper pages or help them to reach the content of interest on a site. Note that sitelinks never remain the same they change time to time and we have no control over it. Goog...

How To Eliminate Render-Blocking Scripts And CSS - Blogger

eliminate-render-blocking-javascript-css


As page loading speed matters so much that's why I write frequently about how to make blog or site load faster and so is this post about and I am writing this post on request of a visitor to help him and also those who also have this problem in their blogs. So let me start with intro of what is render blocking scripts and CSS.

What Is Render-Blocking Scripts And CSS ?

Render blocking script is usually a script from any external source which is called by using a <srcipt src="...../files/style.css"/> tag and the problem lies in the URL or storage of the javascript file. Some common problems with external scripts are:

1. The URL which contains the Javascript file is redirecting to multiple URLs and then reach the Javascript file.

2. The URL which contains the Javascript file responds slowly due to server error.

3. The URL which contains the Javascript file sometimes does not respond due to down server status.

Similar to Javascript files, there are some CSS files which are stored externally have the same problems as mentioned above.

How To Identify Render-Blocking Scripts 

To identify render blocking script or css you need to use PageSpeed Insights. It will show you which scripts and css files are blocking and making your page load slow.

how-to-eliminate-render-blocking-scripts-css-in-blogger

How To Remove Render-Blocking Scripts And CSS From Blogger

Step 1: Find render-blocking scripts by using Google PageSpeed Insights as shown in the above image.

Step 2: Go to blogger dashboard > Template > Edit Html.

how-to-edit-template-in-blogger

Step 3: Search for that script or CSS using CTRL+F in the code which you found to be blocking in the PageSpeed Insights tool.

Step 4: Do following things:

For Javascript:

1. Add "Defer" Tag:

A defer tag is a tag which stops the script from loading and loads it when the whole page contents are loaded completely so it improves page loading speed. To add defer tag to your javascript simply add defer='defer' as showing in below example:

<script defer="defer" src="...file/code.js"/>

2. Add External Javascript Internally:

If you see that javascript loading on your blog is redirecting or taking time to load than add the code above </head> in your template or shift it to another host like GitHub.

 Recommended:  How To Store Blogger Codes On Github To Speed Up Blog ?

3. Remove Blocking Code:

If you do above things and still see that the script is blocking then remove that script or copy it and add it in the Layout as a gadget.

 Recommended:  How To Add Or Remove Gadgets In Blogger ?

4. Use "async" Tag:

This tag tells the page that the code which is asynchronised will be executed when it is available and will not be executed when not available so it minimizes page loading speed. To add async tag to your code simply add async='async' because blogger doesn't accept async alone. Here is a sample:

<script async="async" src="...file/code.js"/>



For CSS:

1. Add CSS in <head>:

If you have CSS code stored externally but you are loading it in body by using below code:

<link href="...file/code.css" rel="stylesheet" type="text/css"/>

Simply move it below <head> in your template

2. Use Github:

If your hosting is not responding in time or have many redirects(as in GOOGLE DRIVE) then use Githun to store your codes.

 Recommended:  How To Store Blogger Codes On Github To Speed Up Blog ?

Step 5: Save your template and you are done successfully.

What To Do For Internal Blocking Javacript Or CSS ?

If you have any internal codes which are blocking your pages then remove them because you can't modify them to get work and also avoid such scripts because they are coded by inexperienced bloggers.

Final Words:

By following above steps you can remove blocking javascript and css but if you need the codes and you want to keep them but minimize the loading speed then don't remove the codes but store them on github or in the layout. You may not see any improvement in the Google PageSpeed Insights tool but there will be surely some improvement which you will observe while loading your page.

I hope this post was helpful to you, if not ask me about it. Thanks for visiting 101Helper. Like us on Facebook and never miss a post.

Search keywords: How To Eliminate Render-Blocking Scripts And CSS - Blogger, Blogger blog page loading speed, how to remove blocking scripts and css from blogger blog,how to speed up blog,how to minimize page loading speed in blogger

Comments

Popular posts from this blog

How To Install Emoji Reactions(Smileys) In Blogger

We all are familiar with emoji reactions because all of us use social networks and chatting and texting is incomplete without emoji reactions(smileys). These emoji reactions help us to explain our feelings about things and so I decided to create a post about it. So far I have seen in many blogs that they have emoji reactions in comment form and a emoji code is to be placed where emoji is to be shown but that's too old and most people don't like it. So I decided to tell you about these new type of emoji reactions that are placed in the bottom of post and show reaction of people to that post. Maybe you are thinking why should I add emoji reactions in my blog, it is useless but let me tell you that blogging is not just about growing blog more and more and earn money, but you must have something more which will make your blog special and these emoji reactions will grab attention of many visitors and will also tell them about how many people liked your post. Here is a picture of emo...

Backlinks Violating Google's Guidelines (Autobacklinks Pros & Cons)

My blog reader asked me to write a post about auto backlinks building and its cons and pros so I decided to tell you about auto backlinks building and other backlinks that violate Google's guidelines for webmasters so you can avoid these backlinks generating methods and save your blog from Google penalties. Before telling you about types of backlinks that violate Google's guidelines, let me tell you first what is autobacklinking. Auto backlinking is a way to get free backlinks without working hard, though it is easy way and works for sometime but if you get penalized then all your work go in vain. There are many software that do it all you need is to put your link and make backlinks, some online tools are also available for this work. But I don't recommend it because these backlinks are not from sites which are similar to your site topic and these backlinks doesn't have value. Also there is a high risk of penalty. So auto backlink generating methods are not successful a...

How To Add Map In Blogger Contact Or About Page

Bloggers are advancing day after day and making their blogs professional by adding pages like privacy policy, contact page, about page, terms and conditions page etc which are seen in professional websites so they are trying to make their blogs look more professional to impress visitors because such things improve blogs reputation. One more thing which can improve a blogs reputation and make it look more professional is a map which shows the location of the blog. So if you have a business website converted to dot com then you can add a map in your website or blog's about or contact page and your location to your visitors as well as make your website or blog more professional. So this post is all about adding Google map in contact or about page of your blog. Follow below steps to add a map in your blog's page. How To Add A Map To Contact Or About Page In Blogger? Step 1: Go to Google Maps   and search your location. Step 2: Click on Share below directions : Step 3: Click on Embe...