Site Optimization For Speed – Blancer.com Tutorials and projects

We just recently updated our site with a new landing page and a new template for our blog/company site. We now need to clean things up so the sites run more smoothly. This is the information provided by WSO for www.zixiu4u.com/zixiutang:

Web Page Speed Report
URL: http://zixiu4u.com/zixiutang/
Title: ZiXiu4U – USA- West Coast Distributors of Zi Xiu Tang Bee Pollen, Beauty, Face and Figure Capsules (ZXTBP)
Date: Report run on Thu Jul 22 14:40:00EDT2010
Diagnosis
Global Statistics
Total HTTP Requests: 56
Total Size: 1592155 bytes
Object Size Totals
Object type Size (bytes) Download at 56K (seconds) Download at T1 (seconds)
HTML: 87043 17.55 0.66
HTML Images: 512210 105.08 5.71
CSS Images: 224904 48.22 4.59
Total Images: 737114 153.3 10.3
Javascript: 733264 149.54 7.28
CSS: 34734 8.12 1.38
Multimedia: 0 0.00 0.00
Other: 0 0.00 0.00
External Objects
External Object QTY
Total HTML: 1
Total HTML Images: 15
Total CSS Images: 17
Total Images: 32
Total Scripts: 17
Total CSS imports: 6
Total Frames: 0
Total Iframes: 0
Download Times*
Connection Rate Download Time
14.4K 1245.20 seconds
28.8K 628.20 seconds
33.6K 540.06 seconds
56K 328.51 seconds
ISDN 128K 108.38 seconds
T1 1.44Mbps 19.64 seconds

*Note that these download times are based on the full connection rate for ISDN and T1 connections. Modem connections (56Kbps or less) are corrected by a packet loss factor of 0.7. All download times include delays due to round-trip latency with an average of 0.2 seconds per object. With 56 total objects for this page, that computes to a total lag time due to latency of 11.2 seconds. Note also that this download time calculation does not take into account delays due to XHTML parsing and rendering.
Page Objects
QTY SIZE# TYPE URL COMMENTS
1 233938 SCRIPT zixiu4u.com … 1051/js/Arial_400.font.js Header size = 318 bytes
Up to 182452 bytes could have been saved through compression.
1 177531 CSS IMG zixiu4u.com … /uploads/2010/07/zxt6.png Header size = 305 bytes
1 120763 SCRIPT zixiu4u.com … me1051/js/jquery-1.3.2.js Header size = 318 bytes
Up to 85595 bytes could have been saved through compression.
1 87043 HTML http://zixiu4u.com/zixiutang Header size = 811 bytes
Congratulations! This file was compressed.
View a formatted version of this HTML file
1 Not found CSS IMG zixiu4u.com … theme1051/images/tail.gif Header size = 553 bytes
1 Not found CSS IMG zixiu4u.com … p_header_bg_top_right.jpg Header size = 553 bytes
1 Not found CSS IMG zixiu4u.com … up_header_bg_top_left.jpg Header size = 553 bytes
1 Not found CSS IMG zixiu4u.com … s/popup_header_bg_top.jpg Header size = 553 bytes
1 Not found CSS IMG zixiu4u.com … mages/popup_header_bg.gif Header size = 571 bytes
1 Not found CSS IMG zixiu4u.com … 51/images/loader-gall.gif Header size = 553 bytes
1 Not found CSS IMG zixiu4u.com … 051/images/link_right.gif Header size = 553 bytes
1 Not found CSS IMG zixiu4u.com … 1051/images/link_left.gif Header size = 553 bytes
1 Not found CSS IMG zixiu4u.com … me1051/images/link_bg.gif Header size = 553 bytes
1 226353 IMG http://zixiu4u.com/images/faq2.png Header size = 305 bytes
1 82273 IMG zixiu4u.com … loads/2010/07/buy_now.jpg Header size = 305 bytes
1 77618 SCRIPT zixiu4u.com … js/Myriad_Pro_400.font.js Header size = 317 bytes
Up to 59839 bytes could have been saved through compression.
1 71513 SCRIPT zixiu4u.com … e/js/ui.datepicker.js?… Header size = 317 bytes
Up to 53908 bytes could have been saved through compression.
1 70526 SCRIPT http://img.widgets.video.s-msn.com/js/embed.js Header size = 304 bytes
Up to 55251 bytes could have been saved through compression.
1 57276 SCRIPT zixiu4u.com … s/js/jquery/jquery.js?… Header size = 316 bytes
Up to 37565 bytes could have been saved through compression.
1 43766 CSS IMG zixiu4u.com … gen/shr-custom-sprite.png Header size = 303 bytes
1 32721 SCRIPT zixiu4u.com … /js/jquery.galleriffic.js Header size = 316 bytes
Up to 24980 bytes could have been saved through compression.
1 31491 IMG zixiu4u.com … 0/07/Antibody-300×240.jpg Header size = 304 bytes
1 26290 IMG zixiu4u.com … ty_in_america-300×209.jpg Header size = 304 bytes
1 22980 SCRIPT zixiu4u.com … qtip-1.0.0-rc3.min.js?… Header size = 316 bytes
Up to 13350 bytes could have been saved through compression.
1 22879 IMG zixiu4u.com … heme1051/images/img_1.jpg Header size = 304 bytes
Missing width attribute.
Missing height attribute.
1 21376 CSS zixiu4u.com … hemes/theme1051/style.css Header size = 302 bytes
Up to 16169 bytes could have been saved through compression.
View a formatted version of this CSS file
1 21362 IMG zixiu4u.com … heme1051/images/img_2.jpg Header size = 304 bytes
Missing width attribute.
Missing height attribute.
1 21130 IMG zixiu4u.com … heme1051/images/img_5.jpg Header size = 304 bytes
Missing width attribute.
Missing height attribute.
1 20711 IMG zixiu4u.com … heme1051/images/img_4.jpg Header size = 304 bytes
Missing width attribute.
Missing height attribute.
1 18371 IMG zixiu4u.com … heme1051/images/img_3.jpg Header size = 304 bytes
Missing width attribute.
Missing height attribute.
1 18259 SCRIPT zixiu4u.com … theme1051/js/cufon-yui.js Header size = 316 bytes
Up to 10809 bytes could have been saved through compression.
1 16229 IMG zixiu4u.com … 0/07/FLOYD_LOGO_small.gif Header size = 303 bytes
Missing width attribute.
Missing height attribute.
1 14451 SCRIPT zixiu4u.com … /mingle/js/ui.core.js?… Header size = 316 bytes
Up to 9758 bytes could have been saved through compression.
1 11746 IMG zixiu4u.com … 0/07/Antibody-150×150.jpg Header size = 304 bytes
Missing width attribute.
Missing height attribute.
1 11378 IMG zixiu4u.com … ty_in_america-150×150.jpg Header size = 304 bytes
Missing width attribute.
Missing height attribute.
1 8177 CSS zixiu4u.com … mingle/css/mingle.css?… Header size = 301 bytes
Up to 6422 bytes could have been saved through compression.
View a formatted version of this CSS file
1 6088 SCRIPT zixiu4u.com … s/wp-cumulus/swfobject.js Header size = 315 bytes
Up to 4038 bytes could have been saved through compression.
1 3802 CSS* zixiu4u.com … shr-custom-sprite.css?… Header size = 300 bytes
1 3374 CSS zixiu4u.com … uestbook/dmsguestbook.css Header size = 300 bytes
Up to 2542 bytes could have been saved through compression.
View a formatted version of this CSS file
1 2332 CSS IMG zixiu4u.com … mages/share-knowledge.png Header size = 301 bytes
1 2284 SCRIPT info.template-help.com … ie6_warning/ie6_script.js Header size = 221 bytes
Up to 1516 bytes could have been saved through compression.
1 1983 SCRIPT zixiu4u.com … 1051/js/drop-down-menu.js Header size = 314 bytes
Up to 1250 bytes could have been saved through compression.
1 1702 SCRIPT zixiu4u.com … /js/jquery.elastic.js?… Header size = 314 bytes
Up to 991 bytes could have been saved through compression.
1 1310 CSS zixiu4u.com … iliate_platform_style.css Header size = 300 bytes
Up to 832 bytes could have been saved through compression.
View a formatted version of this CSS file
1 937 SCRIPT zixiu4u.com … jquery.opacityrollover.js Header size = 313 bytes
Up to 473 bytes could have been saved through compression.
1 877 CSS* zixiu4u.com … act-form-7/styles.css?… Header size = 299 bytes
1 816 IMG zixiu4u.com … heme1051/images/icon3.gif Header size = 300 bytes
Missing width attribute.
Missing height attribute.
1 754 CSS IMG zixiu4u.com … e1051/images/bg_input.gif Header size = 300 bytes
1 752 IMG zixiu4u.com … heme1051/images/icon1.gif Header size = 300 bytes
Missing width attribute.
Missing height attribute.
1 448 CSS zixiu4u.com … plates/css/styles.css?… Header size = 299 bytes
Up to 241 bytes could have been saved through compression.
View a formatted version of this CSS file
1 429 IMG zixiu4u.com … heme1051/images/icon2.gif Header size = 300 bytes
Missing width attribute.
Missing height attribute.
1 255 CSS IMG zixiu4u.com … eme1051/images/button.gif Header size = 299 bytes
1 205 SCRIPT zixiu4u.com … e1051/js/cufon-replace.js Header size = 312 bytes
Up to 85 bytes could have been saved through compression.
1 117 CSS IMG zixiu4u.com … s/theme1051/images/bg.png Header size = 299 bytes
1 103 CSS IMG zixiu4u.com … /theme1051/images/box.gif Header size = 299 bytes
1 49 CSS zixiu4u.com … css/jquery/ui.all.css?… Header size = 297 bytes
Up to 14 bytes could have been saved through compression.
View a formatted version of this CSS file
4 46 CSS IMG zixiu4u.com … eme1051/images/marker.gif Header size = 298 bytes
1 20 SCRIPT zixiu4u.com … g/mingle-js/mingle.js?… Header size = 473 bytes
Congratulations! This file was compressed.
56 ^ 1592155* Total (^unique objects)

# Congratulations. This site is using HTTP compression, otherwise called content encoding using gzip. The sizes reported here are for compressed content sent from the server to the client.

* CSS alternate stylesheets may be referenced in the HTML but are not actually downloaded until they are needed and are therefore not included in the total page size.
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. Y
* TOTAL_OBJECTS – Warning! The total number of objects on this page is 56 which by their number will dominate web page delay. Consider reducing this to a more reasonable number. Above 20 objects per page the overhead from dealing with the actual objects (description time and wait time) accounts for more than 80% of whole page latency. See Figure II-3: Relative distribution of latency components showing that object overhead dominates web page latency in Website Optimization Secrets for more details on how object overhead dominates web page latency. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames or a CDN to reduce object overhead.
* TOTAL_IMAGES – Warning! The total number of images on this page is 32 , consider reducing this to a more reasonable number. Recommend combining, replacing, and optimizing your graphics. Replace graphic rollover menus with CSS rollover menus to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Use CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques to reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames to reduce object overhead.
* TOTAL_CSS – Warning! The total number of external CSS files on this page is 6 , consider reducing this to one or two external files. Combine, refine, and optimize your external CSS files. Ideally you should have one (or even embed CSS for high-traffic pages) on your pages. You can optimize CSS files using shorthand properties, grouping, and then minify and GZIP compress them to reduce their footprint. Remember to place CSS files in the HEAD and JavaScript files at the end of the BODY to enable progressive display.
* TOTAL_SIZE – Warning! The total size of this page is 1592155 bytes, which will load in 328.51 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider optimizing your site with Website Optimization Secrets, Speed Up Your Site or contacting us about our optimization services.
* TOTAL_SCRIPT – Warning! The total number of external script files on this page is 17 , consider reducing this to a more reasonable number. Combine, refactor, and minify to optimize your JavaScript files. Ideally you should have one (or even embed scripts for high-traffic pages) on your pages. Consider suturing JavaScript files together at the server to minimize HTTP requests. Placing external JavaScript files at the bottom of your BODY, and CSS files in the HEAD enables progressive display in XHTML web pages.
* HTML_SIZE – Caution. The total size of this HTML file is 87043 bytes, which is above 50K but below 100K. With 50K of images and multimedia this means that your page will load in about 20 seconds. Consider optimizing your HTML and eliminating unnecessary features. To give your users feedback, consider layering your page or using positioning to display useful content within the first two seconds.
* IMAGES_SIZE – Warning! The total size of your images is 737114 bytes, which is over 100K. Consider switch graphic formats to achive smaller file sizes (from JPEG to PNG for example). Finally, substitute CSS techniques for graphics techniques to create colored borders, backgrounds, and spacing.
* SCRIPT_SIZE – Warning! The total size of external your scripts is 733264 bytes, which is over 20K. Consider optimizing your JavaScript for size, combining them, and using HTTP compression where appropriate for any scripts placed in the HEAD of your documents. You can substitute CSS menus for JavaScript-based menus to minimize or even eliminate the use of JavaScript.
* CSS_SIZE – Warning! The total size of your external CSS is 34734 bytes, which is over 20K. Consider optimizing your CSS for size by eliminating whitespace, using shorthand notation, and combining multiple CSS files where appropriate. By using labeled container cells and descendant selectors you can target chunks of HTML content efficiently without the need to embed extra claases and styles.
* MULTIM_SIZE – Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 10K.

This is the information provided by WSO for www.zixiu4u.com:

Web Page Speed Report
URL: http://www.zixiu4u.com
Title:
Date: Report run on Thu Jul 22 14:46:51EDT2010
Diagnosis
Global Statistics
Total HTTP Requests: 34
Total Size: 2807712 bytes
Object Size Totals
Object type Size (bytes) Download at 56K (seconds) Download at T1 (seconds)
HTML: 13909 2.97 0.27
HTML Images: 1085482 218.93 8.35
CSS Images: 1702200 342.85 12.62
Total Images: 2787682 561.78 20.97
Javascript: 0 0.00 0.00
CSS: 6121 1.62 0.43
Multimedia: 0 0.00 0.00
Other: 0 0.00 0.00
External Objects
External Object QTY
Total HTML: 1
Total HTML Images: 13
Total CSS Images: 18
Total Images: 31
Total Scripts: 0
Total CSS imports: 2
Total Frames: 0
Total Iframes: 0
Download Times*
Connection Rate Download Time
14.4K 2182.92 seconds
28.8K 1094.86 seconds
33.6K 939.42 seconds
56K 566.37 seconds
ISDN 128K 178.17 seconds
T1 1.44Mbps 21.68 seconds

# This site is not using HTTP compression, otherwise called content encoding using gzip. Consider compressing your textual content (XHTML, JavaScript, etc.) with mod_gzip or similar products.

* CSS alternate stylesheets may be referenced in the HTML but are not actually downloaded until they are needed and are therefore not included in the total page size.
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. Y
* TOTAL_OBJECTS – Warning! The total number of objects on this page is 34 which by their number will dominate web page delay. Consider reducing this to a more reasonable number. Above 20 objects per page the overhead from dealing with the actual objects (description time and wait time) accounts for more than 80% of whole page latency. See Figure II-3: Relative distribution of latency components showing that object overhead dominates web page latency in Website Optimization Secrets for more details on how object overhead dominates web page latency. Combine, refine, and optimize your external objects. Replace graphic rollovers with CSS rollovers to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Using CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques can reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames or a CDN to reduce object overhead.
* TOTAL_IMAGES – Warning! The total number of images on this page is 31 , consider reducing this to a more reasonable number. Recommend combining, replacing, and optimizing your graphics. Replace graphic rollover menus with CSS rollover menus to speed display and minimize HTTP requests. Consider using CSS sprites to help consolidate decorative images. Use CSS techniques such as colored backgrounds, borders, or spacing instead of graphic techniques to reduce HTTP requests. Replace graphic text headers with CSS text headers to further reduce HTTP requests. Finally, consider optimizing parallel downloads by using different hostnames to reduce object overhead.
* TOTAL_CSS – Congratulations, the total number of external CSS files on this page is 2 . 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. Remember to place CSS files in the HEAD and JavaScript files at the end of the BODY to enable progressive display.
* TOTAL_SIZE – Warning! The total size of this page is 2807712 bytes, which will load in 566.37 seconds on a 56Kbps modem. Consider reducing total page size to less than 100K to achieve sub 20 second response times on 56K connections. Pages over 100K exceed most attention thresholds at 56Kbps, even with feedback. Consider optimizing your site with Website Optimization Secrets, Speed Up Your Site or contacting us about our optimization services.
* HTML_SIZE – Congratulations, the total size of this HTML file is 13909 bytes, which less than 50K. Assuming that you specify the HEIGHT and WIDTH of your images, this size allows your HTML to display content in under 10 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 2787682 bytes, which is over 100K. Consider switch graphic formats to achive smaller file sizes (from JPEG to PNG for example). Finally, substitute CSS techniques for graphics techniques to create colored borders, backgrounds, and spacing.
* CSS_SIZE – Congratulations, the total size of your external CSS is 6121 bytes, which is less than 8K.
* MULTIM_SIZE – Congratulations, the total size of all your external multimedia files is 0 bytes, which is less than 10K.

So what we are needing is someone that can go in and correct or update the above so the the site runs as optimally as possible.

When responding with a bid, please include links to your portfolio, how quickly you can start, and how long it will take you to complete the project please or your bid will be deleted.

Thank you!

Leave a Reply