Tool · A few minutes per image

Squoosh

Google Chrome Labs Free Beginner

Images are the single biggest reason landing pages crawl on a slow 4G connection, and Squoosh fixes that in your browser with nothing to install. You drag in a photo, convert it to WebP, and watch the file size drop with a live before and after comparison, often from over a megabyte down to under 100 KB. Everything runs locally on your device, so nothing gets uploaded anywhere.

  • Convert hero and product images to WebP, it is usually 25 to 35 percent smaller than JPEG at the same quality.
  • Use the split-screen preview to push compression until you can just start to see quality loss, then back off one notch.
  • Resize the image to the size it is actually displayed at, a 4000px photo shown at 800px is pure wasted bandwidth.
Open on squoosh.app ↗

It answers 2 questions

  1. How do I make my landing page load fast on a slow 4G phone in India?
  2. How do I design for users in India who are on cheap Android phones and slow, patchy internet?

Read with it

  1. This is Google's own field research on building for people coming online in markets like India, and it names the exact... Google Design Article · ~12 min read Connectivity, Culture, and Credit: Designing for the Next Billion Users Google Design (Next Billion Users team)
  2. You cannot fix what you never feel, and most of us build on fast laptops and office wifi. This is the official doc for... Chrome for Developers Tool · Reference doc, ~10 min to try Throttling (Network and CPU) in Chrome DevTools Chrome DevTools team, Google
  3. Video · About 40 minutes Challenges and learnings of building for the next billion users (Google I/O '18) Google (Next Billion Users team: Nithya Sambasivan, Josh Woodward and colleagues)
  4. This is the standard free tool for measuring how your page actually performs, and it defaults to a mobile view, which is... Google (web.dev) Tool · A test runs in under a minute per URL PageSpeed Insights Google
  5. This is Google's own practical playbook for speeding up pages, organized by exactly the things that hurt on a slow connection:... web.dev Article · A hub of short articles, pick the ones you need Fast load times Google (web.dev)
  6. Flipkart serves exactly your users, many on 2G in smaller Indian cities, and this case study shows a fast mobile web app... web.dev (Google) Article Flipkart triples time-on-site with a Progressive Web App web.dev (Google)
eChai Partner Brands The partnership →