web performance speed matters
TRANSCRIPT
![Page 1: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/1.jpg)
Speed: Web Peformance MattersDeepti Bhutani
![Page 2: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/2.jpg)
![Page 3: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/3.jpg)
![Page 4: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/4.jpg)
![Page 5: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/5.jpg)
![Page 6: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/6.jpg)
Mobile Performance
![Page 7: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/7.jpg)
How the Web Works
![Page 8: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/8.jpg)
How the Web Works
HTML
CSS
Java
Scrip
tImages
DNS
SSLMobile
![Page 9: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/9.jpg)
![Page 10: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/10.jpg)
Web Performance Tools
![Page 11: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/11.jpg)
Waterfall Analysis techniques Metrics
• First Byte• First Paint• On Load (TTI)• Page Complete
• Navigation Timing Model• http://www.w3.org/TR/navigation-timing/#processing-model
![Page 12: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/12.jpg)
Web Performance Tool Box Profiling Tools
• WebPageTest • FireBug• Chrome Developer Tools• Yslow• Google PageSpeed
Performance Practices Checklist • http://webdevchecklist.com/
![Page 13: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/13.jpg)
Web Performance Monitoring Synthetic Monitoring
• Keynote• Gomez• WebPageTest Local
Real User Monitoring• Akamai RUM• AppDynamics EUM
![Page 14: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/14.jpg)
Synthetic Monitoring
• Is my site up?• How fast is my site?• Are transactions working?• If there is a slow down or failure where is it in the infrastructure?• Are my third party components operating correctly?
• How is my overall performance?
![Page 15: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/15.jpg)
![Page 16: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/16.jpg)
RUM
• What are users actually doing on the site-traffic flow?• What is the performance of the pages, and which
components are slowest?• Are SLA’s met ?• Did my latest release affect the user experience?• How does the user experience tie back to other areas of the
company such as support?
![Page 17: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/17.jpg)
Synthetic vs Real User Monitoring
Features Synthetic Monitoring
Real User Monitoring
Test a new feature before deploying to prod Ensure application is up and running 24/7
Test the performance on a new market/geographyMonitor web third party APIs
Determine the impact of slowness or failure on real users Resolve support issues
Monitor Transactional Performance
API performance
Monitor all traffic /real users
![Page 18: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/18.jpg)
![Page 19: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/19.jpg)
Performance Optimizations• Fewer Requests• Smaller Requests
• Image compression • Reduce network Round trips• AJAX requests
• Caching• Leverage Browser Caching • CDN Caching (Akamai)
• Optimize Browser Processing• Optimize JavaScript• Analyze front end rendering • Optimize DOM
![Page 20: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/20.jpg)
![Page 21: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/21.jpg)
PNG24Size: 512 KBColors: 148,279
PNG24Size: 188 KBColors: 256
63% smaller
Image Optimizations
![Page 22: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/22.jpg)
Smaller Images
PNG24100 x 100Size: 19 KBColors: 9,138
PNG8100 x 100Size: 8 KBColors: 256
55.8% smaller
![Page 23: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/23.jpg)
90% Savings!!!
PNG24320 x 568Size: 100 KB
JPEG320 x 568Size: 10 KB
Image Formats
![Page 24: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/24.jpg)
Mobile Performance Challenges
Books Web
![Page 25: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/25.jpg)
![Page 26: Web performance Speed matters](https://reader036.vdocuments.mx/reader036/viewer/2022062821/58a569ec1a28ab20528b63bb/html5/thumbnails/26.jpg)
Other Resources• Books
• High Performance Web Sites – Steve Souders – O’Reilly• Even Faster Web Sites – Steve Souders – O’Reilly
• Web• HTTP Archive (http://httparchive.org/)• Web Page Test (http://www.webpagetest.org/)