Wednesday, July 15, 2015

6 Amazing Ways to Prevent Google Pagespeed Score From Being Low!
Featured it is too low? Can I increase it?
These are the words of a newbie blogger or these words can also be of an experienced blogger. Google's Pagespeed is today become like a competition. People used to show off if they have more than 70 score in Pagespeed. But...only few peoples get 70+ score in Google Pagespeed. You know why? Because they never care of it. They always add JavaScript and CSS codes which are hosted externally and on heavy and slow servers like DropBox and Google Drive.

Do you know? Google rank websites or say blogs according to Google Pagespeed Score also. So, its important that you keep it up. And to keep it up....I am here today to tell you 6 amazing ways to improve your blog's loading speed + improve your blog's Pagespeed score.

1. Removing Social Plugin

Are you thinking that it will make your promotion worse? I am not talking about removing all social plugins from your blog because I know its impossible. But you can make a limit of them.

Do you know why I am saying to remove social plugins from your blog? Just because the main reason behind your blog's low pagespeed score is Social Plugins. The plugins by Google+ (Google+ Badge), Twitter (Twitter Feed Widget), Facebook (Facebook Page Plugin) are not very SEO optimize and they badly effect on your blog's pagespeed. You know how? Let me explain you.

The widgets of famous Social Sites always load slowly. You know why? Because they are heavy. You can get the proof of this in Pagespeed. See the below screenshot:-

Remove Social Plugins

The slowest and heaviest plugin is Facebook's new page plugin widget. You know why? Because it make your blog's load speed very slow. And hence, it harm your blog's pagespeed score. I think you have already noticed that we are not using Facebook Page Plugin because of its heavy CSS and JavaScript. Instead of using facebook Page Plugin, you can use facebook's like+share buttons that works as same as Facebook's page plugin!

2. Moving External JavaScript or CSS to Internal Host

Hmm...what is external JavaScript or CSS? Its just a CSS file or JavaScript file which load from an external server which badly affect your blog's loading speed. So, in this section, I am going to tell you about how to move external JavaScript file or CSS file to your blog's Internal host easily.

Here are the steps for moving JavaScript file from external host to internal:-

  • Imagine, you have an external JavaScript file like this:-
[code]<script type="text/javascript" src=""/>[/code]
  • Now, open the URL placed in src tag. You will see JavaScript like this:
[code]consolelog("Just an example visitor :)");[/code]
[info headline='Quick Information']That External JavaScript file was just an example. You have to open the URL of src of your template. If you need any help, just comment below anytime.[/info]
  • Now, copy the JavaScript from the link you opened. 
  • Now paste it under <script> to </script> with CDATA tag.(Example:- Below
consolelog("Just an example visitor :)");

Here are the steps for moving CSS file from external host to internal:-

Now, its time for moving CSS (externally hosted) to Internal Host. Here are the steps for it:
  • Imagine, you have an external CSS file like this:-
[code]<link href=""/>[/code]
  • Now, open the URL placed in href tag. You will see CSS like this:
  • Now, copy the CSS from the link you opened. 
  • Now paste it inside <style> to </style>.(Example:- Below)
/*-------- CSS STYLES OR CODES HERE -------- */

3. Compressing JavaScript & CSS Codes Using Right Compressor

All knows how to compress JavaScript and CSS codes using Compressor. But one knows that which Compressor is best for compressing his/her JavaScript? Sometime, newbie bloggers take wrong compressor for compressing their codes and got their JavaScript stopped working.

Google Pagespeed also gives the score of HTML size, JavaScript size and CSS size. So, to compressor them, today, I have a best compressor which is all-in-one; means, it compresses HTML, CSS and JavaScript. And its also advanced. So, you can use it for compressing your blog's JavaScript and CSS. 

Compressor Link:- JavaScript/CSS Compressor

4. Optimize Images Using Optimizilla

Optimize Images
The main reason your blog's pagespeed is low is non-optimized images. As you upload images, they are counted as non-optimized by Google Pagespeed. And if, you want to optimize them, then I have a best Image compressor for it which is popularly known as Optimizilla. You can compress or say optimize more than 20 images in one time using Optimizilla. It is an online tool which is absolutely free. 
Compressor or Optimizer's Link:- Online Image Optimizer

5. Optimize Inline CSS

Hmm...Inline CSS. So, what is it? It is the CSS which you often add on HTML tags inside style: tag. You can move them into the <head> section of your template to make it load fast. Here's how to do that:
  • Suppose you have HTML like this:
<span style='border:2px solid #000;'>Text</span>
  • Now, you can change it or say optimize it as:
.text{border:2px solid #000;}

<span class='text'>Text</span>
  • Isn't it simple? It is known as optimizing Inline CSS which is more SEO friendly that that style tag.

6. Make Your Template Responsive

Do you know what the responsiveness of a template is? This means, that the template should be seen very beautiful (at least good) at all device screens. This can be done using media queries on Blogger. We have already talked about it on another post. You can navigate their:-

Navigate to:- How to Create a Responsive Layout View For Blogger Templates?

Final Words from Author

I hope you liked that post. I know you are sad because I am not getting time to post frequently. But don't worry...we will post only useful, quality and unique articles for you. You can support us by just a share on Social Media. Stay tuned! Thank You!