A quick overview of basic performance metrics and solutions to make websites more performant.

Go fullscreen: ⌃⌥F

Performance

Slow websites suck.

Why performance matters

  1. We all hate waiting for websites
  2. People don’t purchase from slow websites
    Amazon has done lots of studies on this
  3. Mobile networks are unreliable
    In many countries mobile is the only web access
  4. Google takes speed into account when ranking

and more…

Tools to check performance

Even Markbot

Basic techniques

  • Use as few images as possible
  • Properly export, compress & smush images
  • Use as few fonts as possible (none is ideal)
  • Remove duplicate code
  • Fix broken links which make websites slower
  • Remove social media buttons and stick to simple icons
  • Remove ads and tracking scripts

Have a performance budget

Think about the slowest you want your website to be and come up with restrictions

Here’s an example:

  • Max. load time: < 1000 ms
  • Max. requests: 15 (CSS, fonts, images, etc.)
  • Max. download size: 800 kB
Start

A quick overview of basic performance metrics and solutions to make websites more performant.