Web Design Guide  

Adobe Fireworks
Graphic Design Ideas
Image Feathering
Image Rollovers
Swap Images
Animated Gifs
Fireworks Tips
Fireworks 4.0 Tips
Web Design Ideas

Adobe Dreamweaver
Dreamweaver Templates
Server Side Includes
Design for All Screens
Dreamweaver Tips
Inbuilt Behaviors
Image Rollovers
Pop-Up Windows
Pop-Up Menus
Jump Menus
Adding Sound
Image Maps
Making your Site Live!

Web Site Design Tips
Advanced Designer
Design Tips
Navigation Tips
Fast Loading Web Sites
Cool Bullet Tips
CSS Styles Tutorial
Text Rollovers
Links w/o Underline
General web-dev Tips
Best web design Tools
Free Web Tools

10 Important Tips for a fast loading web site

Introduction

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.

Check your Load time

Do remember to check your Load time regularly. Use free site tools available on the internet (example: netmechanic.com) to check your site load time.

Absolutely FREE Web Templates
Check out these quality free web templates and download them without any registration or sign-up!

FREE Flash Actionscript & Animation Guide
Learn Flash the easy way using these easy-to-follow tutorials! Get your basics right or learn advanced flash actionscript!

Quality Dreamweaver Templates
Professional quality dreamweaver templates in over 20 categories, starting at just $9.95! Instant download & easy customization