9 awesome posts about web performance (that I wish I’d written)

For every post I write about performance, there are dozens that I read. Every so often, I read one that makes me clutch my (metaphorical) pearls and wish I’d written it myself. Here’s a batch of recent I-wish-I’d-written-that posts by people you should be following, if you aren’t already.

The Five Pillars of Web Performance by Jason Thibeault

“Striving for the fastest possible delivery requires that performance considerations be taken into account from the very first design meeting of your website, web application, or even mobile offering. And to do that means you need an understanding of the five pillars of website performance: static objects, dynamic content, interface, page size, and storage.” Keep reading >

The Principles of Performance by Design by Eric Mobley

“When you put performance as a priority in the beginning of a project, you will use it to guide your decision making. Performance should not be left to the developer right before a site is launched, that is far too late—it is really the result of decisions made by the entire team starting at the beginning of the project.” Keep reading >

Critical Rendering Path by Patrick Sexton

BLOG-critical-path“The most important concept in pagespeed is the critical rendering path. This is true because understanding this concept can help you do a very wonderful thing. It gives you the power to make a large webpage with many resources load faster than a small webpage with few resources. I like that.” Keep reading >

What Every Frontend Developer Should Know About Webpage Rendering by Alexander Skutin

“Today I’d like to focus on the subject of web page rendering and why it is important in web development. A lot of articles are available covering the subject, but the information is scattered and somehow fragmented. To wrap my head around the subject, for example, I had to study a lot of sources. That’s why I decided I should write this article. I believe the article will be useful for beginners as well as for more advanced developers who want to refresh and structure what they already know.” Keep reading >

Should ‘Mobile First’ be ‘Performance First’? by Ben Cooper

“Your users will thank you if you take a Performance First approach. And you will thank yourself, because learning about performance will allow you to gain so much awesome knowledge, which will become helpful in so many areas. It’s a win-win for everyone.” Keep reading >

Responsive Web Design (RWD) and User Experience by Amy Schade

“Responsive design is a tool, not a cure-all. While using responsive design has many perks when designing across devices, using the technique does not ensure a usable experience (just as using a gourmet recipe does not ensure the creation of a magnificent meal.) Teams must focus on the details of content, design, and performance in order to support users across all devices.” Keep reading >

“RWD Is Bad for Performance” Is Good for Performance by Tim Kadlec

“Saying responsive design is bad for performance is the same as saying optimizing for touch is bad for performance. It doesn’t make much sense because you can’t expect to do either in isolation and create a good overall experience. All that being said, I’ve learned to embrace the “responsive design is bad for performance” statement whenever it comes up.” Keep reading >

It’s Time for a Web Page Diet by Terrence Dorsey

“Slimming down web sites is not necessarily a matter of learning new and sophisticated programming techniques. Rather, getting back to basics and focusing on correct implementation of web development essentials — HTML, CSS and JavaScript — may be all it takes to make sure your own web sites are slim, speedy and responsive.” Keep reading >

The Ultimate Image Optimization Cheat Sheet by Dean Hume

“Images play a massive role in modern web development today. They comprise of around 62% of the average page’s total payload, which is an astonishing amount! In terms of web page performance, images can be a huge performance roadblock, but they don’t have to be. Simple image optimization techniques can make a massive difference to your page load times and significantly reduce the overall weight of your page.” Keep reading >

I’m sure there are some great articles I’ve missed. If you know of any, please let me know!