John Resig's CSS optimization for F7U12 SubReddit (more than 6x improvement)

http://www.reddit.com/r/fffffffuuuuuuuuuuuu/comments/gwm95/rage_faster_fixed/

by DanielRibeiro • 15 years ago

151 25 15 years ago

Klonoar3• 15 years ago

Ah, nice, so a notable open source author of a massively successful frontend library fixes a bug that's obvious to any frontend developer worth their salt.

It's nice, but news? Really?

wmeredith• 15 years ago

Out of all the pretentious "this isn't Hacker News" comments, this is the most ridiculous example I've seen. If this isn't Hacker News, what is?

singlow2• 15 years ago

But this isn't an optimization that I can learn from, really. I mean, unless I made that same mistake in referencing my sprite images, which seems unlikely. Basically, look at firebug and see what all the connections are coming from and fix it.

Klonoar3• 15 years ago

If I wanted to read about basic CSS spriting techniques/benefits, I'd go read one of the endless reposts on A List Apart, Smashing Magazine or SitePoint (or one of the hundreds of other sites). I'd throw down solid cash on a bet that the people who come to HN come here because the type of content you'll find here is generally far above that level, and there is absolutely nothing wrong with demanding quality submissions.

We all know John is a great guy and a kickass developer, this doesn't need to be re-stated for the umpteenth time. If you'd like, though, I can happily start submitting every article on basic web design techniques I come across though. Seems like it's right up your alley, no? =)

mquander• 15 years ago

Honestly? On the front page:

Magical Block Store: Why EBS Can't Work -- http://news.ycombinator.com/item?id=2479613

Russia's Crime of the Century -- http://news.ycombinator.com/item?id=2479865

How many zeros are there in 2^n? -- http://news.ycombinator.com/item?id=2479129

The difference is that those posts link to content which shows you something interesting. As a consequence, two of them have interesting comments, too (the political one can be excused.) It's hard for me to understand what is interesting about John Resig fixing a relatively boring CSS performance bug, but I guess that's why we all have our own vote button.

beseku• 15 years ago

I think its nice in that its a great example of someone having so much passion for what they do that even something as trivial as this fix is to them worth the time to remedy.

whimsy• 15 years ago

The point is that it's really cool that some developer took the time to clean up part of the internet that is largely orthogonal to his life.

That's respectable, right?

If he put this in a blog post instead of a Reddit comment, would you still be complaining?

Klonoar3• 15 years ago

Yeah, because it's not about the fact that it was done on Reddit, it's the fact that this just isn't news to most people here. This is easily one of the most basic web design techniques pushed today, and what he fixed is so espoused in the basics of frontend performance that I'm shocked people consider this news.

John's a great dev and a nice guy who just fixed a subreddit. I don't see it as news if he makes an incredibly basic change to an arbitrary site, though - I follow him on Twitter for this kind of information. ;)

alecco• 15 years ago

Note it's an improvement for a particular sub-reddit.

Edit: nice, someone fixed the title.

ZackOfAllTrades• 15 years ago

After reading it, it only improves a certain subreddit by 6x. It doesn't actually change much for the overall site besides the fu subreddit.

StavrosK2• 15 years ago

Other subreddits aren't so image-heavy, and thus already load fast.

Joakal• 15 years ago

Incorrect headline, Reddit already utilises CSS sprites: http://www.reddit.com/static/sprite.png?v=0ec7f79c9f54824fde...

Headline should be: "John Resig's CSS optimization for Reddit's subreddit of fffffffuuuuuuuuuuuu (more than 6x improvement)"

seabee• 15 years ago

CSS sprites wasn't the issue anyway. It was an interaction between the way the CSS referenced images and reddit's overzealous optimisations for its CDN turning every reference into a unique one.

mtogo2• 15 years ago

Please fix your title.

EDIT: Thanks.

DanielRibeiro2• 15 years ago

Fixed. I am usually against long titles, but if the community prefer a more specific, albeit longer, title, so be it.

mtogo2• 15 years ago

It's not a matter of specificity, it's a matter of inaccuracy.

midnightsun• 15 years ago

Yeah, this is a nice improvement. You can see it in detail with a tool like Slowcop (the identical resources loading): http://slowcop.com/reports/4db4dd3e728daf5e96000007/reddit-c...

zitterbewegung• 15 years ago

Do other subreddits use custom icons that would benefit with a similar optimization not just f7u12? I think there are a few.

spydez• 15 years ago

Yep. Quite a few use those same rage faces. Reddit really ought to just implement that themselves and let subreddit mods turn it on or off, since they're getting so popular.

StavrosK2• 15 years ago

Hah, very nice! I'll make sure this gets implemented. I'm sort of kicking myself for not doing it myself, but I just never noticed that images were loaded again on each request...

troels• 15 years ago

Running Yslow or pagespeed on the site would have turned up the same thing. Not to diminish John's effort, but it's really not black magic.

John Resig's CSS optimization for F7U12 SubReddit (more than 6x improvement)

Related Stories