Luke Hansford

W
e
b
p
e
r
f
o
r
m
a
n
c
e

Web performance

🌱 Seedling1 min read

These are a number of different techniques and ideas for increasing the performance of web apps and sites that I've come across in my work.

General

  • Use the coverage tool in Chrome to identify how much CSS/JS is not being used. 1

Fonts

  • Serve from the same domain as the website. 1

Images

  • All images should have height and width. Doesn't need to be exact, but they should have the right aspect ratio. In CSS set the width to 100% and height to auto. 1

References

  1. Top 10 performance pitfalls - HTTP 203 2 3

Webmentions

No one has interacted with this page yet.