Download - Ecommerce page speed optimization

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




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




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




TAKE AWAYS

Review Your SiteGoogle Page Speed InsightsPingdom

Use these checklistsGoogle: Web Performance Best Practices

BrowserDiet

QUESTIONS?

THANK YOU

[email protected]