Search
A font-display setting for slow connections
31.12.2020
Me, I really dislike FOUT. I like that it’s an option, because not displaying text quickly on the web is no good. I know font-display: swap; is popular because it’s good for performance, but that FOUT stuff pains me. Matt …
The post A font-display setting for slow connections...
Bitcoin All-Time Price High Surpasses $28K, BTC’s Half Trillion Market Cap Now Bigger Than Visa
27.12.2020
Bitcoin markets have been seeing a lot of action this weekend, as the price of the crypto asset touched another all-time high (ATH) at $28,378 per coin. Toward the end of 2020, the cryptocurrency’s market capitalization has crossed a whopping half of a trillion U.S. dollars in value....
Responsible, Conditional Loading
25.12.2020
Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce...
Continuous Performance Analysis with Lighthouse CI and GitHub Actions
23.12.2020
Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...
HTTP Archive’s Annual State of the Web Report
14.12.2020
The HTTP Archive looked at more than 7 million websites and compiled their annual report detailing how the sites were built. And there’s an enormous wealth of information about how the web changed in 2020. In fact, this report is more like an enormous book and it’s entirely fabulous. The data comes...
2020’s Crypto Performances: The Biggest Token Losers and This Year’s Top-Performing Cryptocurrencies
7.12.2020
Digital currency markets have climbed significantly in value all year long, despite the gloomy global economy and the aftermath of Covid-19 responses. Bitcoin prices have been hovering at values not seen since 2017, and the top crypto asset in terms of market cap has gained a whopping 159% since...
The Core Web Vitals hype train
24.11.2020
Some baby bear thinking from Katie Sylor-Miller:
my excitement for Core Web Vitals is tempered with a healthy skepticism. I’m not yet convinced that Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS) are the right metrics that all sites should...
Measuring Core Web Vitals with Sentry
17.11.2020
Chris made a few notes about Core Web Vitals the other day, explaining why measuring these performance metrics are so gosh darn important:
I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make...
Gold Price Expected to Rally Despite Concerns About Lockdown 2.0
5.11.2020
Gold industry players say the inevitable printing of new money by the U.S. will lead to an increase in the circulating supply of fiat currency. This increase, in turn, will further dilute the value of U.S. currency and thus diminish its perceived status as the world’s foremost reserve...
Limit Promise Concurrency with pool
3.11.2020
Methods like Promise.all, Promise.allSettled, Promise.race, and the rest are really excellent for managing multiple Promises, allowing for our apps to embrace async and performance. There are times, however, that limiting the number of concurrent operations may be useful, like rate limiting...
More on content-visibility
28.10.2020
Back in August 2020, when the content-visiblity property in CSS trickled its way into Chrome browsers, Una Kravets and Vladimir Levin wrote about it and we covered it. The weirdest part is that to get the performance value out of it, you pair it with contain-intrinsic-size on these big chunks...
How Hacker News Crushed David Walsh Blog
28.10.2020
Earlier this month, David’s heartfelt posting about leaving Mozilla made the front page of Hacker News. Traffic increased by 800% to his already-busy website, which slowed and eventually failed under the pressure. Request Metrics monitors performance and uptime for David’s blog, and our metrics...
Core Web Vital Tooling
26.10.2020
I still think the Google-devised Core Web Vitals are smart. When I first got into caring about performance, it was all: reduce requests! cache things! Make stuff smaller! And while those are all very related to web performance, they are abstractly related. Actual web performance to users are things...
Thinking About Power Usage and Websites
22.9.2020
Gerry McGovern asked if I had any insight into energy consumption and websites. He has a book, after all, about the digital costs on the planet. He was wondering about the specifics of web tech, like…
If you do this in HTML it will consume 3× energy but if you do it in JavaScript it will...
Vital Web Performance
21.9.2020
I hate slow websites. They are annoying to use and frustrating to work on. But what does it mean to be “slow”? It used to be waiting for document load. Then waiting for page ready. But with so many asynchronous patterns in use today, how do we even define what “slow” is? The W3C has […]
The...
Enforcing performance budgets with webpack
18.9.2020
As you probably know, a single monolithic JavaScript bundle — once a best practice — is no longer the way to go for modern web applications. Research has shown that larger bundles increase memory usage and CPU costs, especially on mid-range and low-end mobile devices.
webpack has a lot of features...
Optimizing CSS for faster page loads
18.9.2020
A straightforward post with some perf data from Tomas Pustelnik. It’s a good reminder that CSS is a crucial part of thinking web performance, and for a huge reason:
Any time [the browser] encounters any external resource (CSS, JS, images, etc.) it will assign it a download priority...
content-visibility: the new CSS property that boosts your rendering performance
14.9.2020
Una Kravets and Vladimir Levin:
[…] you can use another CSS property called content-visibility to apply the needed containment automatically. content-visibility ensures that you get the largest performance gains the browser can provide with minimal effort from you as...
radEventListener: a Tale of Client-side Framework Performance
18.8.2020
React is popular, popular enough that it receives its fair share of criticism. Yet, this criticism of React isn’t completely unwarranted: React and ReactDOM total about 120 KiB of minified JavaScript, which definitely contributes to slow startup time. When client-side rendering in React is relied...
Market Outlook: BTC Trend Targets $15K, Bitcoin Bull Raoul Pal ‘Irresponsibly Long’
10.8.2020
Cryptocurrency markets have been fluctuating quite a bit lately, as bitcoin and a number of crypto assets have been testing new resistance levels. The market valuation of the entire crypto-economy is hovering around $360 billion as a decent portion of the top twenty digital assets have gained 1-15%...