Executive Summary

Performance

Score: 100/100

Excellent result in this category.

Among the detected issues:

• Stylesheets are unminified, impacting load time.
• There are resources blocking the initial render; inline or defer them.
• Scripts are unminified, increasing payload size.
• Server response time is slow (TTFB).
• Text compression (gzip, brotli) not enabled.
• Unused JavaScript detected.
• Some CSS rules are unused.
• Images are not compressed/optimized, affecting load times.

Accessibility

Score: 80/100

Good overall performance; minor tweaks possible.

Best Practices

Score: 67/100

Limited performance; optimisation needed.

Among the detected issues:

• Missing adequate CSP headers against XSS.

SEO

Score: 92/100

Excellent result in this category.

Technical Analysis

Opportunities

Minify CSS

• Description: Minifying CSS files can reduce network payload sizes. Learn how to minify CSS.

Eliminate render-blocking resources

• Description: Resources are blocking the first paint of your page. Consider delivering critical JS/CSS inline and deferring all non-critical JS/styles. Learn how to eliminate render-blocking resources.

Minify JavaScript

• Description: Minifying JavaScript files can reduce payload sizes and script parse time. Learn how to minify JavaScript.

Initial server response time was short

• Description: Keep the server response time for the main document short because all other requests depend on it. Learn more about the Time to First Byte metric.
• Potential Savings: Root document took 20 ms

Enable text compression

• Description: Text-based resources should be served with compression (gzip, deflate or brotli) to minimize total network bytes. Learn more about text compression.

Defer offscreen images

• Description: Consider lazy-loading offscreen and hidden images after all critical resources have finished loading to lower time to interactive. Learn how to defer offscreen images.

Avoid serving legacy JavaScript to modern browsers

• Description: Polyfills and transforms enable legacy browsers to use new JavaScript features. However, many aren't necessary for modern browsers. For your bundled JavaScript, adopt a modern script deployment strategy using module/nomodule feature detection to reduce the amount of code shipped to modern browsers, while retaining support for legacy browsers. Learn how to serve modern JavaScript

Reduce unused JavaScript

• Description: Reduce unused JavaScript and defer loading scripts until they are required to decrease bytes consumed by network activity. Learn how to reduce unused JavaScript.

Reduce unused CSS

• Description: Reduce unused rules from stylesheets and defer CSS not used for above-the-fold content to decrease bytes consumed by network activity. Learn how to reduce unused CSS.

Avoid multiple page redirects

• Description: Redirects introduce additional delays before the page can be loaded. Learn how to avoid page redirects.

Use video formats for animated content

• Description: Large GIFs are inefficient for delivering animated content. Consider using MPEG4/WebM videos for animations and PNG/WebP for static images instead of GIF to save network bytes. Learn more about efficient video formats

Preload Largest Contentful Paint image

• Description: If the LCP element is dynamically added to the page, you should preload the image in order to improve LCP. Learn more about preloading LCP elements.

Efficiently encode images

• Description: Optimized images load faster and consume less cellular data. Learn how to efficiently encode images.

Serve images in next-gen formats

• Description: Image formats like WebP and AVIF often provide better compression than PNG or JPEG, which means faster downloads and less data consumption. Learn more about modern image formats.
• Potential Savings: 10 ms

Remove duplicate modules in JavaScript bundles

• Description: Remove large, duplicate JavaScript modules from bundles to reduce unnecessary bytes consumed by network activity.

Preconnect to required origins

• Description: Consider adding preconnect or dns-prefetch resource hints to establish early connections to important third-party origins. Learn how to preconnect to required origins.

Properly size images

• Description: Serve images that are appropriately-sized to save cellular data and improve load time. Learn how to size images.

Diagnostics

Document has a main landmark.

• Description: One main landmark helps screen reader users navigate a web page. Learn more about landmarks.

Network Requests

• Description: Lists the network requests that were made during page load.

Server Backend Latencies

• Description: Server latencies can impact web performance. If the server latency of an origin is high, it's an indication the server is overloaded or has poor backend performance. Learn more about server response time.
• Display Value: 0 ms
• Numeric Value: 1

Metrics

• Description: Collects all available metrics.
• Numeric Value: 361

Diagnostics

• Description: Collection of useful page vitals.

Ensure proper origin isolation with COOP

• Description: The Cross-Origin-Opener-Policy (COOP) can be used to isolate the top-level window from other documents such as pop-ups. Learn more about deploying the COOP header.

Tasks

• Description: Lists the toplevel main thread tasks that executed during page load.

Screenshot Thumbnails

• Description: This is what the load of your site looked like.

Script Treemap Data

• Description: Used for treemap app

Final Screenshot

• Description: The last screenshot captured of the pageload.

Resources Summary

• Description: Aggregates all network requests and groups them by type

Mitigate clickjacking with XFO or CSP

• Description: The X-Frame-Options (XFO) header or the frame-ancestors directive in the Content-Security-Policy (CSP) header control where a page can be embedded. These can mitigate clickjacking attacks by blocking some or all sites from embedding the page. Learn more about mitigating clickjacking.

Ensure CSP is effective against XSS attacks

• Description: A strong Content Security Policy (CSP) significantly reduces the risk of cross-site scripting (XSS) attacks. Learn how to use a CSP to prevent XSS

Network Round Trip Times

• Description: Network round trip times (RTT) have a large impact on performance. If the RTT to an origin is high, it's an indication that servers closer to the user could improve performance. Learn more about the Round Trip Time.
• Display Value: 0 ms
• Numeric Value: 0.8999999999999999

Largest Contentful Paint element

• Description: This is the largest contentful element painted within the viewport. Learn more about the Largest Contentful Paint element
• Display Value: 360 ms

Report generated on 26/4/2025, 01:06:32