6 comments

[ 2.8 ms ] story [ 24.4 ms ] thread
Previously (10 points, 10 hours ago) https://news.ycombinator.com/item?id=41884029

Discussion on the same (16 points, 11 hours ago, 10 comments) https://news.ycombinator.com/item?id=41883419

I came to submit this video as well, but the search at the bottom of the HN page did not find my link. Fortunately when I submitted, I was redirected to this page rather than creating a new link! So somehow the submission page has better search than the website search.
(comment deleted)
Expanding on a list of techniques taken from another HN post ( https://news.ycombinator.com/item?id=41883893 ):

- Server delivers HTML, not JSON

- Pre-loading product page HTML on hover

- Properly enabling caching on the CDN

- Using service worker caching

- Using ASP.net

- DNS pre-fetching entries for other image and web domains

- Pre-loading fonts that CSS will later load, as well as some images

- Critical CSS inline: put the structural CSS for layout in <header> in a style tag inline, without fetching anything

- Assign fixed pixel width and height to image to improve layout speed (this technique goes back to the 1990s!)

- Javascript delivered to the page is a subset of all javascript, based on what's needed

- Uses Yuyi JS library, a 2008 Yahoo library, plus jQuery

- Still ~800kb of Javascript, but the focus is getting HTML on the page first

These are all observations, so it's not clear if all or some are crucial for performance.