SlideShare a Scribd company logo
1 of 17
Need for Speed
#Mobile
WEB DESIGN | SEO | PPC | SOCIAL
Andy Clayton
Lead Designer - Atelier
ARE YOU LOSING
CUSTOMERS?
40% of users will leave a page that takes longer than three seconds to load.
Desktop = 53%
Mobile = 34%
Tablet = 12%
Mobile traffic in the UK has
grown by 10% in the past year.
Desktop usage has dropped
by 10% within the same
period.
More than half of Google
searches now start on mobile.
NETWORK SPEED
THE CONSEQUENCES
OF A SLOW SITE
Mobile pages that are 1 second faster had a 27% increase in conversion rate
Slow sites typically experience an increased bounce rate
WHAT ABOUT SEO?
RANK
If your website is slow it may not
rank as well as faster loading
websites in mobile search results.
MOBILE EXPERIENCE
Websites which are not optimised
for mobile will typically see lower
rankings for mobile search results.
HOW SLOW IS YOUR SITE?
Google Page Speed
testmysite.thinkwithgoogle.com
Pingdom Tools
tools.pingdom.com
Web Page Test
webpagetest.org
GT METRIX
gtmetrix.com
HOW TO IMPROVE THE
SPEED OF YOUR SITE
• Server side improvements - http/2, Gzip compression, CDN
• Content improvements - Minimise redirects, Reduce DNS lookups
• CSS, JS and images optimisation - Minify Javascript, CSS, HTML , Optimise images
Site speed optimisation techniques can be divided into three categories
Cloudflare - www.cloudflare.com
IN SUMMARY
• Mobile traffic has increased 10% in the past year to 34% of all web traffic
• Faster mobile sites can increase the conversion rate of your website by 27%
• If your website is slow it could appear lower in mobile SERP’s
• If you don’t have a mobile friendly website you could appear lower in mobile SERP’s
THANK YOU
atelierstudios.com
andy.clayton@atelier-studios.com
@iamandyclayton
@atelierstudios

More Related Content

What's hot

What is Usersnap
What is UsersnapWhat is Usersnap
What is Usersnap
Usersnap
 

What's hot (19)

A Humans First Approach to SEO and the Web
A Humans First Approach to SEO and the WebA Humans First Approach to SEO and the Web
A Humans First Approach to SEO and the Web
 
Adapt or Die: Designing for Google's Mobile First Index
Adapt or Die: Designing for Google's Mobile First IndexAdapt or Die: Designing for Google's Mobile First Index
Adapt or Die: Designing for Google's Mobile First Index
 
Avoid Responsive Web Design Mistakes
Avoid Responsive Web Design MistakesAvoid Responsive Web Design Mistakes
Avoid Responsive Web Design Mistakes
 
6 no cost steps to help achieve Google page 1 Ranking
6 no cost steps  to help achieve Google page 1 Ranking6 no cost steps  to help achieve Google page 1 Ranking
6 no cost steps to help achieve Google page 1 Ranking
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of Tomorrow
 
Google algorithm Updates-Latest Google SEO updates
Google algorithm Updates-Latest Google SEO updatesGoogle algorithm Updates-Latest Google SEO updates
Google algorithm Updates-Latest Google SEO updates
 
5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App5 Top Web Design and Development Tips for an Awesome Web App
5 Top Web Design and Development Tips for an Awesome Web App
 
State of Search 2017 - Cross Channel Marketing by John Leo Weber
State of Search 2017 - Cross Channel Marketing by John Leo WeberState of Search 2017 - Cross Channel Marketing by John Leo Weber
State of Search 2017 - Cross Channel Marketing by John Leo Weber
 
The Ultimate Guide to Optimizing Your WooCommerce Website
The Ultimate Guide to Optimizing Your WooCommerce WebsiteThe Ultimate Guide to Optimizing Your WooCommerce Website
The Ultimate Guide to Optimizing Your WooCommerce Website
 
What is Usersnap
What is UsersnapWhat is Usersnap
What is Usersnap
 
The New 2020 SEO Formula | Rainmaker For Contractors
The New 2020 SEO Formula | Rainmaker For ContractorsThe New 2020 SEO Formula | Rainmaker For Contractors
The New 2020 SEO Formula | Rainmaker For Contractors
 
What's New in SEO - June 2017
What's New in SEO - June 2017What's New in SEO - June 2017
What's New in SEO - June 2017
 
WordCamp NL 2016
WordCamp NL 2016WordCamp NL 2016
WordCamp NL 2016
 
The small nonprofit mobile website solution
The small nonprofit mobile website solutionThe small nonprofit mobile website solution
The small nonprofit mobile website solution
 
What is a website builder
What is a website builderWhat is a website builder
What is a website builder
 
Mobile site certification study jam
Mobile site certification study jam Mobile site certification study jam
Mobile site certification study jam
 
Google Mobile-Friendly Update
Google Mobile-Friendly UpdateGoogle Mobile-Friendly Update
Google Mobile-Friendly Update
 
April 2015 google mobile friendly webinar
April 2015 google mobile friendly webinarApril 2015 google mobile friendly webinar
April 2015 google mobile friendly webinar
 
Websites that Win: Refine Don't Redesign
Websites that Win: Refine Don't RedesignWebsites that Win: Refine Don't Redesign
Websites that Win: Refine Don't Redesign
 

Viewers also liked (7)

Comstasis
ComstasisComstasis
Comstasis
 
Book Of Hours
Book Of HoursBook Of Hours
Book Of Hours
 
Titanium meetuptokyo01
Titanium meetuptokyo01Titanium meetuptokyo01
Titanium meetuptokyo01
 
Major research presentation EOI Good
Major research presentation EOI GoodMajor research presentation EOI Good
Major research presentation EOI Good
 
Quentin Tarantino (Media Business)
Quentin Tarantino (Media Business)Quentin Tarantino (Media Business)
Quentin Tarantino (Media Business)
 
Major research presentation E.O.I.
Major research presentation E.O.I.Major research presentation E.O.I.
Major research presentation E.O.I.
 
Ti meetuplt20121217 配布用_denso
Ti meetuplt20121217 配布用_densoTi meetuplt20121217 配布用_denso
Ti meetuplt20121217 配布用_denso
 

Similar to Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages

A Designer's Guide to Web Performance
A Designer's Guide to Web PerformanceA Designer's Guide to Web Performance
A Designer's Guide to Web Performance
Kevin Mandeville
 
Digital gaming & gambling masterclass mobile seo
Digital gaming & gambling masterclass   mobile seoDigital gaming & gambling masterclass   mobile seo
Digital gaming & gambling masterclass mobile seo
Nick Garner
 

Similar to Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages (20)

Zecloud.com
Zecloud.comZecloud.com
Zecloud.com
 
Leveraging Website Speed to Increase Sales
Leveraging Website Speed to Increase SalesLeveraging Website Speed to Increase Sales
Leveraging Website Speed to Increase Sales
 
Website performance and an introduction to AMP
Website performance and an introduction to AMPWebsite performance and an introduction to AMP
Website performance and an introduction to AMP
 
SMC Presentations: 5 Star Secrets
SMC Presentations: 5 Star SecretsSMC Presentations: 5 Star Secrets
SMC Presentations: 5 Star Secrets
 
Web performance e-book
Web performance e-bookWeb performance e-book
Web performance e-book
 
Designers Guide to Web Performance Yotta 2013
Designers Guide to Web Performance Yotta 2013Designers Guide to Web Performance Yotta 2013
Designers Guide to Web Performance Yotta 2013
 
A Designer's Guide to Web Performance
A Designer's Guide to Web PerformanceA Designer's Guide to Web Performance
A Designer's Guide to Web Performance
 
Sample Whitepaper
Sample WhitepaperSample Whitepaper
Sample Whitepaper
 
Evolution & AMPlification of Mobile Search Marketing [Driving Traffic & Conve...
Evolution & AMPlification of Mobile Search Marketing [Driving Traffic & Conve...Evolution & AMPlification of Mobile Search Marketing [Driving Traffic & Conve...
Evolution & AMPlification of Mobile Search Marketing [Driving Traffic & Conve...
 
Responsive site
Responsive site Responsive site
Responsive site
 
Why responsive websites?
Why responsive websites?Why responsive websites?
Why responsive websites?
 
The Need For Speed - SEO Tips for a Faster Experience
The Need For Speed - SEO Tips for a Faster ExperienceThe Need For Speed - SEO Tips for a Faster Experience
The Need For Speed - SEO Tips for a Faster Experience
 
Optimizing Websites for Great User Experiences and Increased Conversions
Optimizing Websites for Great User Experiences and Increased ConversionsOptimizing Websites for Great User Experiences and Increased Conversions
Optimizing Websites for Great User Experiences and Increased Conversions
 
Learn SEO 2019 (Updated)
Learn SEO 2019 (Updated)Learn SEO 2019 (Updated)
Learn SEO 2019 (Updated)
 
Digital gaming & gambling masterclass mobile seo
Digital gaming & gambling masterclass   mobile seoDigital gaming & gambling masterclass   mobile seo
Digital gaming & gambling masterclass mobile seo
 
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
How slow load times hurt UX (and what you can do about it) [FluentConf 2016]
 
Fast Websites Matter for Small Business
Fast Websites Matter for Small BusinessFast Websites Matter for Small Business
Fast Websites Matter for Small Business
 
Poslovni Imenik BiH - Lokal d.o.o.
Poslovni Imenik BiH - Lokal d.o.o.Poslovni Imenik BiH - Lokal d.o.o.
Poslovni Imenik BiH - Lokal d.o.o.
 
Climbing to the Top of Google in 2017
Climbing to the Top of Google in 2017Climbing to the Top of Google in 2017
Climbing to the Top of Google in 2017
 
Benefits of responsive web design
Benefits of responsive web designBenefits of responsive web design
Benefits of responsive web design
 

Recently uploaded

Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Monica Sydney
 
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
ydyuyu
 
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdfpdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
JOHNBEBONYAP1
 
75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx
Asmae Rabhi
 
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
ayvbos
 
PowerDirector Explination Process...pptx
PowerDirector Explination Process...pptxPowerDirector Explination Process...pptx
PowerDirector Explination Process...pptx
galaxypingy
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
ydyuyu
 
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
ayvbos
 
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
gajnagarg
 

Recently uploaded (20)

Vip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac Room
Vip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac RoomVip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac Room
Vip Firozabad Phone 8250092165 Escorts Service At 6k To 30k Along With Ac Room
 
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi EscortsIndian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
Indian Escort in Abu DHabi 0508644382 Abu Dhabi Escorts
 
20240507 QFM013 Machine Intelligence Reading List April 2024.pdf
20240507 QFM013 Machine Intelligence Reading List April 2024.pdf20240507 QFM013 Machine Intelligence Reading List April 2024.pdf
20240507 QFM013 Machine Intelligence Reading List April 2024.pdf
 
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
原版制作美国爱荷华大学毕业证(iowa毕业证书)学位证网上存档可查
 
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
2nd Solid Symposium: Solid Pods vs Personal Knowledge Graphs
 
"Boost Your Digital Presence: Partner with a Leading SEO Agency"
"Boost Your Digital Presence: Partner with a Leading SEO Agency""Boost Your Digital Presence: Partner with a Leading SEO Agency"
"Boost Your Digital Presence: Partner with a Leading SEO Agency"
 
APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53APNIC Updates presented by Paul Wilson at ARIN 53
APNIC Updates presented by Paul Wilson at ARIN 53
 
Power point inglese - educazione civica di Nuria Iuzzolino
Power point inglese - educazione civica di Nuria IuzzolinoPower point inglese - educazione civica di Nuria Iuzzolino
Power point inglese - educazione civica di Nuria Iuzzolino
 
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdfpdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
pdfcoffee.com_business-ethics-q3m7-pdf-free.pdf
 
Best SEO Services Company in Dallas | Best SEO Agency Dallas
Best SEO Services Company in Dallas | Best SEO Agency DallasBest SEO Services Company in Dallas | Best SEO Agency Dallas
Best SEO Services Company in Dallas | Best SEO Agency Dallas
 
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
best call girls in Hyderabad Finest Escorts Service 📞 9352988975 📞 Available ...
 
75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx75539-Cyber Security Challenges PPT.pptx
75539-Cyber Security Challenges PPT.pptx
 
Real Men Wear Diapers T Shirts sweatshirt
Real Men Wear Diapers T Shirts sweatshirtReal Men Wear Diapers T Shirts sweatshirt
Real Men Wear Diapers T Shirts sweatshirt
 
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
一比一原版(Flinders毕业证书)弗林德斯大学毕业证原件一模一样
 
PowerDirector Explination Process...pptx
PowerDirector Explination Process...pptxPowerDirector Explination Process...pptx
PowerDirector Explination Process...pptx
 
Meaning of On page SEO & its process in detail.
Meaning of On page SEO & its process in detail.Meaning of On page SEO & its process in detail.
Meaning of On page SEO & its process in detail.
 
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
哪里办理美国迈阿密大学毕业证(本硕)umiami在读证明存档可查
 
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
一比一原版(Curtin毕业证书)科廷大学毕业证原件一模一样
 
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
Top profile Call Girls In Dindigul [ 7014168258 ] Call Me For Genuine Models ...
 
20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf20240508 QFM014 Elixir Reading List April 2024.pdf
20240508 QFM014 Elixir Reading List April 2024.pdf
 

Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages

Editor's Notes

  1. Hi everyone, as Robert mentioned I’ll be covering why having a fast mobile website is important to your business, the problems you may encounter from a slow loading site and some tips to help improve your site speed.
  2. We all know mobile is important these days but have you considered how long your site takes to load for mobile users, your customers could be left waiting around and a large percentage of visitors to your site could be leaving. If your website isn’t mobile responsive you may have an even bigger problem for a number of reasons which we’ll run through.
  3. So we know mobile is important, looking at the latest stats from Stat Counter we can see mobile traffic has grown 10% in the past year in the UK, whilst desktop usage has dropped 10% over the same period. This highights the growing importance of mobile with on average 34% of sessions coming from mobile users. Your own stats may be even higher than this dependant on sector. More than half of Google searches now start on mobile.
  4. One of the main considerations for users on mobile devices which you have no control over is network speed. Unlike desktop users mobile users don’t always have a high speed connection so your site could take a lot longer to load. As you can see from these average connection speeds there is huge difference between a good 4G connection and a bad GPRS connection which needs to be considered when you think an average web page in 2016 is between 2mb - 4mb. To give you an idea on the right hand side of the chart you can see the time it would take to download a 2mb webpage using each network connection. According to recent research, 40% of consumers will leave a page that takes longer than three seconds to load. Three seconds is not a very long time Although 4G adoption has more than doubled in the last year, coverage isn’t widespread and in some cases users don’t even achieve a 3G connection so we must still consider users with GPRS and EDGE connections for a while to come. Which you can see does pose certain challenges
  5. Theres no doubt about it a fast loading mobile site is better for your customers. Pages that take a longer time to load will frustrate your users potentially abandoning your site resulting in higher bounce rates, lower average time on page and lower conversion rates as there are less visitors to your site. If your bounce rate is above 60% this is something that you should look into.
  6. To illustrate this a recent study on a leading online retailer with a significant amount of mobile traffic found that mobile pages that loaded in over 4 seconds had half the amount of conversions than those that loaded in just over 2 seconds
  7. Looking at bounce rate across you can see the faster the load time the lower the bounce rate… the bounce rates steadily increasing with longer load times.
  8. Having a slow mobile site or no mobile site not only impacts your users but it also has a negative affects on your SEO
  9. Website speed is a factor within Google’s ranking algorithm. This means if your website is slow it may not rank as well as faster loading websites in mobile search results.
  10. Its also worth noting that since April 2015 mobile responsiveness became a ranking factor for mobile search results. In May 2016 Google rolled out an update to its algorithm that further increased ranking results for mobile-friendly sites. Websites which are not optimised for mobile traffic (i.e. responsiveness or dedicated mobile site) will typically see lower rankings for mobile search results.
  11. So how do you know how slow your site is? Lets take a look at a few free to use tools you can use to determine your page speed
  12. Google page speed is probably the easiest tool to use and gives you a clear breakdown of how your site scores Mobile-friendliness: This looks at the the quality of the experience customers have when they’re browsing your site on their phones. Mobile speed: This is how long it takes your site to load on mobile devices. Desktop speed: This is how long it takes your site to load on desktop computers.
  13. Pingdom lets you identify what about a web page is fast, slow, too big, what best practices you’re not following, and so on. Its slightly more technical compared to Google page speed but is very useful for identifying particular issues.
  14. Others https://gtmetrix.com/ - Analyze your page with Google PageSpeed and Yahoo! YSlow rulesets http://www.webpagetest.org/ - Multiple geographic locations (ideally this choice should be made based on your users’ most common locations) Different browsers Different connection types Mobile devices JavaScript enabled/disabled clients
  15. So we’ve looked at the importance of page speed and how to identify if you have a slow loading site. Most of the tools mentioned previously will even be able to identify particular areas for improvement. So I’ll quickly run through some of these to give you a top level understanding of what they are. If you are using a CMS like Wordpress there are various plugins that will handle some of the optimisations for you.
  16. So we’ve looked at the importance of page speed and how to identify if you have a slow loading site. Most of the tools mentioned previously will even be able to identify particular areas for improvement. So I’ll quickly run through some of these to give you a top level understanding of what they are. If you are using a CMS like Wordpress there are various plugins that will handle some of the optimisations for you.