The “Developer Experience” Bait-and-Switch

Alex Russell describes his thoughts on the current state of JavaScript and how we might sometimes put a ton of focus on the ease-of-use of development at the expense of user experience. So, for example, we might pick a massive framework to make development easier and faster but then that might have an enormous impact on the user.
Alex describes it as substituting “developer value for user value.”
The “developer experience” bait-and-switch works by appealing to the listener’s parochial interests …
The post The “Developer Experience” Bait-and-Switch appeared first on CSS-Tricks.


The Complete Guide to Lazy Loading Images

Images are critical. Whether it is marketing banners, product images or logos, it is impossible to imagine a website without images. Sadly though, images are often heavy files making them the single biggest contributor to the page bloat. According the HTTP Archive’s State of Images report, the median page size on desktops is 1511 KB and images account for nearly 45% (650 KB) of that total.
That said, it’s not like we can simply do away with images. They’re …
The post The Complete Guide to Lazy Loading Images appeared first on CSS-Tricks.


The Low Hanging Fruit of Web Performance

I kicked off a really poppin’ Twitter thread the other day:
What are the LOWEST hanging fruit of web performance? Nothing fancy, anyone can do, big impact.
Gzip. Optimize stuff. Reduce requests…
What are other big ones?
— Chris Coyier (@chriscoyier) August 17, 2018

So, I decided to round up all the ideas (both my own and yours) around that in a post over on the Media Temple blog.

These are the things we dive into in that post:…
The post The Low Hanging Fruit of Web Performance appeared first on CSS-Tricks.


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 and how we can fix some of the most egregious issues, from setting up a budget to “Time-to-Interactive” measurements and auditing your JavaScript bundles.

Embrace performance budgets and learn to live within them. For mobile, aim for a JS budget …
The post The Cost of JavaScript in 2018 appeared first on CSS-Tricks.


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 and CSSOM.
Browser creates the render tree, where the DOM and styles from the CSSOM are taken into account (display: none elements are avoided).
Browser computes the geometry of the layout and its elements based on the render tree.

The post Browser painting and considerations for web performance appeared first on CSS-Tricks.


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 of making it faster to browse the same types of websites, we’re simply occupying that extra bandwidth with more stuff.
Nick clearly explains what he means by bullshit, and one can see a connection to Brad Frost’s similarly framed …
The post Slow Websites appeared first on CSS-Tricks.


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 and the fact that my profession is web-based.

The web in a warming world
As a brief recap, I attended MozFest in London last year. In between sessions, I was scanning a noticeboard to see what was coming up, and …
The post Delivering WordPress in 7KB appeared first on CSS-Tricks.


Error Monitoring in Golang

Rollbar is proud to announce its error monitoring SDK for the Go language (aka Golang). It’s an open source programming language originally created by Google and is growing in popularity. It’s a low-level language like C, but also offers garbage collection, an easy-to-use package system, and other features.
If you’re used to languages like Java or JavaScript, then Go’s way of handling errors will be new to you. We will give a brief introduction on how error handling works in Go, then cover how you can monitor errors in production apps.


Firefox 61 – Quantum of Solstice

Firefox 61 is now available, bringing new performance improvements that make the fox faster than ever! We’re keen on the Retained Display Lists feature to improve performance while an interactive page is painted; the Accessibility Inspector baked in to our tooling to support assistive technology users; more powerful tab management for power users; and many more Dev Tools updates and enhancements.