The Best Web Design Tips Blog



Optimizing HTML Page Load Times



Inside the HTML

Optimizing your website is a simple process. There are many components to optimizing a website but we're going to talk about on-page optimization. Every HTML document should have a heading tag, between this tag a lot of optimization can occur.

Every external file that you link inside the heading tag must be loaded each time that web page is called. This includes anything from server side includes, JavaScript, Cascading Style Sheets (CSS), and any other files that may be linked. For each file a request must be made to the server to retrieve the file, this can considerably increase waiting time for a user.

After the heading tag users now must for the body to load. The body can contain videos, pictures, songs, or other multimedia applications which severely increase load times. For each of these multimedia pieces more server request must be made for each individual piece. Then after all that, you can finally put some text on the screen, and close all your tags, and end your HTML file.


Here are some Quick tips to get your optimization started.

Optimize your HTML code:

  • Stick to simple designs
  • Effective Table designing (No deeply nested tables)
  • Spread out your content
  • Use Server Side Include (SSI) files (Great for Navigation)
  • Use 1 CSS file
  • Use 1 JavaScript file
  • Minimize use of graphics, Flash, scripts

Link to This Page: