| Probably the first and foremost priority of a web | | | | making sure your columns have equal height. |
| designer is to create a website that does not load | | | | The reason why there are a lot of designers use |
| slowly. In website design, there seems to be an | | | | tables for laying out websites is because tables load |
| inverse relationship between aesthetic level and | | | | fast. Sure they load fast but in order to make lay out |
| improved functionality. However, being able to | | | | a website using tables, you will need to use NESTED |
| express creativity without sacrificing the loading | | | | tables. Nested tables load slowly because a browser |
| speed of a site is a quality that sets skilled web | | | | has to "read" the entire code to find out where the |
| designers from mere "WYSIWYG users". | | | | table ends before rendering it for display. |
| Here are tips on how to build a great-looking but | | | | Sparingly use animated GIFs. Avoid using animated |
| fast-loading website: | | | | GIFs unless it's necessary. Since they are made up of |
| Keep the number of images on a page to a minimum. | | | | graphic frames, they take a long time to load or |
| Images, along with other media content such as | | | | render in a browser. If you need to use animated |
| videos and sound, make up for a large percentage of | | | | GIFs to draw your users' attention to an important |
| a website's download speed. Though images enhance | | | | part of the site (i.e. to alert them of newly-added |
| a page's visual and oftentimes informational quality, | | | | articles) keep the images tiny. |
| the phrase "less is more" will still hold true for most | | | | Keep your page size under 30kb. Do your best to |
| cases. Use images only when they aid in delivering | | | | keep your page size or "page weight" under 30kb. |
| the information you want to deliver. | | | | Anything above that will load very slowly for people |
| Optimize your images for the web. Make sure the | | | | with non-broadband internet connections. This "page |
| images you use are in JPEG, GIF or PNG format. How | | | | weight" includes your page's text, images (including |
| do you choose? Use JPEG for photographs and | | | | backgrounds) and media components such as sound |
| images with full colors and smooth tones. GIF and | | | | and video |
| PNG are good for flat-color images or art such as | | | | These are just a few of the many ways you can |
| logos, buttons, icons or cartoons. When creating | | | | optimize your website for speed. Like I said, anyone |
| images for your website make sure to set their | | | | with a WYSIWYG editor such as Microsoft Word or |
| resolutions to 72dpi (dots per inch). | | | | Adobe Dreamweaver can create beautiful websites |
| Use tables the right way. Oftentimes, web designers | | | | but it takes a talented web designer to be able to |
| use tables to lay out their websites. This is bad web | | | | strike a balance between the aesthetic qualities of a |
| design practice and should be avoided at all costs. | | | | website and its loading speed. |
| Tables are best for presenting tabular data not for | | | | |