Current time: 11-12-2019, 10:22 AM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Mysterious async css
06-10-2016, 02:03 AM
Post: #1
Mysterious async css
Hi!
When looking at these tests results (http://www.webpagetest.org/result/160609...ef/#run8), I don't understand how the CSS is lazy loaded. Looking at the source, it uses plain <link> elements, there's no inline critical styles, and I couldn't see a CSS loader in the JS. Anyone knows what's going on here? I can't even reproduce the same results in my local Chrome (stylesheets are downloaded & parsed before DOMContentLoaded = no async css).
Thanks!
Laurent
Find all posts by this user
Quote this message in a reply
06-16-2016, 04:42 AM
Post: #2
RE: Mysterious async css
Hey Laurent

anything to do with the plain old fashioned link elements not being in the head, I wonder?

I haven't tried to reproduce, but it always used to be the case (long time ago I tried this) that in Chrome, putting the css in the body was a nice hack to get other resources downloading in ||.

N

BTW: The quarter second DNS look up on the res.cloudinary.com might be ameliorated with a dns prefetch?
Find all posts by this user
Quote this message in a reply
06-20-2016, 09:01 AM
Post: #3
RE: Mysterious async css
The CSS is loaded async using javascript for me. With some inline styles, mainly the above the fold styles by the looks of it.

You can see this by viewing the source code and searching for ".css" to see how it's loaded. There are some standard <link rel="stylesheet"> elements but these are wrapped in noscript tags.

This was on the home page, I'm not sure if there is a difference on other pages or if/when logged in.
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 2 Guest(s)