Hacker News Reader

Comment by dewey | Hacker News Reader

And yet when I open the page it first loads without CSS and then after 0.5s applies the style.

Responsible:

  <link rel="stylesheet" href="/_digested/assets/css/main-e03066e7ad7653435204aa3170643558.css" media="print" onload="this.media='all'">
  <noscript><link rel="stylesheet" href="/_digested/assets/css/main-e03066e7ad7653435204aa3170643558.css"></noscript>

This is deliberate FOUC. Why, I have no notion whatsoever. It should read:

  <link rel="stylesheet" href="/_digested/assets/css/main-e03066e7ad7653435204aa3170643558.css">

Yeah. Maybe they separated critical and non-critical CSS? and delayed non-critical CSS, that way you'll see a degraded version of the page on slow connections.

Can't think of any other reason why you would do this.

IIRC I followed the advice of PageSpeed or another Google page to do it that way. ¯\_(ツ)_/¯

Appreciate the feedback!

They probably forgot to inline the critical CSS.

Reply on news.ycombinator.com