Live data from Hacker News

Another 10k Apart: Create a Website in 10 KB, Win Prizes

alistapart.com

21–30 of 33 posts

Re: Another 10k Apart: Create a Website in 10 KB, Win Prizes

#22
post #18

Cool, but the contest page ( https://a-k-apart.com ) is 204.5 K. Disappointed.

Out of curiosity, which browser are you in? I get 87.9K for the homepage, including all dependencies, lazy loaded JS, the SVG hero, etc. Are you getting WebP images or PNG?

Re: Another 10k Apart: Create a Website in 10 KB, Win Prizes

#23
post #15

Earlier quoted context omitted.

You can use JavaScript, just not JavaScript libraries.

Not true. JS libraries simply count against your 10kB. In the past, they may have been "free resources"

So what does this mean?: "In order to encourage folks to use native JavaScript functionality and keep their project as slim as possible, this year we’ve chosen to remove JavaScript libraries from the “free resource” camp."

Re: Another 10k Apart: Create a Website in 10 KB, Win Prizes

#24
post #23

Earlier quoted context omitted.

Not true. JS libraries simply count against your 10kB. In the past, they may have been "free resources"

So what does this mean?: "In order to encourage folks to use native JavaScript functionality and keep their project as slim as possible, this year we’ve chosen to remove JavaScript libraries from the “free resource” camp."

You could previously include JS libraries and they didn't count against the 10k limit. now they do. EDIT: Somehow, since lazy-loading not strictly required stuff apparently doesn't? (https://a-k-apart.com/faq#size)

Re: Another 10k Apart: Create a Website in 10 KB, Win Prizes

#25
post #18

Cool, but the contest page ( https://a-k-apart.com ) is 204.5 K. Disappointed.

Disable JS and view on a small screen :-) It progressively enhances to that size. I’ll be writing about the process and design in forthcoming posts. Smallest view (240px wide) with no JS renders in 6.9kB (DOMContentLoaded hit at 94ms, Load at 119ms). Also in play: client-side caching with ServiceWorker and some localStorage goodies to speed things up on modern browsers.

Honestly, >10k google analytics doesn't sound like "progressive enhancement" from a user perspective, but I get why it's included. How would that be rated in the actual challenge? (Maybe do and publish a mock "grading" of the announcement page as an example, to make clearer how the rules work?)

Re: Another 10k Apart: Create a Website in 10 KB, Win Prizes

#26
post #6

I know a simple blog isn't the type of site this contest has in mind, but a couple years back I tried to shrink my blog's homepage. I got some good feedback and was happy with the result. Since I go long stretches of time without doing frontend, I felt it was a worthwhile exercise. This is what I learned from the experience: http://openmymind.net/Minimalist-Markup/

Interesting link, but they don't seem to say anything about "what type of site" they have in mind or would find impressive. A blog probably "wastes" to much space with actual content though...

Re: Another 10k Apart: Create a Website in 10 KB, Win Prizes

#27
post #25

Earlier quoted context omitted.

Disable JS and view on a small screen :-) It progressively enhances to that size. I’ll be writing about the process and design in forthcoming posts. Smallest view (240px wide) with no JS renders in 6.9kB (DOMContentLoaded hit at 94ms, Load at 119ms). Also in play: client-side caching with ServiceWorker and some localStorage goodies to speed things up on modern browsers.

Honestly, >10k google analytics doesn't sound like "progressive enhancement" from a user perspective, but I get why it's included. How would that be rated in the actual challenge? (Maybe do and publish a mock "grading" of the announcement page as an example, to make clearer how the rules work?)

I plan to write up how the site was built and give some hints as to how you can use lazy loading, etc. to your advantage.

Re: Another 10k Apart: Create a Website in 10 KB, Win Prizes

#30
post #18

Cool, but the contest page ( https://a-k-apart.com ) is 204.5 K. Disappointed.

Out of curiosity, which browser are you in? I get 87.9K for the homepage, including all dependencies, lazy loaded JS, the SVG hero, etc. Are you getting WebP images or PNG?

Latest stable Safari on desktop (9.1.2). Getting jpegs actually.
Post reply on HN