Note: This section of the site is under heavy construction, tread carefully.
192 bookmarks by garrettc
A breakdown of improving a major US retailer’s website performance.
Bookmarked on • #
Bookmarked on • #
Diagnostic css file to identify issues in the head of a html document.
Bookmarked on • #
"One backend application I used to work on was written using the Django framework, and production web servers were powered by Gunicorn: whenever we performed deployments, the gunicorn workers were restarted (to be more accurate, they were stopped and started again)."
Bookmarked on • #
Simplify web tiers by pushing JSON creation to the database.
Bookmarked on • #
Bookmarked on • #
"Are you trying to convince your boss to commit to web performance work without much success? We have tips."
Bookmarked on • #
"This post is an attempt to get the most comprehensive view of Cumulative Layout Shift: what it is, what it measures, how it measures, how you can see it, and how you can fix it."
Bookmarked on • #
Learn the most common speed issues caused by CSS and how to avoid them.
Bookmarked on • #
If you’re looking to achieve the single-page app level performance without the overhead (and boot time) of a huge JavaScript library or having to completely rewrite your website in a new technology…
Bookmarked on • #
Bookmarked on • #
"In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display."
Bookmarked on • #
Bookmarked on • #
"One of the biggest causes of layout shifts for my clients is late-loading web fonts, let's look at how to optimise them!"
Bookmarked on • #
Developing the California state COVID-19 emergency response website
Bookmarked on • #
"I think about design principles a lot. I’m such a nerd for design principles, I even have a collection. I’m not saying all of the design principles in the collection are good—far from it! I collect them without judgement. As for what makes a good design principle, I’ve written about that before. One aspect that everyone seems to agree on is that a design principle shouldn’t be an obvious truism."
Bookmarked on • #
"Submit a URL to generate a node map of all of the requests on the page. Rapidly identify what third-parties are on your site, where your transmitted bytes are coming from and how slow your domains are!"
Bookmarked on • #
"There’s been an explosion in 3rd-Party Tags… And as Tim Kadlec once said “Everything should have a value, because everything has a cost”. So how do we measure the performance cost of all the 3rd-party tags we keep adding to our sites?"
Bookmarked on • #
"Define user behaviour with Python code, and swarm your system with millions of simultaneous users."
Bookmarked on • #
Measuring performance is important. Communicating the story of performance is equally important.
Bookmarked on • #
"In this post, I’ll discuss what I did at ALDO to measure the revenue impact of web performance without having to spend time making performance improvements."
Bookmarked on • #
“In early 2014, we found ourselves working for an organization with a large product portfolio built up over decades of acquisitions. To create a cohesive branded experience, it became clear that many of the products we were suddenly supporting existed at very different levels of UX maturity. Our challenge was to create a comparable scorecard for an array of products across UX frameworks, usability maturity, and technology platforms.”
Bookmarked on • #
“As developers, we are often faced with decisions that will affect the entire architecture of our applications. One of the core decisions web developers must make is where to implement logic and rendering in their application. This can be a difficult, since there are a number of different ways to build a website.”
Bookmarked on • #
Bookmarked on • #
"Let’s make 2020... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences on the web today."
Bookmarked on • #
Slides from Velocity 2019 tutorial on HTTP/2. Covers prioritization in the browser, network and server and tuning of HTTP/2.
Bookmarked on • #
Bookmarked on • #
"If you have some power, then your job is to empower somebody else."
Bookmarked on • #
"If you're building a web experience and want to stay fast, a performance budget can be critical. For success, embrace performance budgets and learn to live within them. Network & CPU limits on mobile can require asking hard questions like, "what is really important to my users?"
Bookmarked on • #
"Web development isn’t easy. It’s a long slog we rarely get right on the first try. The best part of working on the web, however, is that we don’t have to get it perfect at the start. We can make improvements after the fact, and that’s just what the second installment of this series is here for. Perfection is a long ways off. For now, let’s take the edge off of that JavaScript hangover by improving your site’s, er, scriptuation in the short term."
Bookmarked on • #
Defer loading third party (async) scripts until after onload, for better, more meaningful page load time data.
Bookmarked on • #
Comprehensive list of tips, tricks, and configuration examples for Nginx.
Bookmarked on • #
"Having trouble understanding OKRs? This presentation will explain it to you, with the Emperor as CEO, and Darth Vader and Grand Moff Tarkin as his leadership team"
Bookmarked on • #
"When you stop to consider all the implications of poor performance, it’s hard not to come to the conclusion that poor performance is an ethical issue."
Bookmarked on • #
"Let’s make 2019... fast! A front-end performance checklist (PDF/Apple Pages/MS Word), with everything you need to know to create fast experiences today."
Bookmarked on • #
"FID is a metric that tracks the delay between the time a user can attempt to interact with a part of the site, and the time that the interface is able to respond to that interaction. We have all experienced situations where a web page has visibly loaded and we try to click around on buttons or any Javascript-powered interactive elements, but nothing responds. This delay is what the FID metric tracks."
Bookmarked on • #
"HTTP cache headers can significantly improve the user experience of web applications. Understand their use and in what scenarios to employ them."
Bookmarked on • #
Find out how much it costs for someone to use your site on mobile networks around the world.
Bookmarked on • #
"TL;DR: we cannot continue to use as much JavaScript as is now “normal” and expect the web to flourish. At the same time, most developers experience no constraint on their use of JS…until it’s too late. “JS neutral” and “TTI negative” tools are here, but we’re stuck in a rhetorical rut. We need to reset our conversation about “developer experience” to factor in the asymmetric cost of JS."
Bookmarked on • #
Our new blog is designed to radically reduce the energy use associated with accessing our content.
Bookmarked on • #
Bookmarked on • #
"Our goal as web developers is to maximize the experience and raise user expectations to the level of what the web is capable of delivering, but also to manage our performance budgets to ensure that we are fulfilling the promise of the web—it’s ubiquity. This checklist should help you deliver on those two often competing ideals."
Bookmarked on • #
In this excerpt from his eBook “The WebP Manual,” developer and author Jeremy Wagner will show you the many ways you can convert your existing images to the WebP format.
Bookmarked on • #
My home computer in 1998 had a 56K modem connected to our telephone line; we were allowed a maximum of thirty minutes of computer usage a day, because my parents — quite reasonably — did not want to have their telephone shut off for an evening at a time. I remember webpages loading slowly: ten […]
Bookmarked on • #