Site Speed Tune Up – Putting Your Code on a DietBrennan HeydeTechnical Director – Professional Services3/8/2012
Overview • Site Speed – Why Should You Care? • How to analyze your site speed • Techniques used to increase troubleshoot problems and increase your site speed • Testing Tools • Beyond Coding – Tools to take your site speed to the next level
Why you should care – Visitor Abandonment • Reduced Bounce Rate - According to surveys done by Akamai and Gomez.com, nearly half of web users expect a site to load in 2 seconds or less, and they tend to Source: Kiss Metrics abandon a site that isn’t loaded within 3 seconds.
Conversion Rate • A 1 second delay in page response can result in a 7% reduction in conversions – Kiss Metrics • From Shopzilla.com: Improving the site speed of this popular ecommerce portal by 20% resulted in an improvement in conversion rates of 7% to 12%. Page views went up by 25%. • Tests at Amazon, also in 2007 revealed similar results: every 100 ms (that’s 1 tenth of a second) increase in page load time of Amazon.com decreased sales by 1%.
SEO – Used in Google’s Ranking • April 2010 – Site Speed is one of the 200 metrics used to rank a web page. • “While site speed is a new signal, it doesnt carry as much weight as the relevance of a page. Currently, fewer than 1% of search queries are affected by the site speed signal in our implementation”
Compression – How It Works gidnetwork.com/tools/gzio-test.php Compression can be turned on in your .htaccess file on your server
How Fast is My Site?Test with FireBug /FireFox / Chrome Developer Tools
Other Tools: • www.pagespeedtest.org • http://tools.pingdom.com/fpt/ • http://developer.yahoo.com/yslow/
Google Webmaster Tools Let Google tell you the speed of your website:* Data comes from users with Google Toolbar
2. Backend Optimization • Bad Coding / Logic Errors (Typically Using a 3rd party module) • Poor Performing Modules / Non Updated Modules / Module Maintenance • Server Capacity – Can your server handle your traffic? Do you know your servers limits?
Bad Coding • Calls to external files / Scripts • Loops / Logic Errors • Iframes
Tools Used for Troubleshooting • Miva Empresa Engine Logging • Any 5.10 and higher Miva Merchant Engine can log every action to find module performance issues. (see release notes for implementation) • Example: isokineticsinc.com
Modules • Poor Performing Modules • Not Keeping Modules up to date • Module Maintenance • Large Database Files
Server Capacity• Who knows the specs of their server?• Who knows their traffic? - Unique Visitors/day - Average Pageviews/ visitor• Make sure your server is not the cause of your site’s slow performance• Quality Miva Merchant Host
Server Testing Tools • ab – Part of Apache, will show how many requests per second your Apache installation is capable of serving • Httperf - It provides a flexible facility for generating various HTTP workloads and for measuring server performance * Always test in a DEV environment.
Recap Three Areas to Look At To Improve Site Speed 1. Front End Optimization 2. Backend Optimization 3. Server Performance What Else Can You Do?
What Next? Merchant Optimizer – Converts all your dynamic pages into static HTML pages. - Will lose some dynamic content such as mini basket. - 38 times server performance increase in our testing
1000 797.2 704.37 704.64 582.51 594.85 365.71 222.45 143.63 100 Current Dynami c Current Stati c 20.94 Ol d Dynami c 18.96 17.18 14.32 15 14.3 13.92 12.63 12.86 10 7.55 6.93 4.28 3.59 2.87 2.47 1.81 1 1 2 4 8 16 24 32 40
3rd Party Services • Altruik – Domain Sharding • Loading images from different sub domains at the same time • Front End Content Delivery Network • Blaze.io • Yotta.com • CloudFlare.com