Dotycat.come How to Speed up Your Bloger & Fast Loding
How to Speed up Your Bloger & Fast Loding
How to Speed up Your Bloger & Fast Loding

How to Speed up Your Bloger & Fast Loding

- +
Why Does Your Website’s Speed Matter?

Speed can make or break a website. It affects your traffic, page views, conversions, sales, and your overall reputation. By making it faster, you can improve your business or your fan base and help it grow. Studies have shown.

How to Speed up Your Bloger & Fast Loding
Therefore, website speed plays a very important role in making your business successful. It should be one of your top priorities if you want to stand out from your competition. By speeding up your website, not only will you yield positive results in terms of page views and conversions, but you will also provide your visitors with a better user experience.

  • How to Test Your Website’s Speed?
  1. PageSpeed Insights is Google’s free tool for testing your website speed and it is very easy to use. All you need to do is enter the URL of your website and the tool will analyze its content and generate suggestions on how to make your website faster.
  2. Pingdom is also a very useful tool that not only tests your website speed, but also reviews and grades your website’s performance. It also tracks your website’s performance history, so you can have insight into any potential changes regarding your website speed.
  3. YSlow is a tool that tests your website speed and offers advice on how to improve it. It can also provide you with a Chrome extension for checking the speed of your website.
Ways to Speed Up Your Website

  • Eliminate render blocking Javascripts and CSS
This one is the major factor which could degrade your page speed. Render blocking is nothing but hindering the render of the page that means the main content of the page will be prevented from loading until Javascripts and CSS files are fully loaded.

In other words, visitors of the particular page will only see a blank page until those files are loaded. To graphically illustrate what I have explained above, take a look at the below image. Image files (.png, .jpg, .gif) are the content of the page and Javascript, CSS files are the render blocking elements.

  • Remove the render blocking elements
If we can load the elements of the content along side with JS and CSS files, the problem is solved. Technically this method is called as Asynchronous loading aka Async.

Depending on the template you use and the widgets you load, this list may enlarge. But, the elements mentioned above are common for all. The most common blocking elements are Javascripts which has the following syntax.

<script src="JS URL" type="text/javascript"></script>
So to reduce the load time, all script files must be loaded Async. To load script files async use the following syntax.

<script async="async" src="JS URL" type="text/javascript"></script>
As your CSS files are loaded with the template, you won't have any render blocking stylesheets other than default Blogger CSS.

  • Don't use Custom fonts
Custom fonts may look good, but they are also render blocking elements. Custom fonts also causes FOUT problem. Use simple fonts like Arial, Helvetica, Georgia, Verdana, serif, sans-serif in your blog. The fonts listed above renders quick in browsers and don't need any stylesheets or JS.

  • Load scripts on required pages only
Loading unwanted scripts in a page is useless. You can use Blogger conditional tags to load the scripts on appropriate pages.

If you use adsense ads you can use this tips : How to Setup Lazy Load for Google AdSense Ad units on Blogger
Add Comment
How to Speed up Your Bloger & Fast Loding

How to Speed up Your Bloger & Fast Loding

DotyCat - Teaching is Our Passion DotyCat - Teaching is Our Passion DotyCat - Teaching is Our Passion DotyCat - Teaching is Our Passion