kanban: performance and control using varnish
TRANSCRIPT
2
Shameless plug: About Kanban
Content and experience optimization integrator dedicated to engineering and delivery excellence.
Founded in 2006 with locations NYC, Boston & SLC.
Recently became the first Varnish Plus Open Partner in North America.
4
The business expects to deliver an
optimized and rich experience regardless
of connection or device.
5
Pages are getting fatter
May 2013 May 2014 May 2015
1427 KB
Internet Average Page Weight
Source: HTTP Archive
1775 KB
2099 KB
~ 20% increase year over year
2015
Top 100 eCommerce Sites
1354 KB
Source: Radware
9
Page Resource Complexity
2013 2015
83 Resources
Internet AverageResource Requests
~ 30% increase
Top 100 eCommerce
108 Resources
2015
133 Resources
Median Slow Page
2015
65 Resources
Median Fast Page
Source: HTTP Archive Source: Radware
14
Beyond Page Load…
3 seconds(Target TTI)
9%
Time to Interact: Top 100 eCommerce
10 Seconds
14%
5.2 Seconds(median)
Source: Radware
17
The business case..
“In 2012, Wal-mart demonstrated increased conversion rates of up to two percentage points for
every second of download performance improvement.”
-- Forrester
“ Amazon calculated that a page load slowdown of just
one second could cost it $1.6 billion in sales each year.”
- Fast Company
“Yahoo increased traffic by 9% for every 400ms of
improvement.”- Yahoo
“Shopzilla speeded up average page load time from 6 seconds to
1.2 seconds, and increased revenue by 12%.”
- Shopzilla
18
There is a lot we can do…
Consolidate JS / CSS
Minify Code
Manage TCP Connections
Compress TextSprite Images
Compress Images
Reformat Images Page Element SequencingDefer Rendering
Defer Scripts
Use AJAX
Preload Page Resources
Automated Optimization
Employ Edge Services
Use Adaptive Techniques
Server-side Caching
Modulate Media Streaming
Client-side CachingStreamline API Calls
Standardize 3rd Parties
In-memory Data Stores
NoSQL DBs
Optimize Routing
23
Enhancements with Varnish Plus
Publish and Preview Content
As part of integration with CMS, we mapped component IDs with Varnish hash tags.
Custom workflow collected and pushed purge events (ex. content publish).
Content changes are visible on production environment within seconds, providing Nikon an added level of marketing agility.
24
Enhancements with Varnish Plus
Component Cache w/ESI
Page request includes ESI tag for a component (ex. Navigation)
Varnish intercepts request and injects cached navigation component
Allows Nikon to make frequent updates across all web properties to ensure consistent experience.
25
Enhancements with Varnish Plus
Data Aggregation
Search enables personalized experiences
We developed a search experience compiled from multiple data sources
Using Varnish to cache JSON
26
Results
A reduction to 4 servers using HP LiveSite Delivery Services Framework.
Page response time cut by more than half. Heavy pages are now returned
in under 500ms in contrast to 1300ms prior to implementation.
Memory usage on the HP LiveSite servers has been reduced by 50%
Cache Hit Ratio increased from approximately 50% to 90%.
Over 60% improvement in organic traffic for the three-month period following implementation. This is expected to improve further over time.
Significant drop in CPU and memory usage.