Twitter | Search | |
Paul Irish
I 💗 the web • I work on performance, , and PageSpeed Insights. Lover of under-appreciated music. I like you, too.
26,400
Tweets
3,097
Following
238,487
Followers
Tweets
Paul Irish 1h
Replying to @IacobanIulia
i am sad.
Reply Retweet Like
Paul Irish 5h
Good lord, that is a fortunate class. Super jealous.
Reply Retweet Like
Paul Irish Dec 6
Replying to @bz_moz @miketaylr
It seems slightly more severe than a 404 or 500. I don't recall how those are logged by default.
Reply Retweet Like
Paul Irish Dec 5
Replying to @simevidas
Bonus picture of where the topnav finally collapses when the JS loads in:
Reply Retweet Like
Paul Irish Dec 5
Replying to @simevidas
Had the scripts been actual <script> tags the priorities would be reasonable. Scripts would be 'High' and gifs would be 'Low'. Scripts would finish within the first couple seconds of load and the page would look OK until all these GIFs finally load in.
Reply Retweet Like
Paul Irish Dec 5
Replying to @simevidas
Second, I'd fix this bizarre system of loading JS. The fact that these scripts are added by JS means the browser treats the network requests as Low priority. And unfortunately it's the same priority as the 17MB of gifs. They were started before and steal all download throughput
Reply Retweet Like
Paul Irish Dec 5
Replying to @simevidas
But this topnav was written in a way that it's expanded by default and only hidden once their glue-app.min.js runs. 😒 I'd fix that first. The page must look reasonable when loading and JS is disabled.
Reply Retweet Like
Paul Irish Dec 5
Replying to @simevidas
Based on the WPT waterfall, it appears the page finally renders the headline (rather than the offscreen nav) immediately after the various JS finish loading. Looking at the source, we can confirm they load these as render blocking.
Reply Retweet Like
Paul Irish Dec 5
Replying to @g33konaut @RReverser
DOM.getFlattenedDocument will be easier to work with than a snapshot, but it's still going to be painful. I'd maybe start with a finding your shadow root nodes (via DOM domain, maybe flattenedDoc) and then getting outerHTML of root doc and all roots. I'm unaware of a library. :/
Reply Retweet Like
Paul Irish Dec 4
Replying to @benschwarz
"holiday puss."
Reply Retweet Like
Paul Irish Dec 4
Replying to @samccone
Looks like is at fault. :/ Seems to be a new addition. Also this flamechart gives me an idea for the coolest weekend project. 🤓
Reply Retweet Like
Paul Irish Dec 4
Replying to @benschwarz
officially jealous.
Reply Retweet Like
Paul Irish Dec 4
Reply Retweet Like
Paul Irish Dec 3
Replying to @benschwarz
seems ok.
Reply Retweet Like
Paul Irish Dec 1
Its biggest usecase is document.activeElement, by far. I hope people use it for other things, but tbh I'm not sure.
Reply Retweet Like
Paul Irish Nov 26
Replying to @RyanTownsend
What's the idea? 🙂
Reply Retweet Like
Paul Irish Nov 26
Replying to @jlengstorf
That fernet bottle is super adorbs.
Reply Retweet Like
Paul Irish Nov 26
Replying to @docmilanfar
Pizza My Heart!
Reply Retweet Like
Paul Irish Nov 25
It was exposed in the 3-dots menu, but I agree an icon in Sources' Find-in-file toolbar would be great.
Reply Retweet Like
Paul Irish Nov 25
This gives me a giggle:
Reply Retweet Like