Note: This section of the site is under heavy construction, tread carefully.

Bookmarks tagged with “performance”

192 bookmarks by garrettc


Bundle Buddy

"Visualizing what code is in your web bundle, and how it got there."

Bookmarked on #


Streets Series' Articles

A breakdown of improving a major US retailer’s website performance.

Bookmarked on #



csswizardry/ct: Let’s take a look inside your <head>

Diagnostic css file to identify issues in the head of a html document.

Bookmarked on #


Making Django Deployments Less Disruptive

"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 #


Generating JSON Directly from Postgres

Simplify web tiers by pushing JSON creation to the database.

Bookmarked on #



Convince Your Boss to Care About Speed

"Are you trying to convince your boss to commit to web performance work without much success? We have tips."

Bookmarked on #


The Almost-Complete Guide to Cumulative Layout Shift

"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 #


How to Improve CSS Performance

Learn the most common speed issues caused by CSS and how to avoid them.

Bookmarked on #


Now THAT’S What I Call Service Worker!

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 #



Maximally optimizing image loading for the web in 2021

"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 #



How to avoid layout shifts caused by web fonts

"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 #



Core Web Vitals

Essential metrics for a healthy site

Bookmarked on #



Principles and priorities

"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 #


Request Map Generator

"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 #


Measuring the Impact of 3rd-Party Tags With WebPageTest

"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 #


Locust - A modern load testing framework

"Define user behaviour with Python code, and swarm your system with millions of simultaneous users."

Bookmarked on #


Adactio: Journal—Telling the story of performance

Measuring performance is important. Communicating the story of performance is equally important.

Bookmarked on #


The Impact of Web Performance

"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 #


UX Debt in the Enterprise: A Practical Approach User Experience Magazine

“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 #


Rendering on the Web  |  Google Developers

“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 #



Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

"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 #


Http2 in practice

Slides from Velocity 2019 tutorial on HTTP/2. Covers prioritization in the browser, network and server and tuning of HTTP/2.

Bookmarked on #




Start Performance Budgeting

"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 #


Responsible JavaScript: Part II

"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 #


Why loading third party scripts async is not good enough

Defer loading third party (async) scripts until after onload, for better, more meaningful page load time data.

Bookmarked on #


Nginx Quick Reference

Comprehensive list of tips, tricks, and configuration examples for Nginx.

Bookmarked on #


OKRs, Explained with "Star Wars"

"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 #


The Ethics of Web Performance

"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 #


Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

"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 #


Squoosh

Compress and compare images with different codecs, right in your browser

Bookmarked on #


What is First Input Delay?

"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 #



Increasing Application Performance with HTTP Cache Headers

"HTTP cache headers can significantly improve the user experience of web applications. Understand their use and in what scenarios to employ them."

Bookmarked on #


What Does My Site Cost?

Find out how much it costs for someone to use your site on mobile networks around the world.

Bookmarked on #


The “Developer Experience” Bait-and-Switch

"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 #


LOW←TECH MAGAZINE

Our new blog is designed to radically reduce the energy use associated with accessing our content.

Bookmarked on #



The Font Loading Checklist—zachleat.com

"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 #


Converting Images To WebP

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 #


The Bullshit Web

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 #