6 ms·

Blank page with an embedded tweet. How bad can it be?

29 points by pdahal 4y ago

pdahal 4y ago
JS: 1.5MB PageSpeed score: 61/100 Time to Interactive: 9 sec TBT: 1.7 sec
whywhywhywhy 4y ago
Watching the browser choke two load points to make it appear is truly disgusting. Honestly pathetic considering the size the engineering team used to be and points to an extremely broken culture.
- brundolf 4y ago
  In my experience, a larger engineering team makes these kinds of problems more likely I wonder how many teams worked on tweet embeds, each with their own incomplete understanding of the full widget and their own competing product priorities and OKRs
brundolf 4y ago
> What hope does an average site have if a simple tweet requires MegaBytes of JS and seconds to interactivity? Their hope is that their orgs probably aren't as bloated as twitter's
ilyt 4y ago
> What hope does an average site have if a simple tweet requires MegaBytes of JS and seconds to interactivity? But dev deploying that abomination spent whole days less by just including random shit instead of understand the problems they solve! That's investor value!
- brookst 4y ago
  Hey now, if you’re measuring my performance base on lines of code, I am damn well including everything I can think of, and cloning it right into my code rather than using it by reference.
  - dotancohen 4y ago
    Somebody smarter than me once quipped that measuring a software developer's performance based on lines of code is akin to measuring aerospace engineer's performance based on the mass he adds to the vehicle.
    - sokoloff 4y ago
      Bill Gates - https://www.goodreads.com/quotes/536587-measuring-programming-progress-by-lines-of-code-is-like-measuring https://www.goodreads.com/quotes/536587-measuring-programmin...
- Jasper_ 4y ago
  Yeah, if it wasn't for the improved developer velocity of these fancy new JavaScript frameworks, we would have been left with a basic HTML version of the widget that doesn't require any JavaScript and has all the same features. Unthinkable!
zugi 4y ago
Until a year or so ago you could read Twitter with Javascript disabled in your browser. So we know zero lines of Javascript are actually required to read tweets. I just stopped clicking in Twitter links once they intentionally disabled browsing without Javascript, and use Nitter.net if there's a tweet I really want to read.
- the_gipsy 4y ago
  It's common sense that for reading a bit of text and perhaps an image there is no need for JavaScript. Even video doesn't require it. It should all be HTML.
  - harlanji 4y ago
    I've got an open source Twitter and Mastodon app that's as vanilla as possible. Python + HTMx. Just added video support this morning. Total page load is 200kB. Double-click loads the video: https://twitter.com/iSpoogeDaily/status/1607038383318081537 https://twitter.com/iSpoogeDaily/status/1607038383318081537 I'm releasing every week or two to Glitch unless I can get more funding. Latest version is on https://glitch.com/~hogumathi https://glitch.com/~hogumathi, there's supporter links and licensing info in the readme (public releases are AGPL).
  - matvp 4y ago
    Providing adaptive video (MPEG-DASH / HLS on any non Safari browser) still requires JS though.
IanDrake 4y ago
[dead]
prhrb 4y ago
One can also embed tweet with nitter by adding /embed in the end and with iframe tag. Eg: https://nitter.fly.dev/mhevery/status/1606438382561026049/embed https://nitter.fly.dev/mhevery/status/1606438382561026049/em... Pagespeed score: https://pagespeed.web.dev/report?url=https://nitter.fly.dev/mhevery/status/1606438382561026049/embed https://pagespeed.web.dev/report?url=https://nitter.fly.dev/... reference: https://github.com/zedeus/nitter/pull/515 https://github.com/zedeus/nitter/pull/515
pdahal 4y ago
There is also this alternative solution if you are using react/next https://static-tweet.vercel.app/ https://static-tweet.vercel.app/

29 points by pdahal 4y ago

JS: 1.5MB PageSpeed score: 61/100 Time to Interactive: 9 sec TBT: 1.7 sec

Watching the browser choke two load points to make it appear is truly disgusting. Honestly pathetic considering the size the engineering team used to be and points to an extremely broken culture.

brundolf 4y ago
In my experience, a larger engineering team makes these kinds of problems more likely I wonder how many teams worked on tweet embeds, each with their own incomplete understanding of the full widget and their own competing product priorities and OKRs

brundolf 4y ago

> What hope does an average site have if a simple tweet requires MegaBytes of JS and seconds to interactivity? Their hope is that their orgs probably aren't as bloated as twitter's

ilyt 4y ago

> What hope does an average site have if a simple tweet requires MegaBytes of JS and seconds to interactivity? But dev deploying that abomination spent whole days less by just including random shit instead of understand the problems they solve! That's investor value!

brookst 4y ago
Hey now, if you’re measuring my performance base on lines of code, I am damn well including everything I can think of, and cloning it right into my code rather than using it by reference.
- dotancohen 4y ago
  Somebody smarter than me once quipped that measuring a software developer's performance based on lines of code is akin to measuring aerospace engineer's performance based on the mass he adds to the vehicle.
  - sokoloff 4y ago
    Bill Gates - https://www.goodreads.com/quotes/536587-measuring-programming-progress-by-lines-of-code-is-like-measuring https://www.goodreads.com/quotes/536587-measuring-programmin...
Jasper_ 4y ago
Yeah, if it wasn't for the improved developer velocity of these fancy new JavaScript frameworks, we would have been left with a basic HTML version of the widget that doesn't require any JavaScript and has all the same features. Unthinkable!

zugi 4y ago

Until a year or so ago you could read Twitter with Javascript disabled in your browser. So we know zero lines of Javascript are actually required to read tweets. I just stopped clicking in Twitter links once they intentionally disabled browsing without Javascript, and use Nitter.net if there's a tweet I really want to read.

the_gipsy 4y ago
It's common sense that for reading a bit of text and perhaps an image there is no need for JavaScript. Even video doesn't require it. It should all be HTML.
- harlanji 4y ago
  I've got an open source Twitter and Mastodon app that's as vanilla as possible. Python + HTMx. Just added video support this morning. Total page load is 200kB. Double-click loads the video: https://twitter.com/iSpoogeDaily/status/1607038383318081537 https://twitter.com/iSpoogeDaily/status/1607038383318081537 I'm releasing every week or two to Glitch unless I can get more funding. Latest version is on https://glitch.com/~hogumathi https://glitch.com/~hogumathi, there's supporter links and licensing info in the readme (public releases are AGPL).
- matvp 4y ago
  Providing adaptive video (MPEG-DASH / HLS on any non Safari browser) still requires JS though.

IanDrake 4y ago

[dead]

prhrb 4y ago

One can also embed tweet with nitter by adding /embed in the end and with iframe tag. Eg: https://nitter.fly.dev/mhevery/status/1606438382561026049/embed https://nitter.fly.dev/mhevery/status/1606438382561026049/em... Pagespeed score: https://pagespeed.web.dev/report?url=https://nitter.fly.dev/mhevery/status/1606438382561026049/embed https://pagespeed.web.dev/report?url=https://nitter.fly.dev/... reference: https://github.com/zedeus/nitter/pull/515 https://github.com/zedeus/nitter/pull/515

pdahal 4y ago

There is also this alternative solution if you are using react/next https://static-tweet.vercel.app/ https://static-tweet.vercel.app/