Skip to content

tharunoptimus/2s

Repository files navigation

Things to consider from Light House

  • 75% of global mobile users were on 2G and 3G as of 2016 (Source: GSMA Mobile)
  • 1MB takes minimum of 5 seconds to download on a typical 3G connection. (Source: WebPageTest & DevTools 3D definition)
  • 19 seconds is the average time a mobile web page takes to load on a 3G connection. (Source: Google DoubleClick blog)
  • 70% of mobile pages take nearly 7 seconds for visual content above the fold to display on the screen. (Source: Think with Google)
  • As the number of elements on a page increases from 400 to 6000 the probability of conversion drops 95%. (Source Think with Google)
  • Site takes >1 sec to become interactive, users lose attention, and their perception of completing the page task is broken. (Source: Google Developers Blog)
  • As page load time increases from 1 sec to 7 secs, the probably of mobile site visitor bouncing increased 113%. (Source: Think with Google)
  • Walmart saw 1% increase in revenue for every 100ms improvement in page load. (Source: WPO Stats)
  • Rebuilding Pinterest pages for performance increased conversion rates by 15%. (Source: WPO Stats)
  • By reducing the response size of JSON needed for displaying comments, Instagram saw increased impressions (Source: WPO Stats)

Why is there a need?

19 seconds is the average time a mobile web page takes to load on a 3G connection. This causes the page's bounce rate to increase exponentially. Conversion probability drops by more than 60% if they didn't wait for those seconds as people are used to working with apps that are instant.

To solve this, we embark on this mission to make every page we develop, load in <2 seconds with progressive enhancements, with no compromise in accessibility, reliability or appearance.

The Mission

All pages load in less than 2 seconds on all devices consistently

This Project uses HTML5, CSS3 and Vannila JS and some WebP Images and SVGs. Hosted on Cloudflare Pages

PS: This page loads fully with a speed index of 0.4 seconds and takes 0.3 seconds to interact.

The screenshots were taken with the Dev Tools with screen width 1128px x 753.60px