Catchpoint
Performance
Core Web Vitals
Learn how HTTP/3 improves over HTTP/2 in multiplexing, connections, security, error recovery, etc., to improve web communication, performance, and user experience.
Best Practices for Creating a Culture of Web Performance | SpeedCurve
What do the most successful websites have in common? They all have a strong culture of web performance and usability.
What a Web Performance Engineer Needs to Know About Cloud Cost Savings
Every line of code has a cost - but some lines cost more than others. This rather Orwellian-sounding statement might seem stark, but for web performance engineers, it's a useful perspective when considering cloud costs.
Why Should You Care About Costs?
Cost reduction directly impacts the bottom li
Putting Performance in Relatable Terms
A 300ms improvement may sound like a big win to someone immersed in web performance optimization, but for most people, mentioning milliseconds doesn't usually resonate or seem meaningful. Whenever I've mentioned how we could save a few hundred milliseconds to an executive, my proposal was often met
Not every user owns an iPhone
As software engineers and technologists its common to have access to some powerful devices and super fast bandwidths. It's highly likely that you will be developing/testing on a high end Mac (or similar) or pulling out an expensive mobile device such as an iPhone from your pocket.
But we need to be
Don't Let Your Redesign Ruin Performance: A Case Study
It's a shame that so many redesigns end up slowing down the site or dropping conversions. How to prevent this? In this text, based on one of our successful projects, you will get a framework for web redesign management.
We are a small team of web performance consultants with years of experience and
My Favorite Web Performance Graphs of the Year
As a web performance consultant, I frequently rely on visual data to prioritize optimizations and troubleshoot regressions. Over the past year, two types of graphs have stood out for their effectiveness in simplifying complex data and speeding up decision-making.
The Prioritization Graph: Where to
Wait? What? Web Performance Optimization is being studied in universities?
TL;DR:
In this article I am sharing the good news that Web Performance Optimization is being studied in universities and I am laying out the plan of teaching Real User Monitoring which I will do for the first time in front of students. My hope is to share ideas in case other fellows would be doing s
Using DevTools to Validate Web Performance Improvements
I'm passionate about Web Performance—from identifying performance issues, monitoring (synthetic and RUM), metrics, implementing product culture, training development teams and other stakeholders, speaking at meetups and conferences, tools, and snippets.
When it comes to tools, my favorite is Chrome
Double-keyed Caching: How Browser Cache Partitioning Changed the Web
A deep dive into how browser cache partitioning has fundamentally changed web performance optimization, examining the trade-offs between privacy and performa...
You Might Not Have A Web Performance Problem | DebugBear
Should you optimize your website performance? Maybe you shouldn't, even if you get a poor Performance score on PageSpeed Insights.
Designing (and Evolving) a New Web Performance Score – CSS Wizardry
Why design another new performance score?! Good question…
Interventions - We Love Speed
Le programme de l’édition 2023 de We Love Speed
Third-Party Web Performance | SpeedCurve
Ads, analytics, and social widgets can seriously hurt page speed. Find out how to measure and optimize the third parties on your pages.
SpeedCurve | 2024 Holiday Readiness Checklist (Page Speed Edition!)
10 steps for making your site fast and your users happy through the holidays and beyond!
How Discord Reduced Websocket Traffic by 40%
How we rolled out zstandard and other improvements across our gateway cluster to reduce the amount of bandwidth that’s used by our clients.
What’s The Difference Between CrUX And RUM Data? | DebugBear
The Chrome User Experience report and Real User Monitoring are two ways to look at the performance of a website. How are they different from each other?
HTTP/1.1 vs HTTP/2: What Does It Mean For Page Speed? | DebugBear
The HTTP/1.1 protocol has been around for over 25 years. In this article we will look at the advantages of using the newer protocol, HTTP/2, to improve page speed.
How To Optimize Largest Contentful Paint For Video Elements | DebugBear
Videos are eligible to be the LCP element for a page. In this article we explore different techniques in how to optimize a video element.
What Is JavaScript Hydration For Single Page Applications? | DebugBear
Hydration is a web development techniques that's used to make server-rendered applications interactive in the browser. Learn how it works and how it impacts performance.
Minify JavaScript And CSS Code For A Faster Website | DebugBear
Code minification is a website performance technique. Learn how it works and how it's different from text compression.
How to Defer Offscreen Images and Background Images | DebugBear
Deferring offscreen images and background images is a web performance optimization technique that can improve user experience and Core Web Vitals on your site.
Google's New CrUX Vis Tool: Explore Core Web Vitals Data | DebugBear
Google has launched a new tool to explore historical Core Web Vitals data.
Brand New Performance Features in Chrome DevTools | DebugBear
Learn about the new Performance Panel in Chrome DevTools, and see how it can help with optimizing Core Web Vitals
Choosing Between gzip, Brotli and zStandard Compression
HTTP compression is a mechanism that allows a web server to deliver text based content using less bytes, and it’s been supported on the web for a very long time. In fact the first web browser to support gzip compression was NCSA Mosaic v2.1 way back in 1993! The web has obviously come a long way since then, but today pretty much every web server and browser still supports gzip compression.
Discovering Third Party Performance Risks
It likely comes as no surprise that third party content can be a significant contributor to slow loading websites and poor user experience. As performance engineers, we often need to find ways to balance requirements for their features with the strain that they can put on user experience. Unfortunately, for many sites this becomes a reaction to slowdowns and failures detected in production.
The Dev Tools Performance Monitor Panel
Weeks ago I was looking in to a performance issue for our animated spinner component and stumbled across a tool in DevTools I hadn’t used before: The Performance Monitor Panel. In you open Dev Tools More Tools Performance Monitor you’ll see some helpful high-level charts and graphs of the realtime performance data of your UI.
Experimenting with measuring soft navigations | Web Platform | Chrome for Developers
The Chrome team is working on better measuring so-called soft navigations used by Single Page Applications and a new API is now available behind a flag to allow sites to experiment with this too.
facebook/zstd: Zstandard - Fast real-time compression algorithm
Zstandard - Fast real-time compression algorithm. Contribute to facebook/zstd development by creating an account on GitHub.