[HTML] Reducing the load time of your website!

properclone · 05-03-2005, 09:40 PM

Hey, Here are some tips on reducing the load time of your website, if you have any ideas you can contact the mod(s) of this forum to add it!

1. Instead of having any css straight on your page using <style></style> attatch it!
First create a .css file and put in all your css code, then save it and put this before </head> in your site's code (Change the path in bold):

Code:

 <link href="mycss.css" rel="stylesheet" type="text/css">

This can also be done with JavaScript. Just paste your code into a .js file and attatch it with this code before the </head> tag on your site (Change the path in bold):

Code:

 <link type="text/javascript" href="myjavascript.js" >

2. If you are using a layout that you sliced, don't use background images that are just one plain colour, set it as a colour. This is obvious but i've done it before as a force of habit!

3. Use more CSS than HTML. For example:

Use:

Code:

body {
background-colour: #000000;
}

in CSS.

Not:

Code:

<body background="#000000">

in HTML.

Homesrfan · 05-03-2005, 10:26 PM

Hm... dont know if this is good enough to sticky yourself for.
But I'll give you something for your work...
Rep.. I guess.

Mentor · 05-03-2005, 10:31 PM

I wount suggest it, it can somtiem slow the loading time down if a person is not casheing the data (on some browsers / settings)

plus if you have a glitch in laoidng you can load a page without its css, wich tends not to give the most pleasant results, as well as this, it doesnt realy speed it up, it loads the page, and then ads teh effects on once its loaded, wich can be annoying as it can cause the page to jump. the only time it could be recomnened is if your trying to save boared wrapper space on some forum hosts like IF.

Athogh if your calling alot of elimnets over and over the css will speed it up, but one off the will have littel to no effect, its more teh page size that has teh effect but css is better anyway as u can do laot more with it.

-JT- · 08-03-2005, 07:42 PM

the most effective way to boost the loading time is to optimize the images "/

Mentor · 09-03-2005, 06:07 PM

if you have php gziping the pages can be an idea, can siave up to 70% band width per load, and has slighty faster page genrtion time. Plus is very easy to add in.

PHP Code:


<?php

ob_start( 'ob_gzhandler' );

?>

just ad that to the VERY top of a php page. and then ist gziped

Anderman · 10-03-2005, 07:45 PM

Really theres no point of a .css page as usualy its only about 10 lines big on an average site.

Homesrfan · 14-03-2005, 10:30 PM

I think making a .css file makes a big difference.
Its easier to manage and you can just put one simple line on each page you want.

Mentor · 15-03-2005, 05:17 PM

Originally Posted by Homesrfan

I think making a .css file makes a big difference.
Its easier to manage and you can just put one simple line on each page you want.

true it can be useful for the reusablity but it dont realy do much for loading times :/

Matty · 15-03-2005, 06:19 PM

i'd rather wait couple of secs than do all this.

-JT- · 20-03-2005, 12:57 AM

Personally .css files dont make my life any easier in the slightest. All i use is like 1 or two little snippets of css in my pages.

Thread: [HTML] Reducing the load time of your website!

Thread Tools

[HTML] Reducing the load time of your website!

Posting Permissions