Coder Social home page Coder Social logo

2s's Introduction

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

2s's People

Contributors

tharunoptimus avatar tharunoptimus-pd avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.