Guides
chriserb614
Make your site faster
-
TTF, OTF, WOFF and WOFF2: web font formats explained
TTF and OTF are desktop font files, and WOFF2 is the one to put on your website. Here’s what each format is, and how to convert between them.
-
WebP vs AVIF vs JPEG: which image format to use
AVIF is usually smallest, WebP is the safe middle ground and JPEG still works everywhere. Here’s when to use each, and where JPEG XL fits now.
-
Which favicon sizes do you actually need?
Most favicon guides list a dozen sizes you no longer need. Six files cover every browser and phone today. Here’s what each one does.
-
How to optimize SVGs exported from Figma or Illustrator
Design tools save SVGs full of things browsers don’t need. Here are the export settings to use in Figma and Illustrator, and how to clean up what’s left.
-
srcset and sizes explained, with examples
srcset lists the image files you have, and sizes says how wide the image will display. Get both right and every screen downloads the smallest sharp file.
-
How to self-host Google Fonts
Serving fonts from your own server is often faster, and it keeps visitor IP addresses away from Google. Here’s how to do it, including on WordPress.
-
How to fix “Improve image delivery” in PageSpeed Insights
PageSpeed Insights merged its old image warnings into one insight. Here’s what Improve image delivery measures, and how to fix each image it flags.