| A | B | C | D | E | F | G | H | I | J | |
|---|---|---|---|---|---|---|---|---|---|---|
1 |  | |||||||||
2 | ||||||||||
3 | Affected Metric | Area | Recommendation | Details | Site Sections Affected | Comments | Priority | Effort | Status | Owner |
4 | LCP - Largest Contentful Paint | Image optimisation | Serve Images in next-gen formats | Next-gen formats such as AVIF and WebP guarantee superior compression and quality characteristics compared to JPEG or PNG. Important: check browser compatibility and establish a fallback format. | E.g. category pages, product pages, blog, homepage, sitewide | General Comments by the team | High | High | Completed | E.g developer, SEO Manager, Development Agency, Marketing Team |
5 | Properly size images | Ensure you're serving images that are properly sized and don't waste any cellular data. Serve responsive images or use a CDN. | Medium | Medium | In Progress | |||||
6 | Efficiently encode images | Compress images, use lazy loading, and serve images with correct dimensions. | Low | Low | Not Started | |||||
7 | Avoid enormous network payloads | Reduce the total size of the resources requested by your URL. | ||||||||
8 | Code/Javascript Optimisations | Eliminate render-blocking resources | Reduce first paint by inlining critical resources or deferring non-critical resources. | |||||||
9 | Reduce Unused Javascript | JavaScript competes for bandwith with other resources. Clean your page from unused JS | ||||||||
10 | Reduce Unused CSS | Remove unused CSS and reduce unnecessary bytes consumed by network activities | ||||||||
11 | Minify JavaScript | Minifying JavaScript can reduce payload and parse time | ||||||||
12 | Minify CSS | Minifying CSS can reduce payload size | ||||||||
13 | Text Visibility | Ensure text remains visible during webfont load | Fonts are large files that can take time to load. Make sure text remains visible. | |||||||
14 | FID - First Input Delay | Third-party Code | Reduce the impact of third-party code | Third-party code can increase load time. Make sure there is no redundanct third-party code, and load it after the page has primarily finished loading it where possible. | ||||||
15 | JavaScript Execution | Minimize main-thread work | Try to keep main thread work low, freeing the renderer as soon as possible and keeping the main thread under 4 seconds during load | |||||||
16 | Remove duplicate modules in JavaScript bundles | Remove duplicate JS modules and reduce unnecessary bytes to be downloaded | ||||||||
17 | Reduce JavaScript Execution time | Try to deliver smaller JS payloads and reduce the time spent parsing, compiling and executing JS | ||||||||
18 | DOM | Avoid an excessive DOM size | Large DOM trees can slow page performance and increase memory usage, cause longer style calculation. Try to keep it small | |||||||
19 | CLS - Cumulative Layout Shift | Images | Image elements do not have explicit width and height | Set an explicit width and height on image elements to reduce layout shifts and improve CLS |