Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Improving Web Performance in a Mobile World

Improving Web Performance in a Mobile World

Mobile usage has grown by leaps and bounds over the last decade, and not just for entertainment. Financial decisions are being made using mobile devices, and if your website is slow, it can influence how users perceive your brand.

Presented at the following conferences:
- 2017 Digital Summit Detroit
- 2018 AAF Michiana
- 2019 Huddle Conference

Erik Runyon

July 19, 2019

More Decks by Erik Runyon

Other Decks in Programming


  1. !

  2. Hero Videos AKA Full width background videos AKA WHEEE just

    bought a drone!!! @erunyon #NDHuddle2019
  3. B I N G O Drone footage Students walking Statues

    Marching Band Free Students researching SPORTS!!! Students having fun Graduation
  4. Yeah, but your marketers were so preoccupied with whether or

    not they could, they didn't stop to think if they should.
  5. Progressive Web Apps? https://developers.google.com/web/progressive-web-apps/ Websites that use newer web technology

    to deliver an app-like experience including saving to home screen and running offline.
  6. Advantages of PWA https://developers.google.com/web/progressive-web-apps/ App install banners Function offline Push

    Notifications Functions like an app Typically smaller than native Fast installation One code-base No app store submissions Instant updates Can be found via Search
  7. MakeMyTrip’s PWA saw a 3× increase in conversion and 160%

    increase in shopper sessions. Pages are 38% faster. First-time shoppers are 3× more likely to convert on the PWA than in native app. https://developers.google.com/web/showcase/2017/make-my-trip
  8. The Weather Channel saw an 80% improvement in load time

    after shipping Progressive Web Apps in 62 languages to 178 countries. https://developers.google.com/web/showcase/2016/weather-channel
  9. Forbes’ saw 2× increase in average user session length, 6×

    completion rate, and 20% more impressions. Loads in 0.8s down from 3 to 12s. http://www.niemanlab.org/2017/03/forbes-rebuilt-its-new-mobile-website-as-a-progressive-web-app/
  10. Prospective students use their smartphones to complete and submit online

    forms. This year, 53% of seniors (vs. 37% in 2018) have used their mobile phone to complete a RFI form, 35% (vs. 33%) a cost calculator and an admissions application (vs. 23%)! higheredexperts.com/edu/2019/07/09/top-highered-websites-insights-from-the-2019-e-expectations-survey-exclusive/
  11. Showing You Stories That Link to Faster Loading Webpages “If

    signals indicate the webpage will load quickly, the link to that webpage might appear higher in your feed.” “Webpages that are particularly slow could see decreases in referral traffic.” https://newsroom.fb.com/news/2017/08/news-feed-fyi-showing-you-stories-that-link-to-faster-loading-webpages/ ȍ
  12. Page Weight Matters “…there was a disproportionate increase in traffic

    from places like Southeast Asia, South America, Africa, and even remote regions of Siberia.” “By keeping your client side code small and lightweight, you can literally open your product up to new markets.” http://blog.chriszacharias.com/page-weight-matters
  13. Be part of the solution, not the problem. Be faster

    than your “competition”. Advocate for a better user experience. @erunyon #NDHuddle2019