Speed tooling evolutions: highlights from Chrome Developer Summit 2019
Read about the latest developments in speed tooling including new performance metrics, updates to PageSpeed Insights and Chrome User Experience Report (CrUX), and insights from Web Almanac analysis of the web ecosystem.
How To Think About Speed Tools
How To Think About Speed Tools
Avoiding unnecessary paints
Performance tips for JavaScript in V8
Speedy CSS Tip! Animated Gradient Text
Speedy CSS Tip! Animated Loader
Keeping things fresh with stale-while-revalidate
stale-while-revalidate helps developers balance between immediacy—loading cached content right away—and freshness—ensuring updates to the cached content are used in the future.
Stick to Compositor-Only Properties and Manage Layer Count
Compositing is where the painted parts of the page are put together for displaying on screen.
Storage for the web
There are many different options for storing data in the browser. Which one is best for your needs?
Screensharing a browser tab in HTML5?
Streams — The definitive guide
The Streams API allows JavaScript to programmatically access streams of data received over the network and process them as desired.
Mitigate cross-site scripting (XSS) with a strict Content Security Policy (CSP)
Learn how to deploy a CSP based on script nonces or hashes as a defense-in-depth against cross-site scripting.
Deep-copying in JavaScript using structuredClone
For the longest time, you had to resort to workarounds and libraries to create a deep copy of a JavaScript value. The Platform now ships with `structuredClone()`, a built-in function for deep-copying.
Style focus
The focus indicator identifies the focused element. For users who can't or don't use a mouse, this indicator is extremely important, as it acts as a stand-in for their mouse-pointer.
Splash vector graphics on your responsive site
Handle range requests in a service worker
Make sure your service worker knows what to do when a partial response is requested.
Synchronized cross-device mobile testing
Four common types of code coverage
Learn what code coverage is and discover four common ways to measure it.
Pyramid or Crab? Find a testing strategy that fits
Discover how to combine different testing types into a reasonable strategy that matches your project.
Defining test cases and priorities
Determine what to test, define your test cases, and prioritize.
Three common types of test automation
Let's start with the basics! Exploring the two general testing modes and three common types of test automation.
To test or not to test, a technical perspective
Determine what you need to test and what you can rule out.
Best practices for tags and tag managers
Optimize tags and tag managers for Core Web Vitals.