How many bytes is "normal" for a web font: a study using Google fonts
TL;DR: If your font file is significantly larger than 20K you may ask yourself "How did I get here?".For images I think we (web developers) have a sense of how many bytes we can expect an image we see on a page to be. A JPEG photo? 100-ish K is ok for a decent quality. Less is nice. How about 200K?
Analysis of INP performance using real-world RUMvision data
If you're reading this, you probably already know that Interaction to Next Paint (INP) will become the new Core Web Vital metric for responsiveness in March 2024. INP has already been talked about a few times in this year's Perf Calendar by Brian, Ivailo, and Sander, so if you need a refresher on wh
Optimize along the way: An industrial case study on web performance
Fast loading web apps can be a key success factor in terms of user experience. However, improving the performance of a web app is not trivial, since i…
The Unbearable Weight of Massive JavaScript – performance.now()
Follow Ryan on Mastodon @ https://webperf.social/@ryantownsend
hr /
For the past 10+ years, JavaScript frameworks and Single Page Applications have been marketed as the solution to all our performance, robustness and productivity problems, but things haven’t worked out the way we’d all hoped, have they?
* Simple marketing and ecommerce sites are still getting heavier and slower.
* Features fail in weird and wonderful ways meaning we need an ever-increasing array of tooling to monitor and debug problems.
* Teams armed with the latest Apple Silicon Macs, expensive CI tooling and complex build pipelines still can’t ship effectively.
But it’s not all doom-and-gloom: we live in a time of unprecedented opportunity to give our users a fantastic experience – the web platform has never been more capable than it is today.
Let’s look at what we can achieve by simplifying our web architecture, utilising new and upcoming Web Platform APIs and getting back to building fast, maintainable, user-friendly front-ends.
When it comes to repeatable SVGs, most people would create a component and reuse it anywhere they want. There's a high chance, that you would be missing some performance freebies. If you're striving for that bang-for-the-buck kind of performance, this article might be interesting for you.
Cost, Consumption and Feasibility Challenges for New Video Compression Standards with Low Latency Objectives
[et_pb_section fb_built=”1″ _builder_version=”4.18.0″ _module_preset=”default” custom_padding=”0px||2px|||” global_colors_info=”{}”][et_pb_row admin_label=”Intro” _builder_version=”4.19.2″ _module_preset=”default” custom_padding=”2px||0px|||” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.18.0″ _module_preset=”default” global_colors_info=”{}”][et_pb_text _builder_version=”4.19.2″ _module_preset=”default” text_text_color=”#26358C” text_font_size=”20px” text_line_height=”1.55em” custom_margin=”0px||||false|false” custom_padding=”||19px|||” global_colors_info=”{}”] In recent years we have observed a major change that has shaken up many assumptions. Indeed, the advent of Smartphones and video streaming solutions applied to social networks (Youtube, Tik Tok, Whatsapp, […]
How Sunday Citizen improved conversions by focusing on performance
We worked with Sunday Citizen to improve their key performance metrics and were able to achieve 25% improvement in Largest Contentful Paint and 61% in Cumulative Layout Shift at the 75th percentile. This resulted in 4% decrease in bounce rate and over 6% increase in conversion. Web performance is often overlooked as a
An In-depth Performance Comparison Of 5 Popular WordPress Page Builders
If you feel somewhat restricted by the flexibility of layouts provided by WordPress themes, you might be interested in building your WordPress webpages with a page builder plugin. WordPress page builders have become wildly popular because they let anyone, even those without the gift of code, build a beautiful website or landing page using a […]
The subject of Web resource caching is as old as the World Wide Web itself. However, I’d like to offer an as-exhaustive-as-possible catalog of how one can improve performance by caching. Web resource caching can happen in two different places: client-side - on the browser and server-side. This post is dedicated to the former; the next post will focus on the latter. Caching 101 The idea behind caching is simple: if a resource is a time- or resource-consuming to compute, do it once and st
So you heard of Client-Hints and you think you got time, right? Wrong.
If your "quest for fast" goes through device detection, you'll want to pay attention to this.
Introduction
I'll go out on a limb and make a wild guess: if you care about web performance, that's because you want to deliver great UX to users. Assuming my guess is right, in the last two decades the per
A few weeks ago at performance.now(), we were able to announce the initial availability of a new public dataset of RUM data - the RUM Archive.
I'd like to take a few minutes to discuss our motivation for the project, what kind of data the RUM Archive contains, how you can access it, its limitations
Introduction
A Swiss Army knife is not merely a knife but rather an entire toolbox packaged in a light and compact container. Each tool is carefully selected to maximize utility while simultaneously minimizing size and redundancy. Mastery of the toolbox means knowing when and how to use each availab
Prologue
In 1949, Claude Shannon married a computer.
Her name was Betty.1
Mary Elizabeth “Betty” Moore graduated from the New Jersey College for Women in 1948 and began work the next day as a computer at Bell Laboratories.2
Her job was to perform mathematical calculations for Bell Labs engineerin
Lazy-loading LCP images: Why does this anti-pattern happen?
Largest Contentful Paint (LCP) is a performance metric representing the user experience's loading facet. It's part of the Core Web Vitals program and measures the render time of the largest image or text block visible within the viewport. When the LCP element is an image, which happens 72% of the ti
Fast page loading is so last year… you should be thinking about instant page loads! To give an experience where the load is not just “acceptable”, but completely unnoticeable, we need to look beyond just optimising our loading speeds and think about how we can completely hide that load delay from th
Thomas Allmer - Faster content websites via SSR and progressive hydration of Web Components
One of the best performance tips is "do less" - transmit less data and do less processing. There are a million details but we will focus on transmitting less...