www.loopia.se

When JavaScript takes a long time to execute it can slow down website performance.

A large model can slow down a website by increasing the memory required and time taken to calculate and display changes.

Duplicate JavaScript modules can slow down a website by requiring unnecessary downloads.

Inefficient animated content formats such as animated GIFs should be replaced by video.

This measures how long it takes a browser to render the first piece of content when someone visits a website.

This measures how long it takes a page to become fully interactive.

This approximates when the main content of the page is visible to users.

Avoid serving legacy JavaScript to modern browsers, only serving it to older browsers that require it.

When the main thread is busy the website may not respond quickly to user interactions.

This measures the time from when a user first interacts with a website to the time when the browser is actually able to respond to that interaction.

null

External scripts dynamically injected via document.write() can delay page load by tens of seconds.

Lazy-loading offscreen and hidden images after all critical resources have finished loading can significantly increase website performance.

The image used by the largest contentful paint element should be preloaded to maximize performance.

Avoid multiple page redirects as they introduce additional delays before the page can be loaded.

Server response times can be improved by optimizing server-side code or upgrading server hardware.

This indicates how quickly the contents of a page are visibly populated.

Excessively large page sizes can lead to long load times for visitors.

Minifying CSS files can reduce payload sizes.

Optimized images load faster and consume less network resources.

Add preconnect resource hints to establish early connections to important third-party origins.

Incorrect character encoding can result in garbled text and is properly declared in the charset attribute or the Content-Type HTTP response header.

This measures unexpected page movements which visitors find annoying and can intefere with website functionality.

Users are mistrustful or confused by websites that request their location without context.

Images displayed with an incorrect aspect ratio look distorted.

Images should be responsive and proportional to the display size and the pixel ratio to maximize image clarity.

Unload event listeners do not fire reliably and listening for them can intefere with website functionality and browser optimizations.

Users are mistrustful of or confused by sites that request to send notifications without context.

Correctly setting the viewport optimizes websites for mobile screen sizes and also prevents delays to user input.

Console errors indicate unresolved problems that can lead to security issues.

Inspector issues indicate unresolved problems which can include security issues.

All websites should be protected with HTTPS including ones that don't handle sensitive data.

Preventing password fields from being pasted into undermines good security policy.

All focusable elements must have a unique id to ensure that they're visible to assistive technologies.

The value of an ARIA ID must be unique to prevent other instances from being overlooked by assistive technologies.

Screen reader users rely on frame titles to describe the contents of frames.

Labels ensure that forms are announced properly by assistive technologies like screen readers.

Lists must only contain list elements so that screen readers can correctly announce lists.

List items must be contained within a parent list for screen readers to properly announce lists.

Disabling zooming and scaling is problematic for users with low vision who rely on screen magnification to properly see the contents of a website.

Specifying a valid lang attributes ensure that text is pronounced correctly by a screen reader.

Search engine users rely on the document title to determine if a page is relevant to their search.

Many sites provide different versions of a page based on a user's language or region and hreflang links tell search engines the URLs for all the versions of a page so that they can display the correct version.

Pages with unsuccessful HTTP status codes may not be indexed by search engines properly.

Search engines are unable to include websites in search results if they don't have permission to crawl them.

Meta descriptions may be included in search results to help convey website content.

Search engines can't index plugin content and many devices restrict plugins or don't support them.

A valid robots.txt is required for search engines to understand how to crawl or index a website.