This is a technology stack agnostic checklist and therefore it does not care about what framework you decide to use.
Frontend is extremely complicated. There are (too) many topics to cover for a single person as part of a development team. This checklist helps reducing the failure by compensating for potential limits and human memory and attention. It helps to ensure consistency and completeness.
- Viewport meta tag is declared correctly
<meta name="viewport" content="width=device-width, initial-scale=1"> - Language attribute
<html lang="en"> - Favicon is set and displayed correctly
- Title is used on all pages
- Description meta tag is used on all pages and unique for each page
- WebP is used to transform images to reduce filesize
- CDN is used to transform, optimize and deliver images
- Responsive images are served and use srcset and sizes attributes to serve images to different display densities
- Dimensions (height and width attributes) are set on images to improve page load time
- Imagemin is used to compress images
- GIF's are replaced by video for faster page loads
- Lazy-loading is done for all applicable image
- Minification is done for all files
- Minification is done for all files
This project is licensed under the MIT License - see the LICENSE file for details