Live data from Hacker News

A 14kb page can load much faster than a 15kb page

endtimes.dev

111–120 of 356 posts

Re: A 14kb page can load much faster than a 15kb page

#113
post #80

Earlier quoted context omitted.

Omg just disabling custom fonts in Firefox speeds up the internet so much!

I wish I could do this without breaking all the obnoxious sites that use fonts for icons. Someone should invent an HTML tag for putting images on a page.

I'm using icon font to show a grid of icons, where each icon can be clicked to toggle it "on" or "off". Example: https://i.imgur.com/EHYHVDw.png

When I was implementing this, I initially experimented with the img tags – easy to implement, easy to have multi-color icons. But the grid can potentially have 100s of rows, potentially resulting in 1000+ of img tags. When testing with img tags, my site became noticeably sluggish (on a quick desktop PC). With icon fonts, the icon grid is basically lines of text, and the browser can render it with no noticeable performance impact.

Re: A 14kb page can load much faster than a 15kb page

#114
post #39

Earlier quoted context omitted.

Even for media focused websites, this 14KB rule is probably still worth following. Not for the whole web page, obviously. But you should still be aiming to maximize the impact of that first 14KB. Ideally you want to deliver enough for the first layout and paint, so that someone can quickly see the frame of the webpage and then you want to minimize the amount of visual changes caused by subsequent data. Ideally the fi…

Is there number, data, lab test session that proves it's worthwhile ? I sometime feel like these are all KPI detached from conversion but since it can be measured we do measure it.

that's what this blog post is about isn't it?

Re: A 14kb page can load much faster than a 15kb page

#116
post #66

Earlier quoted context omitted.

If it’s an illustrative photo for an article, sure. If it’s a gallery photo for a site promoting a photographers skill or library, nah…

Its best to have a compressed low res thumbnail that you can click to open the full resolution file in another tab imo

That 1MB is the full resolution image you open in another tab.

Re: A 14kb page can load much faster than a 15kb page

#117
post #81

Earlier quoted context omitted.

1MB per photo is massive. Its easy to compress photos down to 100KB or less.

Wat. 1MB per photo is tiny when the photo is the content. You need ~100KB for a high quality 512x512 WebP. AVIF will be slightly better but still doesn’t have universal support. We’ve had 4K (8MP) screens for a decade now and normal DSLRs shoot 25MP so you can zoom in.

Bandwidth is extremely carbon intensive. Someone viewing a couple of few 25MP images online could use 20g to 100g of CO2 (depending on compression).

Re: A 14kb page can load much faster than a 15kb page

#118

Shameless self-promotion: the homepage of plaintextsports.com is 5.2kb today [1], an in-progress WNBA game (4th quarter) is 11.2kb [2], and an extra inning MLB game is 8.8kb [3]. I wasn't aware of this size threshold, and I'm not at this level of optimization, but I'm always pleased to find more evidence of my playful claim that it's the "fastest website in the history of the internet". [1]: https://plaintextsports.c…

It has a pleasing teletext aesthetic. [1] [1] https://en.wikipedia.org/wiki/Teletext

Exactly where my head went too. I immediately had memories of Ceefax scrolling.

Re: A 14kb page can load much faster than a 15kb page

#119
post #80

Earlier quoted context omitted.

Omg just disabling custom fonts in Firefox speeds up the internet so much!

I wish I could do this without breaking all the obnoxious sites that use fonts for icons. Someone should invent an HTML tag for putting images on a page.

I just accept some things break for icons, but hovering over usually shows what the button is.

The only annoying thing about turning off fonts is the weird settings ProtonMail and GitHub use.

https://prnt.sc/zoPQiiPKIeZy

Re: A 14kb page can load much faster than a 15kb page

#120

Earlier quoted context omitted.

Omg just disabling custom fonts in Firefox speeds up the internet so much!

how do you disable fonts? Plugins?

Can check the comment from hiyer, that's all I did. Just be aware sites that use fonts for icons will look a bit weird.
Post reply on HN