How to improve page load times

[Ronchi]

Hi all,

I am a fresher in web development. I can built a advertising company website that have looking very designer and full of images. I want improve page load times on browser, Can it possible. Please suggest.

[Praetor]

I am the using the following code to shrink my web page to 30%. Try this and reply.

<table id=”wrapper” border=”0” cellpadding=”0”
 cellspacing=”0”><tr><td> ... </td></tr></table>

<div id=”wrapper”> ... </div>

[Katty]

You can validate your HTML and CSS code before loading the webpage. Validating can also save you time. Uou can either put the java script in web page.

jslint passfail: true, white: true, browser: true

.

You can put some CSS was rendering a three-color line:

<div id="divline">
 	<span class="blkline"><p></p></span>
 	<span class="maindiv"><p></p></span>
 	<span class="gradient"><p></p></span>
</div>

[kelfro]

you can also fast your webpage by Keep CSS and JavaScript out of your markup. You can also repeat visits by moving all inline CSS to an external style sheet and all inline JavaScript blocks to an external file. It also shrink the HTML page file. It creating assets which are cacheable by the browser. If your CSS and JavaScript files are large, this can save the browser time from downloading the same data over and over and fast to load web page.

[Zecho]

You must locate all CSS in the document HEAD and add an external JavaScript file call to the HEAD of your simple page. It will fast the web page loading speed. You can also add the multiple scripts. if you add an external JavaScript file call to the HEAD of your simple page, this will help the server until the JavaScript file has been downloaded

[Reegan]

You can also reduce page load times by reduce the size of the page , but reducing the number of external objects called by a page is as equally, and sometimes more important. You can check these code for further example.

<a href="#" class="next"><span class="hide">Next</span></a>

a.next {display:block; width:11px; height:11px;
 background:url(abc.gif) -75px 0 no-repeat;}

.hide {display:block; position:absolute; top:0; left:-500em; 
width:1px; height:1px; overflow:hidden; text-indent:-9999em; line-height:0;}