18. Type Size (kB)
Images 1426
Scripts 357
Video 174
Fonts 123
Stylesheets 76
HTML 67
Other 4
Total 2232 kB
THE AVERAGE WEB SITE DOESN’T LOOK FIT…
http://www.httparchive.org/interesting.php#bytesperpage
19. 1426 KB OF
IMAGES…
• Wrong file formats
• Delivering scaled hi-res
images to everybody
• No automatic conversion and
optimisation steps
• Hero image instead of text
content
20. 357KB OF SCRIPTS
• Starting with libraries because
of browsers that are dead and
we don’t even bother to test
on.
• Using frameworks built for
complex forms to create static
web sites.
• Using scripts to create fixed
layouts dependent on screen
resolution
• Social media buttons and
tracking
21. 174KB OF VIDEO
• Background video without
testing the connection or
resolution
• Autostart instead of on-
demand loading
• Mood reel instead of simple
text explanations (I blame
kickstarter)
22. 123KB OF FONTS
• Using a whole font when a
few characters are enough
• Icon fonts instead of inline
SVG
• Sending desktop fonts to
mobile devices
30. PRACTICE FEATURE
DETECTION INSTEAD
OF PRETENDING TO FIX
BROWSERS…
if (thing) {
dothing();
}
if (!thing) {
// you probably don’t
// need thing, stop
// shoe-horning it in.
}
47. IT IS ABOUT WHO PERFORMS BEST, IS
MOST ACCESSIBLE AND IS USABLE BY
ALL KIND OF PEOPLE - NOT THE ONES
WHO ARE ALREADY BORED OF IT…
48. A CHECKLIST FOR 2016:
• Assume capable browsers -
stop trying to detect them
• Cut down as much as you can
• Use cloud services and
automation to optimise your
content - don’t rely on
maintainers
• Leverage new tech like
service workers
• Stop pretending everything is
an iPad.