TerribleDev/WebPerformanceChecklist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Images

Browse Source
This commit is contained in:
Tommy Parnell
2019-02-20 11:03:10 -05:00
committed by GitHub
parent 32f4b3f380
commit 791cd10269
1 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
README.md
View File

@@ -12,6 +12,18 @@ A checklist to make sure you website will be fast!
- [ ] `<script async src="https://hi.js"></script>` - [ ] `<script async src="https://hi.js"></script>`
- [ ] or `defer` when scripts have dependencies - [ ] 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 `<picture>` element to let the browser select the right image for a scenario
- [ ] Lazy load images below the fold
## Fonts ## Fonts
- [ ] Fonts should always load `woff2` first - [ ] Fonts should always load `woff2` first
@@ -58,6 +70,7 @@ A checklist to make sure you website will be fast!
- [ ] Support Brotli compression - [ ] Support Brotli compression
- [ ] 15-30% smaller than gzip - [ ] 15-30% smaller than gzip
- [ ] Compress with gzip, or zopfli as a fallback to brotli - [ ] Compress with gzip, or zopfli as a fallback to brotli
- [ ] Do not ship unused css, js
## PWA ## PWA
- [ ] Use a service worker to cache assets - [ ] Use a service worker to cache assets