selecting and deploying automated optimization solutions
DESCRIPTION
Presentation from Selecting and deploying automated optimization solutions talk at Velocity 2012TRANSCRIPT
Front-End Optimization Automation
HTML Rewriting
Users
Web Server
Slow, Generic HTML
Optimized HTML
http://www.flickr.com/photos/damongman/5336979798/
Pixie Dust
HTML Rewriting Solution Providers
Provider Proxies (HTML Rewriting)
Users
Rewriting Proxy
Web Server
All Web Traffic Web ServerWeb Server
Amazon SilkAOL ClientOpera Mini
Mobile CarriersSatellite ISP’s
…
In-App Acceleration
Users
Web Server
Optimized HTML
Application Logic
Acceleration Plugin
Others Javascript Tag Management
Javascript Libraries/Loaders
When to Automate
Less Like
http://www.flickr.com/photos/finklez/5561579060/
More Like
http://www.flickr.com/photos/finklez/5561579060/
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/
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/
Automation Architectures
Cloud Solutions
Users
AccelerationProvider
DNS
Origin
Cloud Solution Providers Akamai (Blaze.io)
Cloudflare
Google (Page Speed Service)
Limelight (Acceloweb)
Level 3 (Strangeloop)
Strangeloop
Torbit
Yottaa
Data Center
On-Premises Solutions
Users
Web ServerFEO
Web ServerFEOAppliance
On-Premises Solution Providers F5
Google (mod_pagespeed)
Riverbed (Aptimize)
Strangeloop
Architecture Fit
http://www.flickr.com/photos/epublicist/3546059144/
Site 2
Users
Site 1
DNS
Load Balancers App Servers
Load Balancers App Servers
Cloud Solution
FEO
Users
Site 1
DNS
Load Balancers App Servers
Site 2
Load Balancers App Servers
On-Premises
FEO
FEO
FEO
FEO
Users
Site 1
DNS
Load Balancers App Servers
Site 2
Load Balancers App Servers
On-Premises
FEO
FEO
FEO
FEO
Users
Site 1
DNS
Load Balancers App Servers
Site 2
Load Balancers App Servers
On-Premises
FEO
FEO
FEO
FEO
Users
Site 1
DNS
Load Balancers App Servers
Site 2
Load Balancers App Servers
On-Premises
FEO
FEO
FEO
FEO
With Great Power…yeah
http://www.flickr.com/photos/75001512@N00/5791894429/
Code Deployments
When something goes wrong
Data Security
http://www.flickr.com/photos/75001512@N00/5791894429/
Measure First
http://www.flickr.com/photos/endlisnis/174511509/
Synthetic Testing
BackboneTesting
ActualUsers
Real User Measurement
Google Analytics
New Relic
TorbitCompuware (dynaTrace)
Compuware (Gomez)
LogNormal
Web Tuna
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 content
Wednesday, 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”
Google Booth - Office Hours
Tuesday, June 26 - Afternoon Break
3:10 – 3:50 : Q&A: Your Chrome Wishlist, Suggestions and Questions
Wednesday, June 27 - Morning Break
10:00 – 10:30 : Q&A: Performance monitoring with Google Analytics