Performance Optimization - Magentoinfo2.magento.com/rs/magentoenterprise/images/... · August 17,...

transcript

Performance Optimization

PERFORMANCE

CollinsHarper 1100-128 Pender St W Vancouver, BC V6B 1R8

Phone: (604) 288 2828 Ext.1 jyard@collinsharper.com

“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

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

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

A systematic approach to Performance Improvements. • Test • Evaluate • Fix • Repeat

PERFORMANCE

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

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

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

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

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

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

Client Examples

Test Page Page Load Times (ms) Home 7437 Category 45705 Product Page 19990

All Page Load Times are bad!

Identify Problems

Client Examples

Diagnosis – Common Page Elements

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

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

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

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

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,

Special Offer to webinar attendees

$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. Sean@collinsharper.com

Address: Collins Harper SunTower 1100-128 Pender St W Vancouver, BC V6B 1R8, Canada Phone: +1 (604) 288-2828

Email: sean@collinsharper.com

Website: www.collinsharper.com

Phone: (604) 288 2828 Ext.1 sean@collinsharper.com

Performance Optimization - Magentoinfo2.magento.com/rs/magentoenterprise/images/... · August 17,...

Documents