Web Designing Tutorial - Learn HTML, CSS, Java Script, Flash Website Designing Tips: 10 Important Tips for a fast loading web site

Saturday, June 7, 2008

10 Important Tips for a fast loading web site

It is important to have a reasonably fast loading web site so that viewers are not made to wait for a long time and to accommodate users on slow internet connections. Search engine algorithms also do take into consideration your load time.

Follow these tips while designing and developing your site:

Optimize your HTML code: Make sure that your site doesn't have any unwanted tags and that it is optimized.
Effective Table designing: 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.
Maximize content area: This not only reduces load time, it enhances the readability of your site.
Minimize use of graphics, Flash, 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.
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.
Stick to simple designs: Most fast loading sites have very simple designs. Take the hint! Complicated designs will slow down your pages.
Spread out your content: In case you find yourself having very long pages of content, break them down into separate sections and thus bring down the sizes of the individual pages.
Use Text Links instead of graphic buttons: basically try to make use of HTML as much as possible. Use CSS Styles for text links to make them as attractive as buttons. Read our CSS Styles tutorial
Use Server Side Include (SSI) files where ever possible. SSI files once called from the web server reside in its cache so on subsequent requests they load faster.
Using Layers instead of tables is a new concept for better load time. We will be bringing out an article on it soon.