Upload
others
View
5
Download
0
Embed Size (px)
Citation preview
Performance Optimization
PERFORMANCE
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
“Just one web site among those operated by the top 50 retailers in the Top 500 Guide—AbercrombieKids.com—loaded in 1.5 seconds or less throughout the entire shopping period from Thanksgiving through Cyber Monday. “ Amy Dusto, Internet Retailer, December 12, 2013
Translation: Performance optimization is not easy, But it is possible.
PERFORMANCE
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
A load time of over three seconds is significant because if a site takes longer to load, 40% of consumers will abandon it. August 17, 2009, eCommerce Web Site Performance Today, An Updated Look At Consumer Reaction To A Poor Online Shopping Experience, A commissioned study conducted by Forrester Consulting on behalf of Akamai Technologies, Inc.
Translation: Customers Leave Slow Sites
PERFORMANCE
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
In fact, rather than improving, matters are getting worse. The median page load time on the internet slowed 13.7% to 7.72 seconds from the same time last year. Mahwah N.J., Radware, July 7, 2013
Translation: Complicated Sites are Slow
Enhancing Performance
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
A systematic approach to Performance Improvements. • Test • Evaluate • Fix • Repeat
PERFORMANCE
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Nextopia Search
Site Audit
Define Low Hanging Fruit
Full Page Caching
✔
✔ ✔
Site Audit
Define Low Hanging Fruit
Implement Solutions
Review Progress
Checklist for Achieving Faster Load Times
✔
✔
✔
Improve Bad Coding
Hosting Optimization
Content Delivery Network ✔ Content Updates ✔ Smart Ajax Improvements ✔ Lazy Loading ✔
Identify Problems
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Test Page Page Load Times (ms) Home Page 1480 Login 1779 My Account 1495 Search a 2303 Category Page 1 3552 Product Page 1 15715 Product Page 2 33633 Product Page 3 7730 Category Page 2 2188 Product Page 4 2856
Diagnosis – Complex Product Page
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Client Examples
The client is a Jeweler that has very complex product pages. In this example we have rings with an incredible array of options. Moreover, many of the possible configurations have their own photos • Ring Metal • Jewel Type • Jewel Arrangement (1, 2, 3) • Accent Colour • Finish type • Gift Box?
One solution is to rewrite how the presentation is generated but this solution would be very costly and might only save 20% - 50% percent
Identify Problems
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Test Page Page Load Times (ms) Home Page 730 Login 389 My Account 759 search a 579 Category Page 1 607 Product Page 1 608 Product Page 2 595 Product Page 3 586 Category Page 2 603 Product Page 4 602
Identify Problems
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Client Examples
Test Page Page Load Times (ms) Home Page 894 Login 2004 My Account Page 1990 Search A 17233 Search B 3167 Brands page 5321 Brand page 1 20174 Simple product page 1299 Category 1 5317 Configurable Product Page 2111 Brand page 2 5191
Diagnosis – On Sale Module
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Client Examples
Our areas of concern were Category and Search Pages but not ALL of them stood out. It turned out that because they had so much on sale, the module that placed the starburst on the product photo on pages with product listings tripped or quadrupled page load times! The solution was to simply disable this module! Easy to do and easy to verify!
Visit Watchit.ca to see the site in production
Identify Problems
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Client Examples
Test Page Page Load Times (ms) Home 7437 Category 45705 Product Page 19990
All Page Load Times are bad!
Identify Problems
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Client Examples
Diagnosis – Common Page Elements
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Client Examples
Since all pages performed poorly we started by looking at common elements. Further analysis pointed to a complex Mega Menu Other Common areas of concern were product listings on the home page, category page, and recommended products on Product pages. Solution – Explicit Caching for blocks rendered by third party module providers
Identify Problems
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Client Examples
Test Page Page Load Times (ms) Home 2796 Category 8819 Product Page 6988
It’s a work in progress but our first approach yielded dramatic improvements of 60-80% reduction in page load times!
Performance Best Practices
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Site Audit - Software development is expensive! Understand where the issues lie before you start Define Low Hanging Fruit - Look for easy wins for immediate gains Here are some basic improvements anyone can undertake. • Content Delivery Network - Deliver your images through a
cloud service • Nextopia Search - Offload search to the pros • Content Updates – image sizes and formats. Promo
banners. missing images • Merging CSS and JS files
Performance Best Practices
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
Here are some more advanced tactics your developer can help undertake. • MemCache Supported out of the box with both CE and EE • Full Page Caching • Smart Ajax Improvements • Identify and correct or remove Bad Coding (check Magento
logs)
Performance Best Practices
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
These are three best practices that I think are best done while building your site. The first two will offer marginal gains and can be costly if done after the site is developed. • Make use of Sprite Images for UI elements • Make use of CSS3 for buttons and gradients • Hosting Optimization Varnish, multi server configuration,
nginx
Special Offer to webinar attendees
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]
$99 basic site assessment • Basic load test (10-20 shoppers) • Check for memcache • Crawl site for missing images or other files on main pages • Review system and exception log files as well as reports folder • Identify primary areas of concern
The deliverable is a report of our findings as well as recommendations for next steps. We’ll also book a 30 min consultation to take you through our findings and explain them. [email protected]
Address: Collins Harper SunTower 1100-128 Pender St W Vancouver, BC V6B 1R8, Canada Phone: +1 (604) 288-2828
Email: [email protected]
Website: www.collinsharper.com
CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8
Phone: (604) 288 2828 Ext.1 [email protected]