speed = sales - website speed & it's impact on your sales!
TRANSCRIPT
![Page 1: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/1.jpg)
#BoostB2B
Speed = SalesA fraction of a second is all it can take to make
your visitors happy
Presented by Aran Reekswww.evosite.co.uk
@EvositeAran
![Page 2: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/2.jpg)
#BoostB2B
Creating exceptional digitalexperiences for 15 yearsWe have helped hundreds of organisations improve their eCommerce websites and digital products.
Established in 2001
Talented team of 30
Over 250 active clients
700+ web solutions delivered
Multi award winning agency
![Page 3: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/3.jpg)
#BoostB2B
Who am I?
● Head of Client Strategy at Evosite● Web Developer● Developed > 50 eCommerce solutions● Passionate about optimisation
![Page 4: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/4.jpg)
#BoostB2B
The objectives of today's talk...By the end of this session, you will:
▪ Understand why web page speed is critical
▪ You’ll have a basic understanding of what makes up a web page
▪ Have a solid understanding of how to start optimising your website
▪ Create a solid plan to pass onto your developers, or to implement yourself
![Page 5: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/5.jpg)
#BoostB2B
Let’s begin!
![Page 6: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/6.jpg)
#BoostB2B
Why is speed important?
![Page 7: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/7.jpg)
#BoostB2B
£1.73bnSlow loading websites cost retailers £1.73bn in lost sales each year.
QuBit
![Page 8: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/8.jpg)
#BoostB2B
47%Of people expect a web page to load in two seconds or less.
Akamai
![Page 9: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/9.jpg)
#BoostB2B
40%Will abandon a page that takes more than 3 seconds to load.
Akamai
![Page 10: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/10.jpg)
#BoostB2B
52%Claim that quick page speeds are important for their loyalty.
Akamai
![Page 11: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/11.jpg)
#BoostB2B
7%Drop in conversions caused by a one second delay in page-load.
TagMan
![Page 12: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/12.jpg)
#BoostB2B
“You may have heard that here at Google we're obsessed with speed, in
our products and on the web. As part of that effort, today we're including a new signal in our search ranking algorithms:
site speed.”Google - Matt Cutts, Google Search Quality Team
![Page 13: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/13.jpg)
#BoostB2B
How is the web growing?
![Page 14: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/14.jpg)
#BoostB2B
2.24MBAverage web page size
April 2016 - httparchive.org
![Page 15: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/15.jpg)
#BoostB2B
+12%Average web page size increase in the last year!
April 2016 VS April 2015 - httparchive.org
![Page 16: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/16.jpg)
#BoostB2B
99Average requests per page load
April 2016 - httparchive.org
![Page 17: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/17.jpg)
#BoostB2B
+13.29%Increase in MOBILE traffic we’ve observed in the last year
Evosite’s Global tracking - evosite.co.uk
![Page 18: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/18.jpg)
#BoostB2B
Just how much does page speed affect you?
![Page 19: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/19.jpg)
#BoostB2B
Which site would you rather use?
![Page 20: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/20.jpg)
#BoostB2B
But what’s a web page made up of?
![Page 21: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/21.jpg)
#BoostB2B
A typical web page is made up of the following...Essential page resources
▪ HTML
▪ CSS
▪ JavaScript
▪ Web fonts
Your page content▪ Images
▪ Videos
![Page 22: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/22.jpg)
#BoostB2B
HTMLHTML sets out the structure of a web page and puts your content on the page.
![Page 23: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/23.jpg)
#BoostB2B
CSSCSS makes your web pages look pretty.
![Page 24: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/24.jpg)
#BoostB2B
JavaScript
JavaScript allows you to add interactivity to your web pages.
![Page 25: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/25.jpg)
#BoostB2B
JavaScript powering a Supernav example
![Page 26: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/26.jpg)
#BoostB2B
JavaScript inline form validation example
![Page 27: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/27.jpg)
#BoostB2B
JavaScript deferred image loading example
![Page 28: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/28.jpg)
#BoostB2B
JavaScript Image gallery (hover zoom)
![Page 29: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/29.jpg)
#BoostB2B
JavaScript powered tooltip example
![Page 30: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/30.jpg)
#BoostB2B
Fonts on the web
![Page 31: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/31.jpg)
#BoostB2B
Web Safe Fonts
Arial - The quick brown fox jumps over the lazy dog
Times New Roman - The quick brown fox jumps over the lazy dog
Georgia - The quick brown fox jumps over the lazy dog
Verdana - The quick brown fox jumps over the lazy dog
Comic Sans - The quick brown fox jumps over the lazy dog
![Page 32: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/32.jpg)
#BoostB2B
Web FontsWhat’s a web font comprised of?
Web Font file formats● TTF● WOFF● WOFF2● EOT● SVG
![Page 33: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/33.jpg)
#BoostB2B
How can we speed up our web pages?
![Page 34: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/34.jpg)
#BoostB2B
Caching
![Page 35: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/35.jpg)
#BoostB2B
Minificationdiv.two_column {
width: 50px;height: 50px;float: left;display: block;
}
div.two_column a {display: block;width: 50px;height: 50px;
}
span {clear: both;float: none;display: block;background-color: red;color: green;
}
![Page 36: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/36.jpg)
#BoostB2B
Minificationdiv.two_column {
width: 50px;height: 50px;float: left;display: block;
}
div.two_column a {display: block;width: 50px;height: 50px;
}
span {clear: both;float: none;display: block;background-color: red;color: green;
}
div.two_column{width:50px;height:50px;float:left;display:block}div.two_column a{display:block;width:50px;height:50px}span{clear:both;float:none;display:block;background-color:red;color:green}
![Page 37: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/37.jpg)
#BoostB2B
Tools for Minification
CSS Minificationcssminifier.com
JavaScript Minificationjscompress.com
![Page 38: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/38.jpg)
#BoostB2B
Compression
The average website has 54 images per page
![Page 39: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/39.jpg)
#BoostB2B
Compression
Lossless VS Lossy
![Page 40: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/40.jpg)
#BoostB2B
The best FREE tool for compressing your imagestinypng.com
![Page 41: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/41.jpg)
#BoostB2B
GZIP Compression
Google’s homepage was reduced in size by 65.16% as a result of GZIP
![Page 42: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/42.jpg)
#BoostB2B
CDN
A content delivery network (CDN) is a system of distributed servers (network) that deliver webpages and other Web
content to a user based on the geographic locations of the user, the origin of the webpage and a content delivery
server.”
“
![Page 43: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/43.jpg)
#BoostB2B
Reduce the number of resources
…
![Page 44: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/44.jpg)
#BoostB2B
Measuring speed▪ Google PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
▪ Pingdom Toolshttp://tools.pingdom.com
▪ YSlowhttp://yslow.org/
![Page 45: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/45.jpg)
#BoostB2B
How fast is your website?Would anyone care to put forward their website for us to work through together?
www.your-website.com
![Page 46: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/46.jpg)
#BoostB2B
The evolution of the web▪ 1997: HTTP/1.1
▪ 2012: SPYD
▪ 2015: HTTP/2
![Page 47: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/47.jpg)
#BoostB2B
5 minutes...▪ Run your own site
through Google Pagespeed Insights
![Page 48: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/48.jpg)
#BoostB2B
30 minutes... ▪ Speak with your developers about where speed improvements can sit within your development roadmap
![Page 49: Speed = sales - Website speed & it's impact on your sales!](https://reader031.vdocuments.net/reader031/viewer/2022022412/58f0a8281a28ab373d8b4701/html5/thumbnails/49.jpg)
#BoostB2B
15 minutes... ▪ Track and measure the effects