Go4Expert

Go4Expert (http://www.go4expert.com/)
-   Internet Marketing (http://www.go4expert.com/articles/internet-marketing/)
-   -   How to Decrease Web Page Loading Time (http://www.go4expert.com/articles/decrease-web-page-loading-time-t22799/)

coderzone 23Jul2010 18:28

How to Decrease Web Page Loading Time
 
By now everyone in SEO industry is aware that web page loading is a part of seo/organic search and if you do not work on your page loading time all your effort on SEO may just go down the barrel. From the Official Google Blog
Speeding up websites is important - not just to site owners, but to all Internet users. Faster sites create happy users and we've seen in our internal studies that when a site responds slowly, visitors spend less time there. But faster sites don't just improve user experience; recent data shows that improving site speed also reduces operating costs. Like us, our users place a lot of value in speed - that's why we've decided to take site speed into account in our search rankings. We use a variety of sources to determine the speed of a site relative to other sites.
You should not worry too much because site speed is just small weightage when it comes to page ranking. Still the important factors are like backlinks, relevancy and 200 others. But does it mean that if you are not affected by site speed does it mean you should now work on your page's speed. I don't think so. You should work on web page speed to the extent you can so that you not only make better user experience but in the long run, may not be penalized for slow page loading by Big G when site speed factor becomes a bit more major factor for search engine results.

1. Better Web Host



One of the best place to start with better site experiences is your host. If you do not have good and reliable host the other point may actually be of no use.

2. Compress output



Images take the large chunk of the total time to view any page yet HTML is considerable part of the content delivered by any server. HTML is static text content that can be reduced considerably if you compress the output. Modern day Web servers do support compressed output and all modern browsers are not far behind when rendering the compressed output as well. If any browser that does not support compressed output web servers render normal output to them and so it is wise option to enable compressed output for your server as well.

For PHP and Apache just adding couple of lines in your apache configuration file can actually do this for you.
Code:

<IfModule mod_deflate.c>
        SetOutputFilter DEFLATE
        # file-types indicated will not be compressed
        SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png|rar|zip|pdf)$ no-gzip dont-vary
        <IfModule mod_headers.c>
                Header append Vary User-Agent
        </IfModule>
</IfModule>

If your website is not very image heavy it can speed up to 60% of bandwidth usage.

3. Optimize HTML



Use Google Webmaster to see which page takes more time and to load and see if you can reduce the size of your HTML code on those pages. Excessive use of tables or even unwanted nested tables just adds to the size of the page.

4. Cache Static Content



If you are into web development you would know the issues with caching but it is not all the sad things that caching can do. If your website images are cached on user's browser he may not need to download them again and again saving you not only lot of bandwidth but this also mean that his each subsequent page visits are faster and quicker for the user.

In Apache, you can just add the following lines and this would mean your images, style sheets and JavaScript code are stored on user PC for 30 days before downloading again.
Code:

<IfModule mod_expires.c>
        ExpiresActive On
        ExpiresByType image/gif A2592000
        ExpiresByType image/png A2592000
        ExpiresByType image/jpg A2592000
        ExpiresByType image/jpeg A2592000
        ExpiresByType text/css A2592000
        ExpiresByType text/js A2592000
</IfModule>

5. Optimizing Images



Images are one of the main reasons why your pages takes more time to load and so there are more than one way to optimize your images. You can have the same image in 2 different sizes. Try to convert your images to the lowest possible size. This would mean that with the same user experience you actually speed up your pages.

6. Use Image Sprites



Combining lot of small images into a single large image and then placing the same image with the CSS background-position property can save lot of web server requests, file IO and even rendering of lot of small files. Many large websites does this like
Google
http://imgs.g4estatic.com/decrease-p...gle-sprite.JPG
Or even Addthis
http://s7.addthis.com/static/r07/widget21.png

7. Cookieless domain



Any query to just download a static content is appended with many header data. Large websites uses different domain (i.gstatic.com by Google) for serving static content and the only reason I can think off is they serve static content from an external domain which does not send header and especially cookies for the content, saving lot of unwanted header data transfer.

8. Avoid Flash



When you use too many flash widgets on your web page it slows down the page considerably. So keep away from flash to the extent possible.

9. Remove un-wanted Gadgets



I see many sites and specially blogs have too many gadgets like temperature, date, map and other such frills and if you think they are not used by your users to the extent you want them to be using it, it's better to remove them from your page.

10. Control Ads



Last but not the least is your ads. Apply the 80/20 rule. 80% of ads generate 20% of revenue and 20% of ads generate 80% of the revenue. Find the right balance between lesser ads with maximum possible revenue. See each ad unit on your page and see how they have performed for last 3 months and see if some ads just generated $0.05 for last 3 months and flush them out. Apart from that you can also see how a rich media ad works and if they are not very different from text ads, opt for text ads.

Reference



http://code.google.com/speed/page-sp...rendering.html

shabbir 23Jul2010 19:57

Re: How to Decrease Web Page Loading Time
 
Hey nice list and I guess you have added the ones we discussed on phone. I would like to add one more and that is use the static pages to the extent possible.

Something like WP super cache plugin for wordpress or any other plugin that can display some html pages instead of querying database and displaying pages.

coderzone 24Jul2010 15:48

Re: How to Decrease Web Page Loading Time
 
Yes that is also a good point.

mriganka 27Jul2010 11:12

Re: How to Decrease Web Page Loading Time
 
Nice suggestions!
:)
Thanks...

shabbir 2Aug2010 10:56

Re: How to Decrease Web Page Loading Time
 
Nominate this article for Article of the month - Jul 2010

lingoway 19Aug2010 16:56

Re: How to Decrease Web Page Loading Time
 
by using smush it. you can decrease the loading time of an image.

raancorts 19Aug2010 17:59

Re: How to Decrease Web Page Loading Time
 
hi...

Optimize site loading page & time...!!! meet again.

shabbir 21Aug2010 16:18

Re: How to Decrease Web Page Loading Time
 
Vote for this article for Article of the month - Jul 2010

infoway USA 24Aug2010 13:00

Re: How to Decrease Web Page Loading Time
 
Hi, I have a website that is www.infoway.us/. I found since the day alexa started showing following message :
Average Load Time for Infoway.us

Slow (2.5 Seconds), 72% of sites are faster.

Note: Slow sites may be penalized by search engines.

my traffic rank is decreasing, From 96K and odd it touched 123 and something in a span of a few days.

Could this slow nature of my site is telling upon the over-all progress including Google ranking? Forget to say Google ranking too has started to to take the back sit. Please help me.

shabbir 24Aug2010 14:53

Re: How to Decrease Web Page Loading Time
 
Yes it could be the issue. I am seeing more and more sites being penalized for slowness in Google now.


All times are GMT +5.5. The time now is 22:59.