Tuesday, April 27, 2010

Important Tips for a fast loading website

1. Optimize your HTML code
Make sure that your site doesn't have any unwanted tags or broken links and that it is optimized for load time. Errors on your web pages can slow down your website - Make sure your website is error free!
2. Maximize content area
This not only reduces load time, it enhances the readability of your site.
3. Minimize use of graphics, Flash and scripts
These are the major contributors to the size of your web page, so try minimizing them. Try using background colors and fills instead of heavy images.
4. Optimize all heavy files
As much as possible optimize heavy graphics, Flash files and scripts. In editors like fireworks and flash you can see the various options in the preview panel to reduce the sizes. See how popular web sites like google and yahoo have pages that are very small in size and thus load in seconds.
5. Stick to simple designs
Most fast loading sites have very simple designs. Take the hint! Complicated designs will slow down your pages.
6. Spread out your content neatly
In case you find yourself having very long pages of content, break them down into separate logical sections and thus bring down the sizes of the individual pages.
7. Use Text Links instead of graphic buttons
Basically try to make use of text links as much as possible as they are easier to maintain. Use CSS Styles for text links to make them as attractive as buttons.

8. Use Server Side Include (SSI) files
SSI files once called from the web server reside in its cache so on subsequent requests they load faster. Use them where ever possible.
9. Use Div tags instead of Tables
Using Div tags instead of tables for your design is what you need to do for better load time and total control over your layout. It also ensures that it is scalable for whenever you want to make design changes in the future.
Effective Table Design: In case you must use tables use them wisely and sparingly. Design using nested tables instead of using cell merges and splits. Use separate tables where ever possible. Not designing for 100% height is better as if you use just one outer table; the web page is displayed only after the table is loaded fully. If many outer tables are present [you can have different tables for the header, content, footer, etc.] the page displays the content of each table as soon as its elements are loaded.
10. Check your W3C standard validity and Load time regularly
To maintain an excellent website you must give thought to how to improve your website on an almost daily basis! Maintain an error free website and tweek it regularly. Do remember to check your Load time and W3C code and CSS validity regularly.

3 comments:

  1. can you list 10 website on which you have implemented the above theory. These are the basis facts of web development and even a new comer knows it. but i challenge you that you have never implemented all these otherwise list them here. also what is SSI and how you include SSI? dont cut and copy your answer from net i want to know your understanding. And one suggestion dont waste your time in copy and pasting these things . if you want to show something show what you develop and not of others.

    ReplyDelete
  2. Hi,
    Thanks for the information on optimizing site speed, but u forgot to mention to most important part of site optimization DATABASE.
    1. Database shd be normalized.
    2. Queries shd be optimized
    3. searching part in site shd be well coded
    4. and most important indexing in tables are a MUST and implementation on referential integrity if needed

    ReplyDelete
  3. Very Important Tips,

    Thanks Safi,


    give some tips for VB also

    ReplyDelete