Google在Web前端方面的经验(青苹果)解读.ppt

Data source: Steve Souders * Newer browsers (IE8, Saf4, Chr2) work, but mainstream browsers need a workaround. * Newer browsers (IE8, Saf4, Chr2) work, but mainstream browsers need a workaround. * putting code in the script block doesnt work in any browser; you have to add stuff to the external script this doesnt load asynchronously * Newer browsers (IE8, Saf4, Chr2) work, but mainstream browsers need a workaround. * Newer browsers (IE8, Saf4, Chr2) work, but mainstream browsers need a workaround. * loadInterval is 420 ms * Joseph Smarr from Plaxo advocates interspersing setTimeout through JavaScript threads every n00 ms. * Data source: Steve Souders * 72 years = 2,270,592,000 seconds = 500ms * 4.4B page views * 72 years = 2,270,592,000 seconds = 500ms * 4.4B page views * 72 years = 2,270,592,000 seconds = 500ms * 4.4B page views * 72 years = 2,270,592,000 seconds = 500ms * 4.4B page views * * thank you by nj dodge: /photos/nj_dodge/187190601/ flush the document early gotchas: PHP output_buffering – ob_flush() Transfer-Encoding: chunked gzip – Apaches DeflateBufferSize before 2.2.8 proxies and anti-virus software browsers – Safari (1K), Chrome (2K) other languages: $| or FileHandle autoflush (Perl), flush (Python), ios.flush (Ruby) html image image script html image image script call PHPs flush() flushing and domain blocking you might need to move flushed resources to a domain different from the HTML doc html image image script html image image script google image image script image 204 case study: Google search blocked by HTML document different domains takeaways focus on the frontend run YSlow: /yslow this years focus: JavaScript speed matters impact on revenue Google: Yahoo: Amazon: 1 /~glinden/StanfordDataMining.2006-11-29.ppt 2 /stoyan/yslow-20-presentation +500 ms ? -20% traffic1 +400 ms ? -5-9% fulltraffic2 +100 ms ? -1% sales1 cost savings hardware – reduced load bandwidth – reduced response size /share/presentations/2008/stanford/HPWP-RealWorld.pdf