ECOMMERCE PAGE SPEED
OPTIMIZATION
STEVEN SOULE
OVERVIEW
Effects of page speed on ecommerce
websites
Detecting page speed issues
Resolving common page speed issues
WHAT ARE THE STANDARDS?
Mobile
Google wants pages to load in under a second!
Desktop
• DOM Content Loaded: 1s - 2s
• Total...
HOW ARE WE DOING?
Trilibis Study
•69% of the sites took an unacceptably long time
to load, (8s+)
•21% took less than 4s to...
HOW ARE WE DOING?
2014 Radware State of the Union Report
EFFECTS OF PAGE SPEED
Revenue
User Experience (UX) & Trust
SEO
EFFECTS OF PAGE SPEED: REVENUE
Reduced conversion rates
Drop in cart size
Increased bounce rate
Lower repeat visitors
How ...
EFFECTS OF PAGE SPEED: UX & TRUST
User Expectations
Neurological impact of poor
performance
Impact on your company’s brand...
EFFECTS OF PAGE SPEED: SEO
Page Relevancy vs. Load Time
Studies Show
Page Load Time
Time to First Byte
Page Size
How We...
EFFECTS OF PAGE SPEED: RECAP
Revenue
User Experience (UX) & Trust
SEO
OVERVIEW
Effects of page speed on ecommerce
websites
Detecting page speed issues
Resolving common page speed issues
DETECTING PAGE SPEED ISSUES
Using Analytics
Analyzing a Page
Inspecting individual files
DETECTING ISSUES: USING ANALYTICS
Google Webmaster Tools
Google Analytics
DETECTING ISSUES: ANALYZING A PAGE
Web Based
Google Page Speed Insights
Pingdom
WebPageTest.org
DevTools
Audits
PageS...
DETECTING ISSUES: INDIVIDUAL FILES
Understanding Waterfall Diagrams
Checking Headers
Timing
Chrome DevTools: Evaluating Ne...
DETECTING PAGE SPEED ISSUES: RECAP
Using Analytics
Analyzing a Page
Inspecting individual files
OVERVIEW
Effects of page speed on ecommerce
websites
Detecting page speed issues
Resolving common page speed issues
RESOLVING COMMON ISSUES
Server Sided Solutions
On-page best practices
Improving Perception
RESOLVING ISSUES: SERVER SIDED SOLUTIONS
.htaccess
DNS Adjustments
Cookieless Subdomain
Parrellize Requests across domain ...
RESOLVING ISSUES: ON-PAGE BEST PRACTICES
Optimize Images
Tools: Compressor.io (Web), Riot (PC), ImageOptim (Mac)
Reduce th...
RESOLVING ISSUES: PERCEPTION OF PAGE SPEED
Render Above the Fold First
Inline Critical CSS
Lazy Load Images
Use Progress...
RESOLVING ISSUES: RECAP
Server Sided Solutions
On-page best practices
Improving Perception
OVERVIEW
Effects of page speed on ecommerce
websites
Detecting page speed issues
Resolving common page speed issues
TAKE AWAYS
Review Your Site
Google Page Speed Insights
Pingdom
Use these checklists
Google: Web Performance Best Practi...
QUESTIONS?
THANK YOU
SSOULE@MIVAMERCHANT.COM
Upcoming SlideShare
Loading in …5
×

Ecommerce page speed optimization

677 views

Published on

A website’s speed is key factor for a successful ecommerce store. Every second of webpage load time will translate into lower conversion rates and lost sales. We will talk about why page speed is important and what you can do to make your website load quicker. The talk will seek to answer these questions:

What are the effects of page speed on ecommerce websites?

How can you identify the causes of long page load times?

What are common ways of resolving page load issues?

The talk will be a great way for you to learn more about page speed optimization and it will challenge you to critique your own website or your clients to see how fast you can make it.

Published in: Technology, News & Politics
  • Be the first to comment

Ecommerce page speed optimization

  1. 1. ECOMMERCE PAGE SPEED OPTIMIZATION STEVEN SOULE
  2. 2. OVERVIEW Effects of page speed on ecommerce websites Detecting page speed issues Resolving common page speed issues
  3. 3. WHAT ARE THE STANDARDS? Mobile Google wants pages to load in under a second! Desktop • DOM Content Loaded: 1s - 2s • Total Download Size: 1MB - 2MB • HTTP Requests per page: 50 - 75 Google: Making Smartphones Load Fast Need for Speed: How to Improve Your Website Performance
  4. 4. HOW ARE WE DOING? Trilibis Study •69% of the sites took an unacceptably long time to load, (8s+) •21% took less than 4s to load •Images contributed more than 50% of overall page weight 2014 Study by Trillibus
  5. 5. HOW ARE WE DOING? 2014 Radware State of the Union Report
  6. 6. EFFECTS OF PAGE SPEED Revenue User Experience (UX) & Trust SEO
  7. 7. EFFECTS OF PAGE SPEED: REVENUE Reduced conversion rates Drop in cart size Increased bounce rate Lower repeat visitors How Loading Time Effects your Bottom Line 2014 Ecommerce Site State of the Union
  8. 8. EFFECTS OF PAGE SPEED: UX & TRUST User Expectations Neurological impact of poor performance Impact on your company’s brand Slower Web Pages Lead to User Frustrations Browser Diet: Impact of Performance
  9. 9. EFFECTS OF PAGE SPEED: SEO Page Relevancy vs. Load Time Studies Show Page Load Time Time to First Byte Page Size How Website Speed Actually Impacts Search Ranking Google: Using Site speed in Web Search Ranking
  10. 10. EFFECTS OF PAGE SPEED: RECAP Revenue User Experience (UX) & Trust SEO
  11. 11. OVERVIEW Effects of page speed on ecommerce websites Detecting page speed issues Resolving common page speed issues
  12. 12. DETECTING PAGE SPEED ISSUES Using Analytics Analyzing a Page Inspecting individual files
  13. 13. DETECTING ISSUES: USING ANALYTICS Google Webmaster Tools Google Analytics
  14. 14. DETECTING ISSUES: ANALYZING A PAGE Web Based Google Page Speed Insights Pingdom WebPageTest.org DevTools Audits PageSpeed
  15. 15. DETECTING ISSUES: INDIVIDUAL FILES Understanding Waterfall Diagrams Checking Headers Timing Chrome DevTools: Evaluating Network Performance
  16. 16. DETECTING PAGE SPEED ISSUES: RECAP Using Analytics Analyzing a Page Inspecting individual files
  17. 17. OVERVIEW Effects of page speed on ecommerce websites Detecting page speed issues Resolving common page speed issues
  18. 18. RESOLVING COMMON ISSUES Server Sided Solutions On-page best practices Improving Perception
  19. 19. RESOLVING ISSUES: SERVER SIDED SOLUTIONS .htaccess DNS Adjustments Cookieless Subdomain Parrellize Requests across domain names CDNs mod_pagespeed
  20. 20. RESOLVING ISSUES: ON-PAGE BEST PRACTICES Optimize Images Tools: Compressor.io (Web), Riot (PC), ImageOptim (Mac) Reduce the number of requests Concatenating & minifying Image Sprites Minimizing 3rd Party Plugins Social Media Icons Light YouTube Videos Chrome DevTools: Evaluating Network Performance
  21. 21. RESOLVING ISSUES: PERCEPTION OF PAGE SPEED Render Above the Fold First Inline Critical CSS Lazy Load Images Use Progressive JPGs Optimize Animations & DOM updates Other PJAX & InstantClick Loading Indicators
  22. 22. RESOLVING ISSUES: RECAP Server Sided Solutions On-page best practices Improving Perception
  23. 23. OVERVIEW Effects of page speed on ecommerce websites Detecting page speed issues Resolving common page speed issues
  24. 24. TAKE AWAYS Review Your Site Google Page Speed Insights Pingdom Use these checklists Google: Web Performance Best Practices BrowserDiet
  25. 25. QUESTIONS? THANK YOU SSOULE@MIVAMERCHANT.COM

×