Search Subscribe
Home/Performance
Topic

Performance

974 articles on Performance.

11,834 articles
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
Performance — Core Web Vitals workflows with Google tools

Core Web Vitals workflows with Google tools

With the growing importance of Core Web Vitals, site owners and developers increasingly focus on performance and key user experiences. Google provides many tools to help evaluate, optimize, and monitor pages, but users are often confused by the different sources of data and how to use them effectively. This guide proposes a workflow combining several tools and clarifies where and how they make sen

Wweb.dev·Performance
Performance — Web Performance Made Easy - Google I/O 2018 edition

Web Performance Made Easy - Google I/O 2018 edition

At Google IO 2018, we presented a roundup of tools, libraries and optimization techniques that make improving web performance easier. Here we explain them using The Oodles Theater app. We also talk about our experiments with predictive loading and the new Guess.js initiative.

Wweb.dev·Performance