What CSS does the author use to achieve that "sketchy" effect on the orange headings?
Looks like it's an SVG filter using and , similar to the example on https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feT...
A 14kb page can load much faster than a 15kb page
41–50 of 356 posts
Re: A 14kb page can load much faster than a 15kb page
#42So 14kb for 1 file? (Index.html) meaning we should ensure that the supporting assets (css, js, images) are set non-blocking so at least people can see the content first?
Re: A 14kb page can load much faster than a 15kb page
#43What CSS does the author use to achieve that "sketchy" effect on the orange headings?
It’s a filter derived from the first SVG element on the page.
Check out the page in the web inspector! Simple websites have the bonus of being easy to poke at.
Re: A 14kb page can load much faster than a 15kb page
#44Some kind of actual measurements/tests would be nice, like put up a 14kb and 15kb+ page and measure them to demonstrate the apparent speed difference really exists.
Re: A 14kb page can load much faster than a 15kb page
#45Shameless 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…
I wish I were into sports, I'd definitely use this!
It fits nicely into the smol web
Re: A 14kb page can load much faster than a 15kb page
#46Unrelated, but I found reading this post very easy. Something about the colors and font choices worked well for my brain which struggles recently to parse most long-form content..
While the colors and font choices are good, I think the more significant factor here is good organization: there's a logical layout, use of subheadings, and short paragraphs (in this case, very short--many paragraphs are single sentences!).
Re: A 14kb page can load much faster than a 15kb page
#47The athletic.com routinely takes 2-5 seconds to load a page on my mobile phone connected to a 600MBPS down line (when it doesn't 500).
I still use it.
So, sure, this is awesome but it might not be something worth optimizing for if you want to make money.
Re: A 14kb page can load much faster than a 15kb page
#48It's true but not realistic as soon as the website is more than a blog or a static content website. The goal of good web building is to manage to deliver the most value to consumers and the business, and removing what's not needed, and if you add anything, you make it on a performance oriented way. Bloat will always infiltrates itself, so you must clean again and again. I operate e-commerce websites and we went throu…
Hell, my blog is static HTML (mostly) but my most recent post is 40,000 characters in Markdown before adding HTML tags, that's already too big even just as text.
in the old days, you'd paginate
Re: A 14kb page can load much faster than a 15kb page
#49https://sumi.news HTML is ~14KB when transferred with compression. The CSS is ~30KB. I could probably slash that in half if I optimized.
Re: A 14kb page can load much faster than a 15kb page
#50Wow a web page that appeared the second I pressed the link, I guess he practices what he preaches.
I just went to theguardian.com and it opened immediately. This kilobyte fetishism on here is ridiculous.