Posts Tagged ‘performance’
-
04 Nov, 2019
Location, Privilege and Performant Websites
When we design and build our websites with the outliers in mind, whether it’s for performance or even user experience, we build an experience that can be easy for all to access and use — and that’s what the web is about, […]
-
18 Nov, 2018
CSS and Network Performance
This post by Harry does a great job of talking about the performance implications of CSS, and he shares a load of tips for avoiding big performance hits due to CSS. CSS is critical to rendering a page—a browser will […]
-
15 Aug, 2018
Frontend Performance Checklist
This looks like a handy performance checklist for a web project.
-
21 May, 2018
Identifying, Auditing, and Discussing Third Parties
Here’s Harry with a great process for identifying third-party scripts that wreak havoc on performance. Note that while he discusses bytes and bits, these problems are mainly political. The attitude in which you approach a process like this makes all […]
-
29 Apr, 2018
Name That Script
Fantastic talk slides from Trent about third-party scripts’ implications on performance. I wish I could have seen the talk in person.
-
01 Feb, 2018
Article Performance Leaderboard
I love this leaderboard ranking the performance of article template across brands. I’m also thrilled that three of the sites I helped the team at DotDash (formerly About.com) create made the Top 10!
-
04 Jan, 2018
Third-Party Scripts
Reading this post by Trent about the importance of third-party scripts, and I’m reminded of an older post of mine about how component libraries can be used to help surface invisible elements like third-party scripts. The idea is that someone […]
-
03 Jan, 2018
Front-End Performance Checklist 2018
In classic Vitaly fashion, here’s a gigantic article that includes a ton of tools and tips for all things frontend performance. They even included my performance budget builder, which I forgot I made!
-
25 Jan, 2016
Performance Budget Builder
Performance budgets are awesome. So I made a thing to help you make performance budgets. The Performance Budget builder lets you lay out your template types, set a size budget for each template type, then plug in the sizes for each […]
-
21 May, 2015
Perform
Make every thing fight for its life. Fight for its right to exist. Stop adding shit. Start killing shit. Victory is subtraction. Rip it all out. Be ruthless. Demand better. Reorder. Stop blindly adopting tools. Stop breaking the Web. Be […]
-
20 May, 2015
Making a difference with performance
Here’s Jaime Caballero with some fantastic advice on how to improve your experience’s performance.
-
20 Apr, 2015
HTTP2 in 5 Minutes
Ben Maraney gave a great talk about how HTTP2 will speed up how the web works and will impact performance in a big way. Normally I struggle to make it through talks about in-the-weeds stuff like this, but I feel the […]
-
09 Apr, 2015
Accessibility and Low-Powered Devices
My wife’s cousin suffers from debilitating migraines. She’s done everything to reduce the migraines’ frequency, from dramatically altering her diet, to trying every available medical treatment, to even moving several times to different climates. Because of her condition, she has to minimize […]
-
07 Apr, 2015
The Path to Performance
Katie Kovalcin and Tim Kadlec started a podcast all about web performance. Consider me sold!
-
16 Sep, 2013
Page Height, Scrolling and Responsive Web Design
Think about the times you scroll on your mobile phone. Not necessarily on on the Web, but in general. Here are some common scrolling scenarios: Going Back in Time Going back in time is one of the most common mobile […]
-
09 Sep, 2013
Smashing Conf: Deliberate Performance
Tim Kadlec just gave an amazing talk about building performance into the design process. As always, Luke Wroblewski took some fantastic notes. I highly recommend checking them out because Tim’s speaking a lot of sense.
-
03 Jul, 2013
Keynote Benchmark Interview
I had a wonderful chat with Keynote about the performance implications of responsive web design and how to treat performance as design.
-
17 Jun, 2013
Page Weight Matters
Many of us are fortunate to live in high bandwidth regions, but there are still large portions of the world that do not. By keeping your client side code small and lightweight, you can literally open your product up to […]
-
22 Apr, 2013
Oakley’s monster page of baubles
Earlier today I shared a behemoth, morbidly obese website that weighs a whopping 85.9MB. Here’s a link to the Oakley website (warning: visit that link at your own risk). Phil Hawksworth documented this amazing specimen over at his blog. Check […]
-
18 Mar, 2013
Improving UX Through Front-End Performance
Lara Swanson, the engineering manager at Etsy, gives a great rundown of things you can do to design with performance in mind. Lots of great tips here.
-
07 Mar, 2013
Prioritizing Performance in Responsive Design
Last year, Guy Podjarny ran tests on hundreds of responsive sites on Mediaqueri.es and found that a full 86% of responsive sites send about the same hefty payload to small screens as they do to large screens. In other words, […]
-
01 Feb, 2013
Web Performance 101: An opinionated guide to the 22 links that every developer should read
Web performance maven Joshua Bixby provides a roundup of resources to check out to learn more about site performance.
-
28 Jan, 2013
Setting a Performance Budget
Here’s Tim Kadlec riffing on my post about Performance As Design with a really clever idea: setting a performance budget. A performance budget is just what it sounds like: you set a “budget” on your page and do not allow […]
-
28 Jan, 2013
Performance As Design
Too often, any talk of web performance quickly ventures into the land of heavy geekery. Terms like DNS lookups, Gzipping, minifying, far future expires headers, caching, ETags and more are thrown around and consequently lose the attention of most non-techy […]
-
22 Jan, 2013
Front-end performance for web designers and front-end developers
Here’s Harry Roberts with a lengthy, thoughtful article about how to prioritize performance in your frontend development workflow.