Implementing Aqua Ion - Chris Schultz, Digi-Key
1 like1,535 views
Digi-Key, a rapidly growing distributor of electronic components, launched a dynamic catalog in 2012 to replace their printed catalog, addressing challenges such as outdated content and high production costs. They implemented Aqua Ion for front-end optimization and real user monitoring, leading to significant performance improvements across their site. Future considerations include dynamic page caching and insights into real user performance to further enhance site efficiency.
Implementing Aqua Ion - Chris Schultz, Digi-Key
- 1. Implementing Aqua Ion Chris Schultz Manager, Marketing Applications Development at Digi-Key
- 2. About Digi-Key • One of the fastest growing distributors of electronic components in the world. • Digi-Key's website is the top-rated and most-visited website in the electronic distribution industry. * * UBM Electronics - 2012 Distributor Customer Evaluation Study ©2013 AKAMAI | FASTER FORWARDTM
- 3. About Digi-Key •What makes Digi-Key unique? •Authorized Distribution •600+ suppliers •Breadth of Product •750,000 stocking products •3.5M+ sku’s on website •Support/Resources •Customer Service •Technical Service ©2013 AKAMAI | FASTER FORWARDTM
- 4. About Dynamic Catalog • April 12th 2012, Digi-Key launches Dynamic Catalog • Replacement for Printed Catalog • Challenges with Printed Catalog • Outdated Quickly - parts being continually added, prices change • Expensive • Time consuming to create ©2013 AKAMAI | FASTER FORWARDTM
- 5. About Dynamic Catalog - Main Page ©2013 AKAMAI | FASTER FORWARDTM
- 6. About Dynamic Catalog - Category Page ©2013 AKAMAI | FASTER FORWARDTM
- 7. About Dynamic Catalog - Search Page ©2013 AKAMAI | FASTER FORWARDTM
- 8. Background •Challenges •Site hosted from data center in northern Minnesota •Size of catalog •Rapidly evolving content •Heavy on JavaScript and CSS •Lots of images •Varying performance by users based on location, computer speed, browser version, etc… ©2013 AKAMAI | FASTER FORWARDTM
- 9. Background •Why move beyond mid-mile acceleration? •Performance, performance, performance •Geographically diverse customer base •Majority of future growth outside United States •Growing mobile customer base ©2013 AKAMAI | FASTER FORWARDTM
- 10. Background •Options •In-house development •Cloud solution •How To Measure Performance •Synthetic testing •Real User Monitoring (RUM) ©2013 AKAMAI | FASTER FORWARDTM
- 11. Background •In-House Development •Advantages •Best possible results •Fastest page possible •Better architecture •Disadvantages •Requires development resources •Other higher priority projects ©2013 AKAMAI | FASTER FORWARDTM
- 12. Background •Cloud Solution •Advantages •No development resources needed •Administrator & cloud provider implement solution •Disadvantages •Cost •Required additional external testing for all projects •Loss of understanding ©2013 AKAMAI | FASTER FORWARDTM
- 13. Solution Implemented •Aqua Ion •Front End Optimization •Real User Monitoring ©2013 AKAMAI | FASTER FORWARDTM
- 14. Front End Optimization •Features Implemented •JSS/CSS Streaming & Adaptive Consolidation •Just-In-Time Image Loading •Image Compression •Minification •Domain Sharding ©2013 AKAMAI | FASTER FORWARDTM
- 15. Front End Optimization Results • Parties Involved • Digi-Key • Myself • Web Optimization Specialist • Software Engineer (Helped resolve JavaScript/CSS issue) • QA • Akamai • Technical Project Manager • Solutions Architect ©2013 AKAMAI | FASTER FORWARDTM
- 16. Front End Optimization Results • Timelines • Test Environment • Issues • JavaScript/CSS - Header on column did not align up properly with columns in table • FEO Enabled – 4 Weeks • Production Environment • Issues – None • FEO Enabled – 4 Weeks ©2013 AKAMAI | FASTER FORWARDTM
- 17. Implementation Activities Activity Timeframe Project Kick off and Requirements Gathering Week One Complete discovery documents Week One Set up Domain Sharding Host Names Week One Complete Configuration and Provisioning Week Two – Week Three Akamai - Test configuration changes Week Four Digi-Key - Test configuration changes and provide sign off Week Five – Week Six Production Go-Live Week Seven ©2013 AKAMAI | FASTER FORWARDTM
- 18. Front End Optimization Results • Main page - 29% improvement in performance • Category page - 41% improvement in performance • Search page - 52% improvement in performance ©2013 AKAMAI | FASTER FORWARDTM
- 19. Real User Monitoring •One step past synthetic monitoring •Reports Used •Page load time by country •Page load time by operating system •Page load time by browser version •Worst 10% reports •Takes into account •Network time •Rendering time ©2013 AKAMAI | FASTER FORWARDTM
- 20. RUM Results • Parties Involved • Digi-Key • Web Optimization Specialist • QA • Akamai • Technical Project Manager • Solutions Architect ©2013 AKAMAI | FASTER FORWARDTM
- 21. RUM Results • Timelines • Test Environment • Not Implemented • Production Environment • Issues – None • RUM Enabled – 1 Weeks ©2013 AKAMAI | FASTER FORWARDTM
- 22. RUM Example #1 ©2013 AKAMAI | FASTER FORWARDTM
- 23. RUM Example #2 ©2013 AKAMAI | FASTER FORWARDTM
- 24. RUM Example #3 ©2013 AKAMAI | FASTER FORWARDTM
- 25. Future Implementation Considerations • Dynamic Page Caching • Implementation Options • Query String • Cookie Values • Request Headers • Main Considerations • Anonymous vs Logged Users • Automated Bots ©2013 AKAMAI | FASTER FORWARDTM
- 26. Summary • Affordable fixing inefficiencies • Refocus resources on high value projects • Insight into real users performance ©2013 AKAMAI | FASTER FORWARDTM
- 27. Questions ©2013 AKAMAI | FASTER FORWARDTM