![]() |
Paul Irish
@
paul_irish
Palo Alto
|
I 💗 the web • I work on performance, @____lighthouse, and PageSpeed Insights. Lover of under-appreciated music. I like you, too.
|
26,400
Tweets
|
3,097
Following
|
238,487
Followers
|
Tweets |
![]() |
Paul Irish
@paul_irish
|
1h |
i am sad.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
5h |
Good lord, that is a fortunate class. Super jealous.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 6 |
It seems slightly more severe than a 404 or 500. I don't recall how those are logged by default.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 5 |
Bonus picture of where the topnav finally collapses when the JS loads in: pic.twitter.com/XKjwQ4ZrnU
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 5 |
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.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 5 |
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
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 5 |
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.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 5 |
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. pic.twitter.com/ZhyObjOtFJ
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 5 |
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. :/
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 4 |
"holiday puss."
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 4 |
Looks like github.com/nytimes/text-b… is at fault. :/ Seems to be a new addition.
Also this flamechart gives me an idea for the coolest weekend project. 🤓
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 4 |
officially jealous.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 4 |
@samccone is this art? pic.twitter.com/NDiBAydxcn
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Dec 3 |
seems ok.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@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.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Nov 26 |
What's the idea? 🙂
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Nov 26 |
That fernet bottle is super adorbs.
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Nov 26 |
Pizza My Heart!
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@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. pic.twitter.com/mUckcIqlTd
|
||
![]() ![]() ![]() |
![]() |
Paul Irish
@paul_irish
|
Nov 25 |
@GitHubEng This gives me a giggle: pic.twitter.com/gbs9Gu1dCA
|
||
![]() ![]() ![]() |