Hacker News Reader

Comment by EGreg | Hacker News Reader

This is coming from someone who built an entire server-side rendering framework with PHP and then added Node.js for sockets and other realtime stuff...

Client first apps are the future.

Look, this is what I was able to get with a mix of clientside and serverside... does it load fast?

https://yang2020.app/events

The document is loaded from the server and then the client comes and fills in the rest. That first request can preload a bunch of data, to be sure. But then it can’t be cached.

Please read THIS as to the myriad reasons why client-first is better:

https://qbix.com/blog/2020/01/02/the-case-for-building-clien...

View on HN

> Look, this is what I was able to get with a mix of clientside and serverside... does it load fast?

That's a resounding 'no' from me: [0]

It takes over a full minute to finish loading the page. As to when the titles for the calendar events, the interesting part, first appear, that's about the 30sec mark.

For comparison, this page I'm writing from loaded in 216ms.

[0] https://sixteenmm.org/personal/yang.png

Cleared cache, loaded everything in 3 seconds. Strange:

https://streamable.com/883nsf

FWIW the page loaded relatively fast for me but the images then loaded in very slowly (both the backgrounds and avatar icons).

I was curious (not picking on you, and I'm hardly an expert) so threw it at gtmetrix and you can see the same (click on Waterfall, the suggestions on the main PageSpeed tab seems pointless).

https://gtmetrix.com/reports/yang2020.app/2vndjPO4

Well they seem to give an A on almost all metric except small images, they claim we could save 50 KB overall LOL. And the reason they are wrong is that retina displays have 2x density per logical pixel.

The suggestion to use a CDN and set up HTTP Caching is a good one. As well as minimizing Javascript. My point was specifically to illustrate how fast an image-heavy page can be without it. It lazyloads images on demand, batches requests and does many other things to speed up rendering.

Under 3 seconds here on an old $999-when-new Windows 10 laptop.

I have no idea what you are running on that makes it 30 seconds. The site was quite fast. Scrolling is a bit abrupt, it should probably pre-load more aggressively, but other than that the site works really well.

> Look, this is what I was able to get with a mix of clientside and serverside... does it load fast?

6.60s for me, on desktop.

As others have pointed out, this is an example of front-end going wrong. It just feels so sluggish.

Ryzen 2700X, 32GB RAM, 300/300 Mbps internet (hard-wired.)

Reply on news.ycombinator.com