CSS Wizardry

NOVEMBER 9, 2018

Despite having been called CSS Wizardry for over a decade now, there hasn’t been a great deal of CSS-related content on this site for a while. Let me address that by combining my two favourite topics: CSS and performance. Any delays on the Critical Path affect our Start Render and leave users looking at a blank screen.

Network 278

Network Performance Media Cache 278

Smashing Magazine

APRIL 11, 2022

JavaScript, CSS, images, iframes, and other resources impact how quickly website loads, renders and becomes usable to the user. Browsers follow a critical render path to parse the HTML document and its referenced resources (CSS, JS, images, etc.) CSS and Script (late – if requested after a non-preloaded image file).

Media 69

Media Tuning Metrics Google 69

Smashing Magazine

JANUARY 21, 2021

After the latest redesign in late 2017, it was Ilya Pukhalski on the JavaScript side of things (part-time), Michael Riethmueller on the CSS side of things (a few hours a week), and yours truly, playing mind games with critical CSS and trying to juggle a few too many things. This is where we started. We had to fix that.

Performance 145

Performance Cache Mobile Network 145

Smashing Magazine

JANUARY 11, 2021

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. Testing And Monitoring Auditing workflow, proxy browsers, 404 page, GDPR cookie consent prompts, performance diagnostics CSS, accessibility.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

OCTOBER 24, 2023

The Fight For The Main Thread The Fight For The Main Thread Geoff Graham 2023-10-24T18:00:00+00:00 2023-10-24T22:02:26+00:00 This article is sponsored by SpeedCurve Performance work is one of those things, as they say, that ought to happen in development. Same deal with CSS. The HTML is parsed. Elements are rendered. Meh, untrue.

Google 90

Google Analytics Traffic Metrics 90

Smashing Magazine

JUNE 1, 2022

In this article, we will review what third-party resource requests are, consider how impactful they can be to the user experience, and discuss common optimization strategies to reduce the impact on the user experience. Any resource (HTML, CSS, JavaScript, image, font, etc.) How do you manage or even mitigate that impact?

Website 131

Website Design Network Best Practices 131

Smashing Magazine

JANUARY 6, 2020

Often deferred till the very end of the project, it would boil down to minification, concatenation, asset optimization and potentially a few fine adjustments on the server’s config file. (You Also, think about critical customer tasks that are most beneficial to your business. Back in the day, performance was often a mere afterthought.

Performance 145

Performance Cache Network Metrics 145