Welcome Guest ( Log In | Register )




                Web Hosting Guide

 
Reply to this topicNew Topic
Make Your Web Applications Faster
sid.calcutta
post Sep 6 2006, 03:14 AM
Post #1


Advanced Member
******

Group: Validating
Posts: 111
Joined: 28-January 06
Member No.: 10,917


With the advent of broadband connectivity, the websites are nowadays loading much more faster than the past without much optimisation. But at the same time, the visitors are probably looking for something more faster. They are not in a mood to wait for more than a few seconds to see the requsted url being loaded.
So, in view of this changing scenario one needs to optimise webpages so that they load faster.

So here is the brief guideline you may follow to make it load your webpages faster.

1. Load as much information as you can when a page loads for the first time. Use CSS to show/hide parts, instead of loading them afresh each time an url is requested.

2. Use Javascript and Ajax to load requested content.

As for example, you can check out how fast content can be refreshed in the home page of Rediff.com.

3. Disable the buttons and change their captions appearing in your webpage, once the user has clicked it. This will prevent them from clicking the same button repeatedly. Captions like 'requesting the server' will help them to understand what is going on.

CODE
<input type="button" value="Submit" onclick="this.value='Requesting the server...'; this.disabled='true'; return false;" />


4. You need not reload the entire content each time your visitor has requested for a specific information. You can use xmlHTTPRequest, to query the server for the piece of information requested by your visitor, and display it in the appropriate part of your webpage without reloading the entire webpage. This helps to load the pages really fast.

5. Import your CSS code from an external file instead of writing them directly in your webpages, so that it need not be loaded each time.

6. Make your CSS clean, delete redundant codes and for each selector in your CSS, try to use one line of code. You can try out this tool to do the task for you.

Hope this helps the newbies atleast.
Go to the top of the page
 
+Quote Post

Reply to this topicNew Topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Collapse

> Similar Topics

    Topic Title Replies Topic Starter Views Last Action
No new   28 Ed :P 9,691 16th March 2010 - 07:36 PM
Last post by: iG-Luke
No new   20 dhanesh 15,685 16th March 2010 - 03:15 PM
Last post by: iG-maze
No New Posts   3 jord2 1,797 18th February 2010 - 02:13 AM
Last post by: iG-Tariq Khan
No New Posts   1 wutske 2,148 1st February 2010 - 09:44 AM
Last post by: iG-weGIF
No new   38 ebbinger_413 15,639 31st January 2010 - 01:44 AM
Last post by: Nelson Blogs
No New Posts   14 tansqrx 15,339 28th January 2010 - 04:01 PM
Last post by: iG-
No New Posts   11 wannabeeaweak 5,459 27th January 2010 - 12:01 PM
Last post by: Bocarius
No new   25 JohnNitro 15,382 26th January 2010 - 11:30 AM
Last post by: iG-mdshare
No New Posts   5 Miles 1,756 25th January 2010 - 02:41 PM
Last post by: iG-Taylan
No New Posts   0 medha 80 25th January 2010 - 05:53 AM
Last post by: medha
No New Posts 8 HabboCone 7,240 23rd January 2010 - 06:25 PM
Last post by: iG-Christopher01
No new   23 Feelay 10,370 27th December 2009 - 04:15 PM
Last post by: iG-amir
No new 29 theking648 7,706 23rd December 2009 - 12:47 AM
Last post by: iG-joeyjuviyani
No New Posts 8 surfermac 430 15th December 2009 - 02:38 AM
Last post by: FelixMercer
No New Posts   0 suancaifen 151 11th December 2009 - 10:33 AM
Last post by: suancaifen


Web Hosting Powered by ComputingHost.com.
HONESTY ROCKS! truth rules.
Creative Commons License