ABCDEFGHIJKLMNOPQRSTUVWXYZAAABACADAEAF
1
Area of Impact
Metric of Impact
RecommendationRecommendation DetailsImpactConfidenceEaseTotal ScoreRationaleHow to ResolveResolved?Implementation DateImplementation notes
2
The area of impact is the broad area that this recommendation targets.The metric of impact is the metric you will potentially be impacting after the implementation of this recommendationThe recommendation is a description of the taskA bit more details and context to the provided recommendation.if this works, how big is the impact?how likely is this to succeed?how much resource will this take?
💡Involve your devsfor this and consider the site's CMS to determine this score effectively.		High is good, low is bad. Score averages the ICE scores and ranks these tactics highest to lowest to prioritize what to do next.
💡 You would need to determine the ICE scores, based on the audit, as well as the severity of the issues observed. 		Why should this advice be implemented?Include here any CMS, website, or theme/template-specific reccommendations about how to resolve the issue.Yes / No (tick the box)insert the date of the implementation here. Share any details about which of the recommended actions or tactics were implemented. Were there any challenges in the implementation?
3
Image optimizationLCP, FIDImplement lazy-loadingDeferring offscreen images (or lazy-loading) refers to the practice of delaying the loading of images that aren’t in your visitors’ viewport until they are needed. This includes delaying the loading of images that appear below the fold on the page.0000Implementing lazy loading will defer off-screen page elements until after render - this can help ensure a page loads quickly for a user and contributes to a positive LCP Core Web Vitals score
4
LCP, FIDOptimize the size of existing images and media.Serve images that are appropriately sized to save cellular data and improve load time.0000Optimising images will likely lead to quick gains in site performance and better UX.
5
LCP, FIDImplement Future-proof image optimization best practicesUsing image CDNs
Serving responsive images
Serving images with correct dimensions
Using WebP images		0000This can help improve page loading speed whilst keeping the image quality.
6
Server response time TTFBConfigure server settingsCheck out the documentation of your webserver to find information about whether there can be any adjustments made to the webserver configuration, which can improve its performance.0000Keep the server response time for the main document short because all other requests depend on it.
7
TTFBOptimize resources to lower server response time.Optimize your images, combine your resources, and enable compression since smaller files are recommended when it comes to lowering SRTs.0000Using a optimised CDN structure can assist not only with speed but also (depending on the CDN chosen) with the issues with missing captions on images. In addtion, this can dramatically improve speed when server-related optimisations are implemented.
8
RenderingLCP, FIDOptimize resources on the pageInvestigate the page template used with the aim of optimizing resource consumption of web files, such as JavaScript, CSS, fonts, and page text.0000If LCP issues are prominent, recolving this will likely lead to quick gains in site performance and better UX. Ensuring only nessecary CSS and JS is loaded on render will drastically reduce the size of each page - therefore improving load time.
9
JavaScript and CSS optimizationLCP, FIDRemove unused JS and CSSInvestigate the web template, used across the different site subdomains and remove unused JS/CSS, minify JS, whenever possible.
By removing unused JavaScript, you can reduce bytes, consumed by network activity.		0000Delivering smaller JS payload will help minimizing main-thread work and improve load speed.
10
LCP, FIDMinify JS and CSSMinification is the process of minimizing code and markup in your web pages and script files0000This reduces load time and bandwidth usage on the site. As a result, it helps boost speed and accessibility.
11
Visual stabilityCLSUse Height & Width Attributes on ResourcesAll images, ads, videos, and iframes should have defined <height> and <width> attributes. This will ensure that pages load with the appropriate spacing for these resources, rather than shift other content as they are added.0000Setting height and width dimensions for all contnent on the site ensures that the browser can allocate the correct amount of space in the document while the image is loading.

12
CLSPre-load important linksTurn on the preload important links by default setting. 
Preloading key requests instructs browsers to download your critical resources as soon as possible.		0000A benefit of specifying preload in the HTTP Header is that the browser doesn't need to parse the document to discover it, which can offer small improvements in some cases.
13
CLSLoad Content DownwardsPrioritize page load from top to bottom so content isn't added above and pushes other assets downwards - this is commonly seen with cookie banners.0000Have the user initiate the load of new content, so they are not surprised by the shift (for example with a "Load more" or "Refresh" button). It's recommended to prefetch the content before the user interaction so that it shows up immediately.
14
CLSEnsure Custom Fonts Aren’t Causing FOIT/FOUTIf custom fonts are applied late in a page load, this can cause text to flash as it's replaced (FOUT), or invisible text is displayed until the custom font is rendered (FOIT). Ideally, any custom fonts would be preloaded to ensure they are applied to text as it's added to the page.0000This can reduce layout shifts caused by the font load.
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100