Articles Tagged
performance
The Cost of JavaScript in 2018
Even though we mentioned it earlier, I thought this outstanding post by Addy Osmani all about the performance concerns of JavaScript was still worth digging into a little more.
In that post, Addy touches on all aspects of perf work …
Browser painting and considerations for web performance
The process of a web browser turning HTML, CSS, and JavaScript into a finished visual representation is quite complex and involves a good bit of magic. Here’s a simplified set of steps the browser goes through:
- Browser creates the DOM
Slow Websites
The web has grown bigger. Both in expansiveness and weight. Nick Heer’s “The Bullshit Web”:
…The average internet connection in the United States is about six times as fast as it was just ten years ago, but instead
Delivering WordPress in 7KB
Over the past six months, I’ve become increasingly interested in the topic of web sustainability. The carbon footprint of the Internet was not something I used to give much thought to, which is surprising considering my interest in environmental issues …
Using Custom Fonts With SVG in an Image Tag
When we produce a PNG image, we use an <img />
tag or a CSS background, and that’s about it. It is dead simple and guaranteed to work.…
The web can be anything we want it to be
I really enjoyed this chat between Bruce Lawson and Mustafa Kurtuldu where they talked about browser support and the health of the web. Bruce expands upon a lot of the thoughts in a post he wrote last year called World …
Hey hey `font-display`
Y’all know about font-display? It’s pretty great. It’s a CSS property that you can use within @font-face blocks to control how, visually, that font loads. Font loading is really pretty damn complicated. Here’s a guide from Zach Leatherman to …
Chrome DevTools “Local Overrides”
There’s been two really interesting videos released recently that use the “Local Overrides” feature of Chrome DevTools in order to play with web performance without even touching the original source code.
…Three Techniques for Performant Custom Font Usage
There’s a lot of good news in the world of web fonts!
- The forthcoming version of Microsoft Edge will finally implement
unicode-range
, the last modern browser to do so. - Preload and
font-display
are landing in Safari and Firefox. - Variable
Third-Party Scripts
…My latest realization is that delivering a performant, accessible, responsive, scalable website isn’t enough: I also need to consider the impact of third-party scripts. No matter how solid I think my prototype is, it doesn’t absolve me