Performance

349 bookmarks
Custom sorting
How many bytes is "normal" for a web font: a study using Google fonts
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?
·phpied.com·
How many bytes is "normal" for a web font: a study using Google fonts
Analysis of INP performance using real-world RUMvision data
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
·calendar.perfplanet.com·
Analysis of INP performance using real-world RUMvision data
The Unbearable Weight of Massive JavaScript – performance.now()
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.
·speakerdeck.com·
The Unbearable Weight of Massive JavaScript – performance.now()
🧪 Can SVG Symbols affect web performance?
🧪 Can SVG Symbols affect web performance?
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.
·bstefanski.com·
🧪 Can SVG Symbols affect web performance?
Back/forward cache
Back/forward cache
Learn how to optimize your pages for instant loads when using the browser's back and forward buttons.
·web.dev·
Back/forward cache
Cost, Consumption and Feasibility Challenges for New Video Compression Standards with Low Latency Objectives
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, […]
·vitec.com·
Cost, Consumption and Feasibility Challenges for New Video Compression Standards with Low Latency Objectives
How Sunday Citizen improved conversions by focusing on performance
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
·performance.shopify.com·
How Sunday Citizen improved conversions by focusing on performance
An In-depth Performance Comparison Of 5 Popular WordPress Page Builders
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 […]
·pagely.com·
An In-depth Performance Comparison Of 5 Popular WordPress Page Builders
These Plugins Slow Down Your WordPress
These Plugins Slow Down Your WordPress
Slow WordPress plugins impact the performance of your site. Here is a list of known slow plugins, and the better alternatives.
·servebolt.com·
These Plugins Slow Down Your WordPress
Web resource caching: Client-side
Web resource caching: Client-side
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
·blog.frankel.ch·
Web resource caching: Client-side
So you heard of Client-Hints and you think you got time, right? Wrong.
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
·calendar.perfplanet.com·
So you heard of Client-Hints and you think you got time, right? Wrong.
An Introduction to the RUM Archive
An Introduction to the RUM Archive
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
·calendar.perfplanet.com·
An Introduction to the RUM Archive
The Web Performance Engineer's Swiss Army Knife
The Web Performance Engineer's Swiss Army Knife
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
·calendar.perfplanet.com·
The Web Performance Engineer's Swiss Army Knife
An Incomplete History of Web Performance
An Incomplete History of Web Performance
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
·calendar.perfplanet.com·
An Incomplete History of Web Performance
Lazy-loading LCP images: Why does this anti-pattern happen?
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
·calendar.perfplanet.com·
Lazy-loading LCP images: Why does this anti-pattern happen?
CSS runtime performance
CSS runtime performance
A 2022 talk about CSS runtime performance by Nolan Lawson.
·nolanlawson.github.io·
CSS runtime performance
Fast is good, instant is better!
Fast is good, instant is better!
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
·calendar.perfplanet.com·
Fast is good, instant is better!