alexburi@gmail.
12-07-2007, 06:51 PM
Hi,
If you go to this website, you can see how long it takes to load pages:
http://www.deborahbrakeley.com/
I did a speed test in Firefox which gave me these results for the pages under Counselling:
Analysis and Recommendations
* TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization.
* TOTAL_OBJECTS - Warning! The total number of objects on this page is 11 - consider reducing this to a more reasonable number. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests.
* TOTAL_IMAGES - Caution. You have a moderate amount of images on this page (8 ). Consider using fewer images on the site or try reusing the same image in multiple pages to take advantage of caching.
* TOTAL_CSS - Congratulations, the total number of external CSS files on this page is 1 . Because external CSS files must be in the HEAD of your HTML document, they must load first before any BODY content displays. Although they are cached, CSS files slow down the initial display of your page.
* TOTAL_SIZE - Warning! The total size of this page is 326245 bytes, which will load in 67.22 seconds on a 56Kbps modem. Consider reducing total page size to less than 30K to achieve sub eight second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider contacting us about our optimization services.
* TOTAL_SCRIPT - Congratulations, the total number of external script files on this page is 1 . External scripts are less reliably cached than CSS files so consider combining scripts into one, or even embedding them into high-traffic pages.
* HTML_SIZE - Congratulations, the total size of this HTML file is 8997 bytes, which less than 20K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your page to display content in well under 8 seconds, the average time users are willing to wait for a page to display without feedback.
* IMAGES_SIZE - Warning! The total size of your images is 291988 bytes, which is over 30K. Consider optimizing your images for size, combining them, and replacing graphic rollovers with CSS.
* SCRIPT_SIZE - Warning! The total size of external your scripts is 21414 bytes, which is over 8K. Consider optimizing your scripts for size, combining them, and using compression where appropriate for any scripts placed in the HEAD of your documents.
* CSS_SIZE - Congratulations, the total size of your external CSS is 3846 bytes, which is less than 4080 bytes. This will fit into three higher-speed TCP-IP packets.
* MULTIM_SIZE - Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 4K.
I'm wondering if anyone has some suggestions on how to reduce these things and what exactly they mean. Is the browser loading each of my header images? (I have five header images that get toggled depending on the body id of each page but all the images are referenced within the same .css file, so when the browser loads that css file do all images get downloaded to the client's computer).
Thanks... I'm going to go in Photoshop now and try saving the header images to smaller sizes but I don't want to take too much away from the quality of the image which really adds to the site.
If you go to this website, you can see how long it takes to load pages:
http://www.deborahbrakeley.com/
I did a speed test in Firefox which gave me these results for the pages under Counselling:
Analysis and Recommendations
* TOTAL_HTML - Congratulations, the total number of HTML files on this page (including the main HTML file) is 1 which most browsers can multithread. Minimizing HTTP requests is key for web site optimization.
* TOTAL_OBJECTS - Warning! The total number of objects on this page is 11 - consider reducing this to a more reasonable number. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests.
* TOTAL_IMAGES - Caution. You have a moderate amount of images on this page (8 ). Consider using fewer images on the site or try reusing the same image in multiple pages to take advantage of caching.
* TOTAL_CSS - Congratulations, the total number of external CSS files on this page is 1 . Because external CSS files must be in the HEAD of your HTML document, they must load first before any BODY content displays. Although they are cached, CSS files slow down the initial display of your page.
* TOTAL_SIZE - Warning! The total size of this page is 326245 bytes, which will load in 67.22 seconds on a 56Kbps modem. Consider reducing total page size to less than 30K to achieve sub eight second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider contacting us about our optimization services.
* TOTAL_SCRIPT - Congratulations, the total number of external script files on this page is 1 . External scripts are less reliably cached than CSS files so consider combining scripts into one, or even embedding them into high-traffic pages.
* HTML_SIZE - Congratulations, the total size of this HTML file is 8997 bytes, which less than 20K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your page to display content in well under 8 seconds, the average time users are willing to wait for a page to display without feedback.
* IMAGES_SIZE - Warning! The total size of your images is 291988 bytes, which is over 30K. Consider optimizing your images for size, combining them, and replacing graphic rollovers with CSS.
* SCRIPT_SIZE - Warning! The total size of external your scripts is 21414 bytes, which is over 8K. Consider optimizing your scripts for size, combining them, and using compression where appropriate for any scripts placed in the HEAD of your documents.
* CSS_SIZE - Congratulations, the total size of your external CSS is 3846 bytes, which is less than 4080 bytes. This will fit into three higher-speed TCP-IP packets.
* MULTIM_SIZE - Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 4K.
I'm wondering if anyone has some suggestions on how to reduce these things and what exactly they mean. Is the browser loading each of my header images? (I have five header images that get toggled depending on the body id of each page but all the images are referenced within the same .css file, so when the browser loads that css file do all images get downloaded to the client's computer).
Thanks... I'm going to go in Photoshop now and try saving the header images to smaller sizes but I don't want to take too much away from the quality of the image which really adds to the site.