Miniseries: Ways to speed up your blog

Miniseries- PartI
Also see- Part II
6 Ways to speed up your Blog:

Whenever we redesign our sites we tend to add more graphics which means more loading times. The site loading time is very important factor, generally ignored by new designers . If your site takes more than 20s (which is quite high by itself), most of the readers will leave your site before it loads. Google Search Homepage is the ideal example and should be taken as an inspiration. Here I discuss ____ ways to optimize your loading time.
First of all lets check how much is your blog loading time. Here is the best tool according to me:

It gives you separate times for all your files like HTML, IMG, Scripts(external). Just type the URL of your blog and click go. Here are the load times of some of the sites I visit:

On a typical 56 K data connection:
  1. Google.com- 2.74 secs
  2. Yahoo.com- 1.86 secs
  3. Problogger.net- 64.32 secs
  4. Best Blog Basket- 32 secs (76 secs before I wrote this article)
So, typical loading times for a blog might be more than a normal side but you should consider 20 secs as an aim for yourself. So here I go, ___ ways to speed up your blog:
  1. Reduce Number of Images: As far as possible, use minimum number of images and try to change the background colors for your site instead. Here is how you can change the background color of a widget:
Here is a sample code for pullquote widget I have.

2. Reduce Image dimensions: There is a limit to how many images you can remove, after that you should consider resizing images to acceptable size. This helps to reduce image size considerably. Use the freeware Irfanview.

3.Reduce color depth of images: The image on the right shows how to reduce the color depth in an image to reduce its size. If your image is 256 click on Custom and select 128 and so on. This is really helpful if you need to reduce the size of images on your page.

4. Change image quality : This is a little trade off. If your needs can be satisfied by a low quality image you can lower the image quality. This may be done by choosing File, Save As, and Options from the menu. Decreasing the Save Quality of your picture will reduce its size.

5. Change file type: I found that a JPEG format has the least size ( compared to .GIF or .BMP extension) while storing your image. This gives you considerable size reduction without lowering the quality of images.

6. Changing image HTML tags: This is a simple tweak while adding images to your header or other widgets on your sidebar. While giving the html tag you should specify the image width and height, this way the browser knows the size, and can load other files on your page while the image is being loaded. Source for tip six:
Speed Up Your Site: Use the height and width tags


These are the tweaks useful to reduce image loading times. I will discuss other concepts in the rest of this series.

6 comments:

Princess Haiku said...

Good commentary here; useful. I'll be coming back as I am working on developing more a more interactive blogging style.

Anonymous said...

看房子,買房子,建商自售,自售,台北新成屋,台北豪宅,新成屋,豪宅,美髮儀器,美髮,儀器,髮型,EMBA,MBA,學位,EMBA,專業認證,認證課程,博士學位,DBA,PHD,在職進修,碩士學位,推廣教育,DBA,進修課程,碩士學位,網路廣告,關鍵字廣告,關鍵字,課程介紹,學分班,文憑,牛樟芝,段木,牛樟菇,日式料理, 台北居酒屋,日本料理,結婚,婚宴場地,推車飲茶,港式點心,尾牙春酒,台北住宿,國內訂房,台北HOTEL,台北婚宴,飯店優惠,台北結婚,場地,住宿,訂房,HOTEL,飯店,造型系列,學位,牛樟芝,腦磷脂,磷脂絲胺酸,SEO,婚宴,捷運,學區,美髮,儀器,髮型,牛樟芝,腦磷脂,磷脂絲胺酸,看房子,買房子,建商自售,自售,房子,捷運,學區,台北新成屋,台北豪宅,新成屋,豪宅,學位,碩士學位,進修,在職進修, 課程,教育,學位,證照,mba,文憑,學分班,網路廣告,關鍵字廣告,關鍵字,SEO,关键词,网络广告,关键词广告,SEO,关键词,网络广告,关键词广告,SEO,台北住宿,國內訂房,台北HOTEL,台北婚宴,飯店優惠,住宿,訂房,HOTEL,飯店,婚宴,台北住宿,國內訂房,台北HOTEL,台北婚宴,飯店優惠,住宿,訂房,HOTEL,飯店,婚宴,台北住宿,國內訂房,台北HOTEL,台北婚宴,飯店優惠,住宿,訂房,HOTEL,飯店,婚宴,結婚,婚宴場地,推車飲茶,港式點心,尾牙春酒,台北結婚,場地,結婚,場地,推車飲茶,港式點心,尾牙春酒,台北結婚,婚宴場地,結婚,婚宴場地,推車飲茶,港式點心,尾牙春酒,台北結婚,場地,居酒屋,燒烤,美髮,儀器,髮型,美髮,儀器,髮型,美髮,儀器,髮型,美髮,儀器,髮型,小套房,小套房,進修,在職進修,留學,證照,MBA,EMBA,留學,MBA,EMBA,留學,進修,在職進修,牛樟芝,段木,牛樟菇,關鍵字排名,網路行銷,关键词排名,网络营销,網路行銷,關鍵字排名,关键词排名,网络营销,PMP,在職專班,研究所在職專班,碩士在職專班,PMP,證照,在職專班,研究所在職專班,碩士在職專班,SEO,廣告,關鍵字,關鍵字排名,網路行銷,網頁設計,網站設計,網站排名,搜尋引擎,網路廣告,SEO,廣告,關鍵字,關鍵字排名,網路行銷,網頁設計,網站設計,網站排名,搜尋引擎,網路廣告,SEO,廣告,關鍵字,關鍵字排名,網路行銷,網頁設計,網站設計,網站排名,搜尋引擎,網路廣告,SEO,廣告,關鍵字,關鍵字排名,網路行銷,網頁設計,網站設計,網站排名,搜尋引擎,網路廣告,EMBA,MBA,PMP
,在職進修,專案管理,出國留學,EMBA,MBA,PMP
,在職進修,專案管理,出國留學,EMBA,MBA,PMP
,在職進修,專案管理,出國留學,婚宴,婚宴,婚宴,婚宴

住宿,民宿,飯宿,旅遊,住宿,民宿,飯宿,旅遊,住宿,民宿,飯宿,旅遊,住宿,民宿,飯宿,旅遊,住宿,民宿,飯宿,旅遊,住宿,民宿,飯宿,旅遊,住宿,民宿,飯宿,旅遊,美容,美髮,整形,造型,美容,美髮,整形,造型,美容,美髮,整形,造型,美容,美髮,整形,造型,美容,美髮,整形,造型,美容,美髮,整形,造型,美容,美髮,整形,造型,設計,室內設計,裝潢,房地產,設計,室內設計,裝潢,房地產,設計,室內設計,裝潢,房地產,設計,室內設計,裝潢,房地產,設計,室內設計,裝潢,房地產,設計,室內設計,裝潢,房地產,設計,室內設計,裝潢,房地產,設計,室內設計,裝潢,房地產,進修,在職進修,MBA,EMBA,進修,在職進修,MBA,EMBA,進修,在職進修,MBA,EMBA,進修,在職進修,MBA,EMBA,進修,在職進修,MBA,EMBA,進修,在職進修,MBA,EMBA,進修,在職進修,MBA,EMBA,住宿,民宿,飯店,旅遊,美容,美髮,整形,造型,設計,室內設計,裝潢,房地產,進修,在職進修,MBA,EMBA,羅志祥,周杰倫,五月天,蔡依林,林志玲,羅志祥,周杰倫,五月天,蔡依林,林志玲,羅志祥,周杰倫,五月天,蔡依林,羅志祥,周杰倫,五月天,蔡依林

Anonymous said...

酒店經紀酒店打工酒店工作酒店上班酒店兼差 酒店兼職 打工兼差打工兼職 台北酒店酒店應徵 禮服酒店 酒店 經紀打工兼差

Anonymous said...

sexshop
sexshop online
sexshop
sexyshop
produto erotico
Cueca Boxer
Alongador Peniano
sexshop online
produto erotico
sexshop online

maxnewser said...

Apart from protecting mnbgqhj your eyes from Oakley Sunglasses Cheap the flying debris and pollutants, the most important function of Half X Oakley is to protect the eyes from the harmful Oakley Sunglasses Discount sunlight and UV ray. Most of the Sale Oakley Sunglasses available on the market are with Oakley Jawbone inferior qualities and they only provide Oakley Stpl Jawbone you a beautiful look instead of blocking the UV ray. But Half X in fact, you can still find some cheap wholesale Oakley Sunglasses Outlet that are with high quality if you are able to judge whether they have the anti-UV function?

Jerry Gene said...

I really like your writing style. Nice Post keep it up.

Asus - 15.6" Notebook 4 GB Memory - 500 GB Hard Drive - Black

Asus - Eee PC T101MT-EU47-BK Net-tablet PC - Black