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

The 12MB Web Page: A tale of perfect PageSpeed ...

The 12MB Web Page: A tale of perfect PageSpeed scores & developer happiness

Quick little talk I did at an Envato Code Party on May 9 2016.

Ben Smithett

May 09, 2016
Tweet

More Decks by Ben Smithett

Other Decks in Technology

Transcript

  1. Web pages are pretty fast by default! They only get

    slow when we add “clever” cruft
  2. The challenge: Can I make a blazing fast, image- heavy

    web page without resorting to lots of hacks & workarounds
  3. Don’t make the browser spinner lie. When the page says

    it’s done loading, it’s really done!
  4. Widescreen + Retina: 11.1MB Tablet + Retina: 9.8MB Phone +

    Retina: 8.7MB Widescreen: 7.8MB Tablet: 6.5MB Phone: 1.7MB
  5. The tooling: • React (no client side!) • Webpack +

    static-site-generator-webpack-plugin • Sass • CSS Modules