Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
performance

159 Articles
{
,

}
cdn http/2 performance

HTTP/2 – A Real-World Performance Test and Analysis

Perhaps you’ve heard of HTTP/2? It’s not just an idea, it’s a real technology and slowly but surely, hosting companies and CDN services have been releasing it to their servers. Much has been said about the benefits of using HTTP/2 …

Avatar of David Attard
David Attard on Feb 21, 2017 (Updated on Feb 22, 2017)
gif performance video

Optimizing GIFs for the Web

Direct Link

Ire Aderinokun describes a frustrating problem that we’ve probably all noticed at one point or another:

Recently, I’ve found that some of my articles that are GIF-heavy tend to get incredibly slow. The reason for this is that each frame

…
Avatar of Robin Rendle
Shared by Robin Rendle on Feb 18, 2017
performance

Most of the web really sucks if you have a slow connection

Direct Link

Dan Luu on the sorry state of web performance:

…it’s not just nerds like me who care about web performance. In the U.S., AOL alone had over 2 million dialup users in 2015. Outside of the U.S., there are even

…
Avatar of Robin Rendle
Shared by Robin Rendle on Feb 14, 2017
performance talk

Performance Under Pressure

Direct Link

Here’s a neat transcript of a talk by Mat Marquis where he details how he made the Bocoup website lightning fast, particularly with snazzy font loading tricks and performance tools to help monitor those improvements over time.

Although, my favorite …

Avatar of Robin Rendle
Shared by Robin Rendle on Feb 12, 2017
cache facebook performance

This browser tweak saved 60% of requests to Facebook

Direct Link

Ben Maurer & Nate Schloss:

The browser’s reload button exists to allow the user to get an updated version of the current page. In order to meet this goal, when you reload, browsers revalidate the page that you are currently

…
Avatar of Chris Coyier
Shared by Chris Coyier on Feb 6, 2017
performance rendering

Understanding the Critical Rendering Path

Direct Link

Ire Aderinokun:

There are 6 stages to the CRP –

  1. Constructing the DOM Tree
  2. Constructing the CSSOM Tree
  3. Running JavaScript
  4. Creating the Render Tree
  5. Generating the Layout
  6. Painting

I imagine if you’re really getting into performance work, you’ll want a …

Avatar of Chris Coyier
Shared by Chris Coyier on Feb 1, 2017
performance web fonts

#152: Font Loading with Zach Leatherman

Time for another pairing screencast! This time I have Zach Leatherman on, from Filament Group. Zach has done a lot of research, writing, and speaking about web font loading the past few years. He’s got a comprehensive guide on …

Avatar of Chris Coyier
Chris Coyier on Jan 30, 2017 (Updated on Feb 20, 2017)
performance progressive enhancement pwa

A practical guide to Progressive Web Apps for organisations who don’t know anything about Progressive Web Apps

Direct Link

Sally Jenkinson:

Progressive Web Apps (sometimes referred to as PWAs, because everything in tech needs an acronym) is the encapsulating term for websites following a certain approach, that meet particular technical criteria. The “app” involvement in the name isn’t an

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 30, 2017
CMS performance themes WordPress

Free, faster.

Direct Link

Ethan Marcotte, on time- and budget-constrained organizations websites:

Between the urgency of their work and the size of their resources, spending months on a full redesign isn’t something they can afford to do. Given that, a free theme for, say,

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 29, 2017
http/2 performance server push

Modernizing our Progressive Enhancement Delivery

Direct Link

Scott Jehl, explaining one of the performance improvements he made to the Filament Group site:

Inlining is a measurably-worthwhile workaround, but it’s still a workaround. Fortunately, HTTP/2’s Server Push feature brings the performance benefits of inlining without sacrificing cacheability for

…
Avatar of Chris Coyier
Shared by Chris Coyier on Jan 15, 2017
performance responsive images

The “Optimal Image Format” for Each Browser

Direct Link

Perhaps you’ve heard about the WebP image format? And how it’s a pretty good performance win, for the browsers that support it? Well that’s only for Blink-based browsers, at the moment. Estelle Weyl’s article Image Optimization explains the best image …

Avatar of Chris Coyier
Shared by Chris Coyier on Dec 24, 2016 (Updated on May 31, 2017)
  • Newer
  • 1
  • ...
  • 12
  • 13
  • 14
  • ...
  • 15
  • Older

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top