Search Subscribe
Home/Performance
Topic

Performance

978 articles on Performance.

11,892 articles
Performance — Threading the web with module workers

Threading the web with module workers

Module workers make it easy to unblock the main thread by moving expensive code to a background thread while keeping the ergonomic and performance benefits of standard JavaScript modules.

Wweb.dev·Performance
Performance — Optimize input delay

Optimize input delay

Input delay can contribute significantly to total interaction latency and negatively affect your page's INP. In this guide, learn what input delay is, and how you can reduce it for faster interactivity.

Wweb.dev·Performance
Performance — Optimize JavaScript execution

Optimize JavaScript execution

JavaScript often triggers visual changes. Sometimes that's directly through style manipulations, and sometimes it's calculations that result in visual changes, like searching or sorting data. Badly-timed or long-running JavaScript is a common cause of performance issues. You should look to minimize its impact where you can.

Wweb.dev·Performance
Performance — Load Third-Party JavaScript

Load Third-Party JavaScript

Third-party scripts provide a wide range of useful features, making the web more dynamic. Learn how to optimize the loading of third-party scripts to reduce their impact on performance.

Wweb.dev·Performance
Performance — Audit performance

Audit performance

Audit your site to build a performant experience, highlighting quick wins that can be implemented with minimal sign-off. Use metrics to prioritize effort.

Wweb.dev·Performance
Performance — Prework

Prework

Before gathering performance metrics for a site audit, there are several checks you can do to identify easy fixes and areas for focus. Some of these checks are relatively subjective, but can identify problems that affect perceived performance.

Wweb.dev·Performance
Performance — Optimizing Content Efficiency

Optimizing Content Efficiency

The amount of data downloaded by apps continues to increase over time. To deliver great performance you must optimize data delivery as much as possible.

Wweb.dev·Performance
Performance — Adapting to Users with Client Hints

Adapting to Users with Client Hints

Client hints are a set of HTTP request headers we can use to change how we deliver page resources based on characteristics of a user's device and network connection. In this article, you'll learn all about client hints, how they work, and a few ideas on how you can use them to make your site faster for users.

Wweb.dev·Performance
Performance — Faster web navigation with predictive prefetching

Faster web navigation with predictive prefetching

Code splitting allows you to speed up your applications, but it may slow down subsequent navigation. Predictive prefetching is an efficient way to use data analytics to smartly prefetch what the user is likely to use next, optimizing network utilization.

Wweb.dev·Performance
Performance — Preload critical assets to improve loading speed

Preload critical assets to improve loading speed

As soon as you open any web page, the browser requests an HTML document from a server, parses the contents of the HTML file, and submits separate requests for any other external references. The critical request chain represents the order of resources that are prioritized and fetched by the browser.

Wweb.dev·Performance
Performance — Measure performance with the RAIL model

Measure performance with the RAIL model

RAIL model enables designers and developers to reliably target the performance optimization work that has the highest impact on user experience. Learn what goals and guidelines the RAIL model sets out and which tools you can use to achieve them.

Wweb.dev·Performance
Performance — Replace animated GIFs with video for faster page loads

Replace animated GIFs with video for faster page loads

Have you ever seen an animated GIF on a service like Imgur or Gfycat, inspected it in your dev tools, only to find out that GIF was really a video? There's a good reason for that. Animated GIFs can be downright huge! By converting large GIFs to videos, you can save big on users' bandwidth.

Wweb.dev·Performance
Performance — Use WebP images

Use WebP images

WebP images are smaller than their JPEG and PNG counterparts—usually on the magnitude of a 25–35% reduction in filesize. This decreases page sizes and improves performance.

Wweb.dev·Performance
Performance — Third-party JavaScript performance

Third-party JavaScript performance

This post describes the common kinds of third-party JavaScript and the performance issues they can cause. It also provides general guidance about how to optimize third-party scripts.

Wweb.dev·Performance
Performance — The value of speed

The value of speed

Demonstrate the revenue generated by site improvements while excluding external factors such as marketing campaigns.

Wweb.dev·Performance