Speed Up Your Website - By Example

Assad Baig

Rate me:

4.89/5 (95 votes)

26 May 2008CPOL13 min read

171.8K

986

245

Learn how to optimize web page for better user experience

allinone.zip
- AllInOne
  - CSS-Sprites.html
  - EXAMPLE_YAHOO_10MAY2008.png
  - image1.gif
  - RollOvers.html
  - Sprites.css
  - Styles1.css
  - Styles2.css
  - Styles3.css
  - Styles4.css
  - Styles5.css
  - Table-ColGroup-1.html
  - Table-ColGroup-2.html
  - Table-vs-Div(1-Okay).html
  - Table-vs-Div(2-Better).html
  - Table-vs-Div(3-Even Better).html
  - Template1.html
  - Template2.html
  - Template3.html
  - Template4.html
  - Template5.html
speedupwebsite.zip
- Article
  - AllInOne.zip
  - AllInOne
    - CSS-Sprites.html
    - EXAMPLE_YAHOO_10MAY2008.png
    - image1.gif
    - RollOvers.html
    - Sprites.css
    - Styles1.css
    - Styles2.css
    - Styles3.css
    - Styles4.css
    - Styles5.css
    - Table-ColGroup-1.html
    - Table-ColGroup-2.html
    - Table-vs-Div(1-Okay).html
    - Table-vs-Div(2-Better).html
    - Table-vs-Div(3-Even Better).html
    - Template1.html
    - Template2.html
    - Template3.html
    - Template4.html
    - Template5.html
  - images
    - Alias_2color.gif
    - Alias_High60.jpg
    - Alias_Low10.jpg
    - Alias_Max100.jpg
    - AntiAlias_17Colors.gif
    - AntiAlias_High60.jpg
    - AntiAlias_Low10.jpg
    - AntiAlias_Max100.jpg
    - EXPIRES-HEADER.gif
    - f1.gif
    - f1_full.gif
    - f2.gif
    - f2_full.gif
    - f3.gif
    - f3_full.gif
    - f4.gif
    - f4_full.gif
    - f5.gif
    - f5_full.gif
    - f6.gif
    - f6_full.gif
    - FullColor_256Color.gif
    - FullColor_64Color.gif
    - FullColor_High60.jpg
    - FullColor_Low10.jpg
    - FullColor_Max100.jpg
    - ibm_logo.gif
    - ibm_logo.jpg
    - ibm_logo_4C.gif
    - ibm_logo_High60.jpg
    - ibm_logo_Low10.jpg
    - ibm_logo_Max100.jpg
    - IISCompression.gif
    - oneColor.gif
    - oneColor_High60.jpg
    - oneColor_Low10.jpg
    - oneColor_Max100.jpg
    - Pic_Color256.gif
    - Pic_High60.jpg
    - SetToCache.gif
  - SpeedUpWebsite.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
	<head>
		<title>Hello World! - Template #4</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta name="description" content="Optimize your website">
		<meta name="keywords" content="web,html,css,javascript,optimization,speed,fast">
		<meta http-equiv="expires" content="Fri, 16 Jul 2010 12:00:00 GMT">
		<link rel="stylesheet" type="text/css" href="Styles4.css">
	</head>
	<body>
		<div id="masthead"> its masthead </div>
		<div id="nav"> its navigation </div>
		<div id="content"> its content section
			<p>"There is always something we are waiting for."</p>
			<br>
			<p>Template #4: <b>Fluid, 5 Panels</b>.</p>
		</div>
		<div id="sidebar"> its a side bar </div>
		<div id="footer"> its footer </div>
	</body>
</html>

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Written By

Assad Baig

President Mashal Software, Inc.

Canada

Assad Baig has been in Software Development since 1997, working for various Health Organizations, Media and Research Companies. Mainly worked on Microsoft Technologies and Development tools. He holds M.sc in Computer Science and MCSD.

Speed Up Your Website - By Example

License

Comments and Discussions