From 791cd10269e6df596a96d6a31f95215c18e2af44 Mon Sep 17 00:00:00 2001 From: Tommy Parnell Date: Wed, 20 Feb 2019 11:03:10 -0500 Subject: [PATCH] Images --- README.md | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/README.md b/README.md index c0c21a5..dbf3ce2 100644 --- a/README.md +++ b/README.md @@ -12,6 +12,18 @@ A checklist to make sure you website will be fast! - [ ] `` - [ ] or `defer` when scripts have dependencies +## Images + +- [ ] Always use next gen formats + - [ ] webp + - [ ] jpeg xr + - [ ] jpeg 2000 +- [ ] Always use jpg for photography +- [ ] Size images properly +- [ ] Use srcsets for multiple image sizes +- [ ] Use the `` element to let the browser select the right image for a scenario +- [ ] Lazy load images below the fold + ## Fonts - [ ] Fonts should always load `woff2` first @@ -58,6 +70,7 @@ A checklist to make sure you website will be fast! - [ ] Support Brotli compression - [ ] 15-30% smaller than gzip - [ ] Compress with gzip, or zopfli as a fallback to brotli +- [ ] Do not ship unused css, js ## PWA - [ ] Use a service worker to cache assets