DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton...

17
Need for Speed #Mobile WEB DESIGN | SEO | PPC | SOCIAL Andy Clayton Lead Designer - Atelier

Transcript of DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton...

Page 1: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

Need for Speed #Mobile

WEB DESIGN | SEO | PPC | SOCIAL

Andy ClaytonLead Designer - Atelier

Page 2: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

ARE YOU LOSINGCUSTOMERS?

40% of users will leave a page that takes longer than three seconds to load.

Page 3: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

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.

Page 4: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

NETWORK SPEED

Page 5: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

THE CONSEQUENCESOF A SLOW SITE

Page 6: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

Mobile pages that are 1 second faster had a 27% increase in conversion rate

Page 7: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

Slow sites typically experience an increased bounce rate

Page 8: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

WHAT ABOUT SEO?

Page 9: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

RANK

If your website is slow it may not rank as well as faster loading websites in mobile search results.

Page 10: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

MOBILE EXPERIENCE

Websites which are not optimised for mobile will typically see lower rankings for mobile search results.

Page 11: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

HOW SLOW IS YOUR SITE?

Page 12: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

Google Page Speed testmysite.thinkwithgoogle.com

Page 13: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

Pingdom Tools tools.pingdom.com

Page 14: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

Web Page Test webpagetest.org

GT METRIX gtmetrix.com

Page 15: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

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

Page 16: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

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

Page 17: DMSSO 2016 - Need for Speed #Mobile: Importance of Speed and Responsive Mobile pages by Andy Clayton @Atelier Studios

THANK YOU

atelierstudios.com

[email protected]@iamandyclayton

@atelierstudios