Re: Website Performance Tips & Tricks Avoid Tables (or use fixed-layout tables):
Rendering a table is probably the worse nightmare for a browser. If the browser starts showing the table before all the content inside it is loaded, the browser's rendering engine will have to re-render it many times as each piece is loaded. On the other hand, if the browser needs to wait for everything to be loaded, the user we see a blank page (or partially blank) for a few seconds. Browser's usually use a combination of both to reduce the number of re-renderings without leaving the user hanging in there. The point is, don't make your whole page start with a table. It is preferrable to have 3 tables (header, body, footer). Whenever possible, just avoid using tables altogether.
And, better yet, set the default CSS properties of all tables to fixed-layout:
table { table-layout: fixed }
If you do that, you must sure that you always set the table width and the columns width.
thanks, venkatbi |