Speed Up Your Blog Page Loading

The speed of page loading is very important for any blogger, not only for visitors but in order to gain the trust of the search engines. The visitor may love it if the blog were light and fast loading, as well as search engine spiders like fast loading pages that do not consume precious time.You have to strike a balance between the content and speed of your blog to achieve a difficult equation.



Many of the tools that can be used to check the loading speed of a blog. One of them Google PageSpeed insight, this free tool has an excellent accuracy rate complete with suggested remedial solutions for you to do.

Please check loading your blog today. If the score that you get shows red or yellow, you must edit your blog code. It tells the loading of your blog is still slow and in need of repair.

How to speed up the loading speed of a blog

Super fast loading page (desktop and mobile versions) highly preferred by search engines and users.

By the search engines, the blogs that have a lightweight structure that is easy to crawl. For visitors, fast loading times will not make them wait long.

1. The Jquery code must be Asincron
   
   Almost all website template contained a jquery script code. Jquery is a JavaScript library designed to develop a multiplatform client-side script in the HTML file becomes easier
   
   With jquery syntax, its make easier in designing a variety of JavaScript-based plugin. The plugin is used to construct such an interaction abstractions animation and complex effects of various widgets that can be configured.
   
   However, the placement of the template jquery code must be combined with asynchronous code that making the loading of the blog so light and fast. Please open your template, find jquery code like this:
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>
To increase the loading speed of a blog, add asynchronous code (written in blue) like below :
<script async='true' src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>
2. Remove Jquery code at the widget
   
   When installing widget on a blog, see the code of the scripts. Remove if there is a code jquery in it. You do not have to worry if the widget does not appear because jquery code was already loaded on your template.
   
   If jquery code in the widget is not removed, it will make the blog slow loading. widgets appear slowly, or appear but not perfect. And it is feared will lead to jquery conflict on the template.
   
   
3. Compress the Picture
   
   Each article needs pictures for his visualization. Pictures can be in the optimization to get a good article. The problem is each image has charge of different files and formats.
   
   The larger the file size and resolution, the draft blog will be heavier. That need to compress the file size of the image to be lighter. Do not make your blog heavy, immediately minimize your image files.
   
   
4. Minimize the HTML template
   
   To speed up the blog, the size of HTML template needs to be reduced too. Many of sites provide free services to streamline HTML code. The example is HTML Compressor.  Easy to use and the result of compression will retain the original script code in your template. They simply 'throw' the codes are not required.
   
   Important, before doing these step, please backup your template .
   
   Next, go to this address https://htmlcompressor.com then click the green box labeled "Start Using Now". From the HTML editor, use ctrl + A then copy and then paste the HTML code on the box form in the HTML page source Compressor. Then click compress. Wait for a moment.
   
   Once the results appear, choose to select all, and then paste it into your HTML template. Preview template, if no problems save the template.
   
   Try to check your homepage URL on pagespeed insight.
   
5. combine asynchronous ads code on css template (adsense blog)
   
   This step if you are displaying AdSense ads on your blog. Did you know, advertising can slow your blog loading?
   
   If there is more than one installed Adsense ads on blogs, there is the repetition of the asynchronous code. It can slow the loading. There is a way to make it simple.
   
   In general, an Adsense script code like this :
   
   <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- blog name 300x250 -->

<ins class="adsbygoogle"

     style="display:inline-block;width:300px;height:250px"

     data-ad-client="ca-pub-xxxxxxxxxxx"

     data-ad-slot="xxxxxxxx"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>
   
   Cut the Adsense asynchronous code (written in blue) and place it on a CSS template, directly under the code </ b: skin>. Next, when installing AdSense code, use the body code only (red texts).
   
   The goal of this separation when the loading process, the asynchronous code is loaded just once for all ads that are installed on your blog so that page loading became more lightly.
   
   
   <style type="text/css"> <!-- /*
   
   Save the template, then check back your score.
   
   
6. Don't use a lot of widgets
   
   Prioritizing the widget that serves as a navigation to lead visitors into clicking on an existing article on the blog. Do not install a widget that not important for readers which can even 'punish' your blog.
   
   In my opinion, there are three widgets that must installed ie popular post, recent post, random post. The other of the three of that, I think is not too important.