Performace_issuse_peertechzpublications
Performace_issuse_peertechzpublications
No Issuse
1 Avoid large layout shifts
2 Minimize main-thread work
3 Reduce the impact of third-party code
4 Avoid an excessive DOM size
5 Reduce unused JavaScript
6 Minify JavaScript
7 Serve images in next-gen formats
8 Largest Contentful Paint element
9 Eliminate render-blocking resources
10 Reduce unused CSS
11 Preload Largest Contentful Paint image
12 Image elements do not have explicit width and height
13 Enable text compression
14 Serve static assets with an efficient cache policy
15 Ensure text remains visible during webfont load
16 Does not use passive listeners to improve scrolling performance
17 Properly size images
18 Defer offscreen images
19 Efficiently encode images
20 Avoid serving legacy JavaScript to modern browsers
21 Avoid enormous network payloads
22
Reson
These are the largest layout shifts observed on the page. Each table item represents a single layout shift, and shows the element th
Consider reducing the time spent parsing, compiling and executing JS. You may find delivering smaller JS payloads helps with this. L
Third-party code can significantly impact load performance. Limit the number of redundant third-party providers and try t
A large DOM will increase memory usage, cause longer style calculations, and produce costly layout reflows
Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn
Minifying JavaScript files can reduce payload sizes and script parse time.
Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster download
This is the largest contentful element painted within the viewport.
Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critic
Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed
If the LCP element is dynamically added to the page, you should preload the image in order to improve LCP.
Set an explicit width and height on image elements to reduce layout shifts and improve CLS
Text-based resources should be served with compression (gzip, deflate or brotli) to minimize total network bytes.
A long cache lifetime can speed up repeat visits to your page.
Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading
Consider marking your touch and wheel event listeners as passive to improve your page's scroll performance
Serve images that are appropriately-sized to save cellular data and improve load time.
Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to inte
Optimized images load faster and consume less cellular data.
Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for m
Large network payloads cost users real money and are highly correlated with long load times.
t shift, and shows the element that shifted the most. Below each item are possible root causes that led to the layout shift. Some of these layout shifts m
ller JS payloads helps with this. Learn how to minimize main-thread work
third-party providers and try to load third-party code after your page has primarily finished loading
layout reflows. Learn how to avoid an excessive DOM size
umed by network activity. Learn how to reduce unused JavaScript.
scroll performance