Simple Tricks To Optimize Your Blogger Site
So you made your first website on Blogger, and you are probably wondering why the hell your website is loading so slowly. Well Blogger is not a very advanced platform you cant control the htaccess file, you cant control your cache, and you cant control g-zip however there are a lot of things you can do to improve the load time of your website.
Images-
Images are one of the slowest items to load on websites, especially on websites that are photography based were you are trying to load a lot of high quality photos. To improve the load time of these images, you need to do a couple of the following things.
Compress the image. Download Caesium and use this program to compress all of your images and it even comes with a built in resize for the images. Reducing the quality to even 80% can save a lot of space and thus improve the load time of your website because they don't have to transfer nearly as many bytes of information for the same image.
Resize the image. If you are showing a 250x250 image why did you upload a 500x500 sized image. Use Caesium to resize the images and improve the load time even more. What it will do is scale the image down to that specified size and thus saving hard drive space and when uploaded you will see a very large improvement in the load time.
Java Script-
Javascript is one of the worst items to deal with if you don't know how to code or manage your website. However, it can make the biggest difference at the same time all you need to do is figure out what do you need and what could you load later. Generally Ajax and jQuery based scripts need to stay were they are but other scripts can be loaded in the footer.
Move Scripts to the </body> this tells the browser to load all of the other stuff styling, and the Html first. Then it will come to load the scripts to animate the objects that it made. However jQuery based widgets such as sliders will need to remain at the top of the page and jQuery its self needs to be in the header. Always use the most recent and updated version of jQuery for security and optimization purposes.
Load the scripts asynchronously when it comes to loading the scripts, you want to load them async which means that it will wait for everything else to load then load them this also optimizes their delivery time as it downloads them in an order and not all at once. The best way to load them is with javascript as it is the most commonly used form of async in browsers.
Externalize Scripts move all of your scripts to a fast loading url that is off of the blogger server such as google drive. Doing so will improve the load time as the browser has the hardest time loading inline scripts while external scripts are just read as download and run.
CSS
For CSS load make sure it is all in the skin tags and try to compress it.
Follow all the rules of the Yahoo Y-Slow test and the Google Page Speed test and your website will load just fine. Perform a test on your blogger site now!
Images-
Images are one of the slowest items to load on websites, especially on websites that are photography based were you are trying to load a lot of high quality photos. To improve the load time of these images, you need to do a couple of the following things.
Compress the image. Download Caesium and use this program to compress all of your images and it even comes with a built in resize for the images. Reducing the quality to even 80% can save a lot of space and thus improve the load time of your website because they don't have to transfer nearly as many bytes of information for the same image.
Resize the image. If you are showing a 250x250 image why did you upload a 500x500 sized image. Use Caesium to resize the images and improve the load time even more. What it will do is scale the image down to that specified size and thus saving hard drive space and when uploaded you will see a very large improvement in the load time.
Java Script-
Javascript is one of the worst items to deal with if you don't know how to code or manage your website. However, it can make the biggest difference at the same time all you need to do is figure out what do you need and what could you load later. Generally Ajax and jQuery based scripts need to stay were they are but other scripts can be loaded in the footer.
Move Scripts to the </body> this tells the browser to load all of the other stuff styling, and the Html first. Then it will come to load the scripts to animate the objects that it made. However jQuery based widgets such as sliders will need to remain at the top of the page and jQuery its self needs to be in the header. Always use the most recent and updated version of jQuery for security and optimization purposes.
Load the scripts asynchronously when it comes to loading the scripts, you want to load them async which means that it will wait for everything else to load then load them this also optimizes their delivery time as it downloads them in an order and not all at once. The best way to load them is with javascript as it is the most commonly used form of async in browsers.
Externalize Scripts move all of your scripts to a fast loading url that is off of the blogger server such as google drive. Doing so will improve the load time as the browser has the hardest time loading inline scripts while external scripts are just read as download and run.
CSS
For CSS load make sure it is all in the skin tags and try to compress it.
Follow all the rules of the Yahoo Y-Slow test and the Google Page Speed test and your website will load just fine. Perform a test on your blogger site now!
No comments: