Upload
steveosoule
View
247
Download
5
Embed Size (px)
DESCRIPTION
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.
Citation preview
ECOMMERCE PAGE SPEED OPTIMIZATIONSTEVEN SOULE
OVERVIEW
Effects of page speed on ecommerce websites
Detecting page speed issues
Resolving common page speed issues
WHAT ARE THE STANDARDS?
MobileGoogle 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
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
HOW ARE WE DOING?
2014 Radware State of the Union Report
EFFECTS OF PAGE SPEED
RevenueUser Experience (UX) &
TrustSEO
EFFECTS OF PAGE SPEED: REVENUE
Reduced conversion ratesDrop in cart sizeIncreased bounce rateLower repeat visitors
How Loading Time Effects your Bottom Line2014 Ecommerce Site State of the Union
EFFECTS OF PAGE SPEED: UX & TRUST
User ExpectationsNeurological impact of poor
performanceImpact on your company’s
brand
Slower Web Pages Lead to User FrustrationsBrowser Diet: Impact of Performance
EFFECTS OF PAGE SPEED: SEO
Page Relevancy vs. Load Time
Studies ShowPage Load TimeTime to First BytePage Size
How Website Speed Actually Impacts Search RankingGoogle: Using Site speed in Web Search Ranking
EFFECTS OF PAGE SPEED: RECAP
RevenueUser Experience (UX) &
TrustSEO
OVERVIEW
Effects of page speed on ecommerce websites
Detecting page speed issues
Resolving common page speed issues
DETECTING PAGE SPEED ISSUES
Using AnalyticsAnalyzing a PageInspecting individual files
DETECTING ISSUES: USING ANALYTICS
Google Webmaster ToolsGoogle Analytics
DETECTING ISSUES: ANALYZING A PAGE
Web BasedGoogle Page Speed InsightsPingdomWebPageTest.org
DevToolsAuditsPageSpeed
DETECTING ISSUES: INDIVIDUAL FILES
Understanding Waterfall DiagramsChecking HeadersTiming
Chrome DevTools: Evaluating Network Performance
DETECTING PAGE SPEED ISSUES: RECAP
Using AnalyticsAnalyzing a PageInspecting individual files
OVERVIEW
Effects of page speed on ecommerce websites
Detecting page speed issues
Resolving common page speed issues
RESOLVING COMMON ISSUES
Server Sided SolutionsOn-page best practicesImproving Perception
RESOLVING ISSUES: SERVER SIDED SOLUTIONS
.htaccessDNS Adjustments
Cookieless Subdomain
Parrellize Requests across domain names
CDNsmod_pagespeed
RESOLVING ISSUES: ON-PAGE BEST PRACTICES
Optimize ImagesTools: Compressor.io (Web), Riot (PC), ImageOptim (Mac)
Reduce the number of requestsConcatenating & minifying Image Sprites
Minimizing 3rd Party PluginsSocial Media IconsLight YouTube Videos
Chrome DevTools: Evaluating Network Performance
RESOLVING ISSUES: PERCEPTION OF PAGE SPEEDRender Above the Fold First Inline Critical CSSLazy Load Images
Use Progressive JPGs
Optimize Animations & DOM updates
OtherPJAX & InstantClickLoading Indicators
RESOLVING ISSUES: RECAP
Server Sided SolutionsOn-page best practicesImproving Perception
OVERVIEW
Effects of page speed on ecommerce websites
Detecting page speed issues
Resolving common page speed issues
TAKE AWAYS
Review Your SiteGoogle Page Speed InsightsPingdom
Use these checklistsGoogle: Web Performance Best Practices
BrowserDiet