I was able to transform our new ILscorp.com website from Images to CSS and reduce the size of the page.
Old Website made with images :
- Total loading time:
- 5.6 seconds
- Total objects:
- 58 (604.1 KB)
- External objects:
- 0
(X)HTML:- 1 (31.4KB)
RSS/XML:- 0
CSS:- 1 (4.8KB)
Scripts:- 1 (29.3KB)
Images:- 55 (538.6KB)
Plugins:- 0
Other:- 0
Redirected:- 0
New Site made with CSS :
- Total loading time:
- 0.2 seconds
- Total objects:
- 15 (154.1 KB)
- External objects:
- 0
(X)HTML:- 1 (12.6KB)
RSS/XML:- 0
CSS:- 1 (1.2KB)
Scripts:- 4 (35.1KB)
Images:- 9 (105.2KB)
Plugins:- 0
Other:- 0
Redirected:- 0
I was able to reduce the number of images from 55 to 9 and a load time of 5.6 secs to .02 secs… just amazing. Websites in my opinion if designed correctly should not take a long time to load. If they do its generally do to external items like scripts or calls to other servers or just plain to many images like the example above. I try to make all my webpages work dynamically using jquery or AJax and php, for 1 it saves me time coding
but also saves in loading time as well.