6 ms·

10 KB Club: With links to popular HN, Reddit, Lobsters threads for each website

123 points by susam 6y ago

timonoko 6y ago
Reminds me some old book collections in Pirate Bay. They had all famous authors and then one or two really shitty books from some unknown never-published writer. This self-promotion technique seems to work somewhat, because one Swede eventually published and thanks to native English editors the book was not so bad anymore.
- susam 6y ago
  > timonoko: Reminds me some old book collections in Pirate Bay. They had all famous authors and then one or two really shitty books from some unknown never-published writer. This self-promotion technique seems to work somewhat, because one Swede eventually published and thanks to native English editors the book was not so bad anymore. This comment sounds like an insinuation that someone or I have deceptively added my own website to this list. I apologize if that is not the case. However, let me clarify the criteria I used to select the websites. I initially took the list of websites already available from https://1mb.club/ https://1mb.club/, https://512kb.club/ https://512kb.club/, and https://250kb.club/ https://250kb.club/, and then fed them to a script to select the websites that consume less than 10 KB compressed transfer size and that have received at least 100 upvotes on Hacker News. Later I relaxed the rules to include upvotes on Reddit and Lobsters in the eligibility criteria. There is no self-promotion going on here. Doing so and especially insinuating that others are doing so would be taking this tiny project too seriously. Indeed there are many who rightfully argue that keeping a website under N KB (for arbitrarily chosen N) is not an interesting goal by itself. This is just a hobby project made for fun over a weekend because https://news.ycombinator.com/item?id=25176794 https://news.ycombinator.com/item?id=25176794. Disclosure: My own website is on this list.
  - Aeolun 6y ago
    10kb.club only has 51 votes as of now though? Shouldn’t it have 100? ;)
    - susam 6y ago
      10kbclub.com was added to the list two days ago after it received 550+ points at https://www.reddit.com/r/webdev/comments/kkcoko https://www.reddit.com/r/webdev/comments/kkcoko. See https://10kbclub.com/#club-rules https://10kbclub.com/#club-rules for the inclusion criteria. Also click on any row of the data table to see Hacker News, Reddit, and Lobsters discussion threads about the website along with how many upvotes the thread has received. If there are more websites like this, please suggest it for addition by creating a new issue at https://github.com/susam/10kbclub https://github.com/susam/10kbclub.
  - dsohn0 6y ago
    There is obviously self promotion going on here - you submitted your own website here no?
tyingq 6y ago
Berkshire Hathaway could have made the cut if they didn't choose to use Google Analytics.
lifthrasiir 6y ago
Hilariously enough both https://1mb.club/ https://1mb.club/ and https://10kbclub.com/ https://10kbclub.com/ itself are included in the listing. This means that they will eventually have to retire as the clubs grow...
- susam 6y ago
  Good point! https://1mb.club/ https://1mb.club/ has a compressed transfer size of 7.6 KB and https://10kbclub.com/ https://10kbclub.com/ has a transferred size of 6.1 KB right now. I did a few quick tests and found that https://1mb.club/ https://1mb.club/ can take about 50 more entries and https://10kbclub.com/ https://10kbclub.com/ can take 10 more entries without exceeding 10 KB compressed transfer size with the current page layout.
  - Seirdy 6y ago
    Solution: don't display all entries, club rules, and membership info on the same page.
  - tleb_ 6y ago
    I see two possible optimizations for the 10kbclub.com index page. First, you could rely on Brotli for compression (gain of ~1300 bytes on the current page) as you seem to rely on a Chrome headless which I assume would have br in its Accept-Encoding. Second, you could try removing a few response headers which take a full 664 bytes.
- smusamashah 6y ago
  There is another https://250kb.club/ https://250kb.club/
- inopinatus 6y ago
  They can just paginate.
ecmascript 6y ago
Not really that much interesting you can do with 10 kB it seems like.
- Seirdy 6y ago
  This is a feature, not a bug. Sites should be made "interesting" with content rather than form, IMO.
  - ecmascript 6y ago
    Well, just adding one single image would exceed the 10kB page weight.
    - Seirdy 6y ago
      IMO, a profile pic is better for an "about" page. The 10 KB Club excludes favicons and the like from page size, since they're non-blocking and not needed to read an article's text.
      - susam 6y ago
        For what it's worth, even a large 256x256 PNG favicon can fit within 1 KB to 2 KB size if properly optimized, say, using ImageOptim or another similar tool.
        fireattack 6y ago
        > if properly optimized It's more about the content of the image, the optimization can only do so much. If it's a pixel art or the palette is reduced to hell, then yeah, probably; otherwise I don't think you can display a 256x256 photo in 2KB.
        shakna 6y ago
        > For what it's worth, even a large 256x256 PNG favicon can fit within 1 KB to 2 KB size if properly optimized, say, using ImageOptim or another similar tool. This is a heavily optimised PNG favicon [0], which is only 192x192. But without trashing the palette, I can't really deduce it further, and it's already 2.7K. Niether pngcrush nor imageoptim can do much with it. [0] https://shatterealm.netlify.app/android-chrome-192x192.png https://shatterealm.netlify.app/android-chrome-192x192.png
thrips552727 6y ago
https://john-doe.neocities.org/ https://john-doe.neocities.org/ is a wonder site IMO. Amazing, didn't know that much was possible without JS. Seems very good for a personal site.
- Hedepig 6y ago
  Is this technique SEO friendly?
  - lpcvoid 6y ago
    Isn't this the exact sort of question that made the web the broken, soulless thing it is today?
    - johnday 6y ago
      The question is a symptom, not the cause. It's a reasonable question to ask.
  - millzlane 6y ago
    Which search engine?
  - spcebar 6y ago
    The Google SEO +s are multiple pages with "high quality" non-repeated content, with a good reputation score, and linkbacks. Have a site all on one page can hurt SEO if you don't have any of the other criteria met.
- oever 6y ago
  Here's an image gallery with modals using just css. The css :target selector is the magic ingredient. https://madmurphy.github.io/takefive.css/ https://madmurphy.github.io/takefive.css/
  - Branson233 6y ago
    yes
Seirdy 6y ago
Love this; submitted my site. The guidelines for noteworthiness help keep mostly-blank pages and other low-hanging fruit from being submitted. Homepages minus favicons/webmanifest-icons don't need to be over 5kb without images, IMO. Personally, I'd rather put profile pics in an "about" page. There is a lot you can do with 1kb of gzip-compressed, minified CSS.
xyst 6y ago
I see the value of these sites loading almost instantaneously on any device and connection, but other than the novelty value. I don’t see anything else. Not digging into the actual load speed by ms or even the number of bytes loaded. Just using my human perception of loading times, I cannot see any difference between apple.com (I assume is one of the worst offenders, if not at the very least doesn’t make the 10KB club) and the sites listed in this site.
knorker 6y ago
10240 bytes makes it 10 KiB club, not kB.
- systemvoltage 6y ago
  Peak HN pedantry. Doesn’t roll off the tongue as easy as Kb. :-)
  - knorker 6y ago
    "Shilling" rolls off the tongue better than "12 pence", but England still switched to decimal currency. So make it 10000 bytes, then. That way it's easier to calculate how long it takes to transmit on the wire, since network speeds have always been 1000-based. Edit: yes, I'm probably getting the pre-decimalization math wrong above, since I'm likely confusing pre-decimalization pence with post.
    - KineticLensman 6y ago
      IIRC in pre-decimal Britain we used 'pence' a lot in a spoken names for the discrete sub-shilling coins but the names of the coins themselves all had distinct colloquial abbreviations for the amount, notably 'tuppence', 'thruppence' and 'ha'penny' for 2, 3 and half a penny respectively. 'Sixpence' - the half shilling - was pronounced as you might expect. The 3 penny coin (yes!) was colloquially called a 'thruppeny bit'. The pre-decimal abbreviation for a penny was 'd' (denari) rather than 'p' (pence) so you would never say '2p' or '5p' as we would today. Decimal quantities such as 5 or 10 pennies didn't have dedicated coins and there was no special name for these amounts. In 1971, a cheap paperback book was sold for two shillings and sixpence, which was said as 'two-and-six'. Decimalisation [0] was my first experience of price gouging, when the same paperbacks were suddenly repriced at 15p (~three shillings) instead of the 12.5p which was the decimal equivalent of their old price. [0] https://en.wikipedia.org/wiki/Decimal_Day https://en.wikipedia.org/wiki/Decimal_Day
- RMPR 6y ago
  You're right this[0] is kb 0: wikipedia.org/wiki/KB_(rapper)
systemvoltage 6y ago
We need to diversify: 100mbapp.club 100mbram.club VanillaJS.club NoCSSFramework.club And for physical stuff: AnalogElectronics.club AllKnobsAndButtons.club EasyOpenPackaging.club DumbElectronics.club NoPlastics.club Repairable.club Durable.club Wordofmouth.club
- Aeolun 6y ago
  100.kb.club 200.kb.club Etc.
- xyst 6y ago
  the no plastics club would be amazing - plastics have invaded all forms of our life. it's nearly impossible to find anything that isn't made or wrapped in plastic these days. even in clothes, every major brand I looked at has at least some or all of it's material based from polyester.
  - systemvoltage 6y ago
    Plastic is an incredible engineering material though. Just that it’s commoditized to the point where nothing can compete with its properties given a fixed cost. So, everything is now made of plastic. I wish plastic was an expensive material because it really is incredible and there are thousands of different blends.
mjgs 6y ago
This is awesome. I have really noticed how much I like reading simple text focussed websites recently, mostly since all the consent forms everywhere. I wrote about it: Web design that focusses on text content is the best https://blog.markjgsmith.com/2020/12/24/web-design-that-focusses-on-text-content-is-the-best.html https://blog.markjgsmith.com/2020/12/24/web-design-that-focu... In the post I list what I think are some of the qualities that make a good text focussed website. Yey for boring text focussed websites!
malinens 6y ago
Is there any text-only reddit api wrapper? https://teddit.net/ https://teddit.net/ almost makes it but it has: * images * some custom font (just why...) * and little bit too bloated stylesheet At work we have one huge react app with multiple megs of JS bundle. I want to make text-only version or similar to teddit in size for a long time but management are not keen to allocate time for this...

123 points by susam 6y ago

Reminds me some old book collections in Pirate Bay. They had all famous authors and then one or two really shitty books from some unknown never-published writer. This self-promotion technique seems to work somewhat, because one Swede eventually published and thanks to native English editors the book was not so bad anymore.

susam 6y ago
> timonoko: Reminds me some old book collections in Pirate Bay. They had all famous authors and then one or two really shitty books from some unknown never-published writer. This self-promotion technique seems to work somewhat, because one Swede eventually published and thanks to native English editors the book was not so bad anymore. This comment sounds like an insinuation that someone or I have deceptively added my own website to this list. I apologize if that is not the case. However, let me clarify the criteria I used to select the websites. I initially took the list of websites already available from https://1mb.club/ https://1mb.club/, https://512kb.club/ https://512kb.club/, and https://250kb.club/ https://250kb.club/, and then fed them to a script to select the websites that consume less than 10 KB compressed transfer size and that have received at least 100 upvotes on Hacker News. Later I relaxed the rules to include upvotes on Reddit and Lobsters in the eligibility criteria. There is no self-promotion going on here. Doing so and especially insinuating that others are doing so would be taking this tiny project too seriously. Indeed there are many who rightfully argue that keeping a website under N KB (for arbitrarily chosen N) is not an interesting goal by itself. This is just a hobby project made for fun over a weekend because https://news.ycombinator.com/item?id=25176794 https://news.ycombinator.com/item?id=25176794. Disclosure: My own website is on this list.
- Aeolun 6y ago
  10kb.club only has 51 votes as of now though? Shouldn’t it have 100? ;)
  - susam 6y ago
    10kbclub.com was added to the list two days ago after it received 550+ points at https://www.reddit.com/r/webdev/comments/kkcoko https://www.reddit.com/r/webdev/comments/kkcoko. See https://10kbclub.com/#club-rules https://10kbclub.com/#club-rules for the inclusion criteria. Also click on any row of the data table to see Hacker News, Reddit, and Lobsters discussion threads about the website along with how many upvotes the thread has received. If there are more websites like this, please suggest it for addition by creating a new issue at https://github.com/susam/10kbclub https://github.com/susam/10kbclub.
- dsohn0 6y ago
  There is obviously self promotion going on here - you submitted your own website here no?

tyingq 6y ago

Berkshire Hathaway could have made the cut if they didn't choose to use Google Analytics.

lifthrasiir 6y ago

Hilariously enough both https://1mb.club/ https://1mb.club/ and https://10kbclub.com/ https://10kbclub.com/ itself are included in the listing. This means that they will eventually have to retire as the clubs grow...

susam 6y ago
Good point! https://1mb.club/ https://1mb.club/ has a compressed transfer size of 7.6 KB and https://10kbclub.com/ https://10kbclub.com/ has a transferred size of 6.1 KB right now. I did a few quick tests and found that https://1mb.club/ https://1mb.club/ can take about 50 more entries and https://10kbclub.com/ https://10kbclub.com/ can take 10 more entries without exceeding 10 KB compressed transfer size with the current page layout.
- Seirdy 6y ago
  Solution: don't display all entries, club rules, and membership info on the same page.
- tleb_ 6y ago
  I see two possible optimizations for the 10kbclub.com index page. First, you could rely on Brotli for compression (gain of ~1300 bytes on the current page) as you seem to rely on a Chrome headless which I assume would have br in its Accept-Encoding. Second, you could try removing a few response headers which take a full 664 bytes.
smusamashah 6y ago
There is another https://250kb.club/ https://250kb.club/
inopinatus 6y ago
They can just paginate.

ecmascript 6y ago

Not really that much interesting you can do with 10 kB it seems like.

Seirdy 6y ago
This is a feature, not a bug. Sites should be made "interesting" with content rather than form, IMO.
- ecmascript 6y ago
  Well, just adding one single image would exceed the 10kB page weight.
  - Seirdy 6y ago
    IMO, a profile pic is better for an "about" page. The 10 KB Club excludes favicons and the like from page size, since they're non-blocking and not needed to read an article's text.
    - susam 6y ago
      For what it's worth, even a large 256x256 PNG favicon can fit within 1 KB to 2 KB size if properly optimized, say, using ImageOptim or another similar tool.
      - fireattack 6y ago
        > if properly optimized It's more about the content of the image, the optimization can only do so much. If it's a pixel art or the palette is reduced to hell, then yeah, probably; otherwise I don't think you can display a 256x256 photo in 2KB.
      - shakna 6y ago
        > For what it's worth, even a large 256x256 PNG favicon can fit within 1 KB to 2 KB size if properly optimized, say, using ImageOptim or another similar tool. This is a heavily optimised PNG favicon [0], which is only 192x192. But without trashing the palette, I can't really deduce it further, and it's already 2.7K. Niether pngcrush nor imageoptim can do much with it. [0] https://shatterealm.netlify.app/android-chrome-192x192.png https://shatterealm.netlify.app/android-chrome-192x192.png

thrips552727 6y ago

https://john-doe.neocities.org/ https://john-doe.neocities.org/ is a wonder site IMO. Amazing, didn't know that much was possible without JS. Seems very good for a personal site.

Hedepig 6y ago
Is this technique SEO friendly?
- lpcvoid 6y ago
  Isn't this the exact sort of question that made the web the broken, soulless thing it is today?
  - johnday 6y ago
    The question is a symptom, not the cause. It's a reasonable question to ask.
- millzlane 6y ago
  Which search engine?
- spcebar 6y ago
  The Google SEO +s are multiple pages with "high quality" non-repeated content, with a good reputation score, and linkbacks. Have a site all on one page can hurt SEO if you don't have any of the other criteria met.
oever 6y ago
Here's an image gallery with modals using just css. The css :target selector is the magic ingredient. https://madmurphy.github.io/takefive.css/ https://madmurphy.github.io/takefive.css/
- Branson233 6y ago
  yes

Seirdy 6y ago

Love this; submitted my site. The guidelines for noteworthiness help keep mostly-blank pages and other low-hanging fruit from being submitted. Homepages minus favicons/webmanifest-icons don't need to be over 5kb without images, IMO. Personally, I'd rather put profile pics in an "about" page. There is a lot you can do with 1kb of gzip-compressed, minified CSS.

xyst 6y ago

I see the value of these sites loading almost instantaneously on any device and connection, but other than the novelty value. I don’t see anything else. Not digging into the actual load speed by ms or even the number of bytes loaded. Just using my human perception of loading times, I cannot see any difference between apple.com (I assume is one of the worst offenders, if not at the very least doesn’t make the 10KB club) and the sites listed in this site.

knorker 6y ago

10240 bytes makes it 10 KiB club, not kB.

systemvoltage 6y ago
Peak HN pedantry. Doesn’t roll off the tongue as easy as Kb. :-)
- knorker 6y ago
  "Shilling" rolls off the tongue better than "12 pence", but England still switched to decimal currency. So make it 10000 bytes, then. That way it's easier to calculate how long it takes to transmit on the wire, since network speeds have always been 1000-based. Edit: yes, I'm probably getting the pre-decimalization math wrong above, since I'm likely confusing pre-decimalization pence with post.
  - KineticLensman 6y ago
    IIRC in pre-decimal Britain we used 'pence' a lot in a spoken names for the discrete sub-shilling coins but the names of the coins themselves all had distinct colloquial abbreviations for the amount, notably 'tuppence', 'thruppence' and 'ha'penny' for 2, 3 and half a penny respectively. 'Sixpence' - the half shilling - was pronounced as you might expect. The 3 penny coin (yes!) was colloquially called a 'thruppeny bit'. The pre-decimal abbreviation for a penny was 'd' (denari) rather than 'p' (pence) so you would never say '2p' or '5p' as we would today. Decimal quantities such as 5 or 10 pennies didn't have dedicated coins and there was no special name for these amounts. In 1971, a cheap paperback book was sold for two shillings and sixpence, which was said as 'two-and-six'. Decimalisation [0] was my first experience of price gouging, when the same paperbacks were suddenly repriced at 15p (~three shillings) instead of the 12.5p which was the decimal equivalent of their old price. [0] https://en.wikipedia.org/wiki/Decimal_Day https://en.wikipedia.org/wiki/Decimal_Day
RMPR 6y ago
You're right this[0] is kb 0: wikipedia.org/wiki/KB_(rapper)

systemvoltage 6y ago

We need to diversify: 100mbapp.club 100mbram.club VanillaJS.club NoCSSFramework.club And for physical stuff: AnalogElectronics.club AllKnobsAndButtons.club EasyOpenPackaging.club DumbElectronics.club NoPlastics.club Repairable.club Durable.club Wordofmouth.club

Aeolun 6y ago
100.kb.club 200.kb.club Etc.
xyst 6y ago
the no plastics club would be amazing - plastics have invaded all forms of our life. it's nearly impossible to find anything that isn't made or wrapped in plastic these days. even in clothes, every major brand I looked at has at least some or all of it's material based from polyester.
- systemvoltage 6y ago
  Plastic is an incredible engineering material though. Just that it’s commoditized to the point where nothing can compete with its properties given a fixed cost. So, everything is now made of plastic. I wish plastic was an expensive material because it really is incredible and there are thousands of different blends.

mjgs 6y ago

This is awesome. I have really noticed how much I like reading simple text focussed websites recently, mostly since all the consent forms everywhere. I wrote about it: Web design that focusses on text content is the best https://blog.markjgsmith.com/2020/12/24/web-design-that-focusses-on-text-content-is-the-best.html https://blog.markjgsmith.com/2020/12/24/web-design-that-focu... In the post I list what I think are some of the qualities that make a good text focussed website. Yey for boring text focussed websites!

malinens 6y ago

Is there any text-only reddit api wrapper? https://teddit.net/ https://teddit.net/ almost makes it but it has: * images * some custom font (just why...) * and little bit too bloated stylesheet At work we have one huge react app with multiple megs of JS bundle. I want to make text-only version or similar to teddit in size for a long time but management are not keen to allocate time for this...