The Performance Inequality Gap, 2024 - Infrequently Noted
Frontend is haunted by 2013's Great Branch Mispredict
Serving sharp images to high density screens - JakeArchibald.com
If you want your images to be as sharp as possible, you need to target images at the user's device pixels, rather than their CSS pixels.
imageengine.io
Accelerate Your Website With An Image-Optimizing CDN
AVIF has landed - JakeArchibald.com
AVIF is a new image format derived from the keyframes of AV1 video. It's a royalty-free format, and it's already supported in Chrome 85 on desktop.
Move Fast & Don’t Break Things by Scott Jehl
So there’s this old saying in our industry that bold, and successful web development is about Moving Fast & Breaking Things. It comes from a more naive time on the web, when people were advocating being a little wreckless in the name of innovation. These days, the sentiment isn’t as celebrated.
Automatically compress images on Pull Requests
Calibre’s new GitHub Action allows you to compress raster images with minimal setup automatically. Never ship unoptimised graphics again.
2.0 — instant.page
instant.page makes your site’s pages instant — in 1 minute of effort — by preloading pages right before a user clicks on them: when they hover over a link for 65 ms; there’s one chance out of two that they will click then. On mobile, it preloads when they start touching their display, before releasing it.
Using rel="preconnect" to establish network connections early and increase performance | CSS-Tricks
Adding rel=preconnect to a informs the browser that your page intends to establish a connection to another domain, and that you'd like the process to start as soon as possible. Resources will load more quickly because the setup process has already been completed by the time the browser requests them.
AddyOsmani.com - Native image lazy-loading for the web!
css-tricks.com
The Cost Of JavaScript In 2018 – Addy Osmani – Medium
HTTP Archive
Free Mobile Performance Testing with Akamai's Mobitest
Test your website performance on a mobile device
WebPagetest - Website Performance and Optimization Test
10+ .Htaccess Snippets To Optimize Your Website
Don’t use IDs in CSS selectors?
PHP “require” Performance