Selecting and deploying automated optimization solutions

1,458 views

Published on

Presentation from Selecting and deploying automated optimization solutions talk at Velocity 2012

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,458
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
38
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Selecting and deploying automated optimization solutions

  1. 1. Automated Frontend Optimization Patrick Meenan pmeenan@webpagetest.org @patmeenan
  2. 2. Front-End Optimization Automation
  3. 3. HTML Rewriting Op timiz ed H TM L Slow, Generic HTML Web Server Pixie DustUsers http://www.flickr.com/photos/damongman/5336979798/
  4. 4. HTML Rewriting Solution Providers
  5. 5. Provider Proxies (HTML Rewriting) All Web Traffic Web Server Rewriting Proxy Web ServerUsers Web Server Amazon Silk AOL Client Opera Mini Mobile Carriers Satellite ISP’s …
  6. 6. In-App Acceleration Op timiz ed HT ML Web Server Application Logic Acceleration Plugin Users
  7. 7. Others Javascript Tag Management Javascript Libraries/Loaders
  8. 8. When to Automate
  9. 9. Less Like http://www.flickr.com/photos/finklez/5561579060/
  10. 10. More Like http://www.flickr.com/photos/finklez/5561579060/
  11. 11. Best for Machines Browser-specific optimizations - Image Inlining (Data URI’s) - Image Transcoding (WebP) - Responsive Images Process Automation - Image resizing - Cache Extension Preventing human error - Minimum compression levels for images Algorithmic Optimizations - Path prediction (resource preloading) - Predictive Page Delivery http://www.flickr.com/photos/31112252@N00/5331463993/
  12. 12. Humans rule! Evaluating content - Removing content - Prioritizing content - Re-architecting pages - Design Code/Application Logic - Refactoring code - Javascript Dependencies Image Optimization - Selecting appropriate image format - Maximizing image compression http://www.flickr.com/photos/philhawksworth/4031165773/
  13. 13. Automation Architectures
  14. 14. Cloud Solutions DNS Origin Acceleration ProviderUsers
  15. 15. Cloud Solution Providers Akamai (Blaze.io) Cloudflare Google (Page Speed Service) Limelight (Acceloweb) Level 3 (Strangeloop) Strangeloop Torbit Yottaa
  16. 16. On-Premises Solutions Data Center FEO Web Server FEO Web Server ApplianceUsers
  17. 17. On-Premises Solution Providers F5 Google (mod_pagespeed) Riverbed (Aptimize) Strangeloop
  18. 18. Architecture Fit http://www.flickr.com/photos/epublicist/3546059144/
  19. 19. Cloud Solution DNS Site 1 Load Balancers App Servers Load Balancers App Servers FEOUsers Site 2
  20. 20. On-Premises DNS Site 1 Load Balancers App Servers FEO FEO Load Balancers App Servers FEO FEOUsers Site 2
  21. 21. On-Premises DNS Site 1 Load Balancers App Servers FEO FEO Load Balancers App Servers FEOUsers FEO Site 2
  22. 22. On-Premises DNS Site 1 Load Balancers App Servers FEO FEO Load Balancers App Servers FEOUsers FEO Site 2
  23. 23. On-Premises DNS Site 1 Load Balancers App Servers FEO FEO Load Balancers App Servers FEOUsers FEO Site 2
  24. 24. With Great Power…yeah http://www.flickr.com/photos/75001512@N00/5791894429/
  25. 25. Code Deployments
  26. 26. When something goes wrong
  27. 27. Data Security http://www.flickr.com/photos/75001512@N00/5791894429/
  28. 28. Measure First http://www.flickr.com/photos/endlisnis/174511509/
  29. 29. Synthetic Testing Actual Users Backbone Testing
  30. 30. Real User Measurement Google Analytics Torbit Compuware (dynaTrace) LogNormal New Relic Web Tuna Compuware (Gomez)
  31. 31. Google Booth - TalksTuesday, June 26 - Morning Break 10:15 – 10:30 : Site Speed Reports in Google Analytics: Measuring your website’s performance Afternoon Break 3:10 – 3:25 : Measuring user perceived latency with Google Analytics Site Speed reports: hands-on demo and insights 3:30 – 3:45 : Async Scripts and why you care, particularly for third-party contentWednesday, June 27th - Morning Break 10:00 – 10:15 : PageSpeed Automatic Optimizations 10:15 – 10:30 : PageSpeed Insights for Chrome with mobile support – Demo Afternoon Break 3:10 – 3:25 : Measuring Web Performance 3:30 – 3:45 : HTTP Streaming – discuss the true latency bottleneck with bi-directional HTTP streaming and “full-duplex HTTP”
  32. 32. Google Booth - Office HoursTuesday, June 26 - Afternoon Break 3:10 – 3:50 : Q&A: Your Chrome Wishlist, Suggestions and QuestionsWednesday, June 27 - Morning Break 10:00 – 10:30 : Q&A: Performance monitoring with Google Analytics
  33. 33. Thank You!PatMeenan@gmail.com @PatMeenan

×