1 / 31

Website Optimization

Website Optimization. Jesse Martinez. Overview. The 3 W’s : WWW Four finicky websites Results What else can be done?. The 3 W’s. What? Why? hoW?. What ?. As defined by The American Heritage Dictionary:.

Download Presentation

Website Optimization

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Website Optimization Jesse Martinez

  2. Overview The 3 W’s : WWW Four finicky websites Results What else can be done?

  3. The 3 W’s What? Why? hoW?

  4. What ? As defined by The American Heritage Dictionary: The procedure or procedures used to make a system or design as effective or functional as possible, especially the mathematical techniques involved.

  5. Why ? Usability - speed is a factor in user experience

  6. Why ? Usability - speed is a factor in user experience Still a good number of 56k modem users

  7. Why ? Usability - speed is a factor in user experience Still a good number of 56k modem users Download speed is often the biggest impediment 81% users said speed was concern (1996 survey)

  8. Why ? Usability - speed is a factor in user experience Still a good number of 56k modem users Download speed is often the biggest impediment 81% users said speed was concern (1996 survey) Attention Threshold = 8 +/- 2 seconds (probably less)

  9. hoW ? Take this finicky website . . .

  10. hoW ? Take this finicky website . . . Meant to mimic a poorly designed site 1st generation website An example that shows improvement bad

  11. hoW ? What’s wrong? bad

  12. hoW ? What’s wrong? Redundant tags <font . . . Nested tables No CSS styling Too many comments Non-optimized jpeg bad

  13. hoW ? Html file 20744 bytes Media ~ 1.7 Mbytes Total ~ 1.9 Mbytes bad

  14. hoW ? Take this good finicky website . . . good

  15. hoW ? What’s wrong? Redundant tags <font . . . Nested tables No CSS styling Too many comments Non-optimized jpeg good

  16. hoW ? Html file 19116 bytes Media ~ 1.7 Mbytes Total ~ 1.9 Mbytes good

  17. hoW ? Take this gooder finicky website . . . gooder

  18. hoW ? What’s wrong? Redundant tags <font . . . Nested tables No CSS styling Too many comments Non-optimized jpeg gooder

  19. hoW ? Html file 8947 bytes Media ~ 1.7 Mbytes Total ~ 1.7 Mbytes gooder

  20. hoW ? Take this goodest finicky website . . . goodest

  21. hoW ? What’s wrong? Redundant tags <font . . . Nested tables No CSS styling Too many comments Non-optimized jpeg goodest

  22. hoW ? Html file 8956 bytes Media ~ 118 kbytes Total ~ 127 kbytes goodest

  23. What does this show us? For our trinket website Optimizing pictures works >10x improvement in size > 6x improvement in speed For a content heavy site (text) CSS may help more use external CSS use less white space

  24. What else can be done? K I S S Keep Ads to a minimum Keep JavasSript to a minimum Keep media to a minimum Use something eye-catching up top Use good navigation tools

  25. What else can be done? Verify and validate your HTML code Be sure to not use obscure or uncommon plug-ins unless absolutely necessary Use a screen capture from the video clip as a place holder Don’t automatically start playing streaming media

  26. References http://www.yourhtmlsource.com/optimisation/basicoptimisation.html#WHY http://webdesign.about.com/od/speed/index.htm http://www.websiteoptimization.com/speed/1/ http://www.websiteoptimization.com/services/analyze/ http://www.pantos.org/atw/35305.html http://www-static.cc.gatech.edu/gvu/user_surveys/survey-04-1996/ I love cats http://hometown.aol.com/mailflier/ Wikipedia text http://en.wikipedia.org/wiki/Cats

  27. Figure 1. Output from script

  28. Figure 2. Script used in experiment

More Related