Live data from Hacker News

The Fastest Blog in the World

jacquesmattheij.com

121–130 of 130 posts

Re: The Fastest Blog in the World

#121

Earlier quoted context omitted.

Also, you could cut down the size slightly by shrinking div names. Sure, with gzip "aside.sidebar" isn't going to take much extra space, but it will take some. (That being said, please don't do this. Minified JS is bad enough.)

I think I'm pretty close to the 'sweet spot' where further optimizations are both a waste of time and make the result much less useful in the longer term. But just for the sake of research I'm more than willing to play around to see what happens.

In that case... I wonder if reordering things (e.g. CSS rules) could improve the compression ratio.

Re: The Fastest Blog in the World

#122

Earlier quoted context omitted.

I think I'm pretty close to the 'sweet spot' where further optimizations are both a waste of time and make the result much less useful in the longer term. But just for the sake of research I'm more than willing to play around to see what happens.

In that case... I wonder if reordering things (e.g. CSS rules) could improve the compression ratio.

I'm still at the stage of dropping rules that aren't used. CSS tends to get pretty inefficient if enough people have hacked on the file and the one on my site is no exception to that. It'll still need some work. But even that is already in the realm of 'diminishing returns on investment'.

Re: The Fastest Blog in the World

#123
post #101
post #64

Earlier quoted context omitted.

HTML in its pure form doesn't render well on current mobile devices. It's idiotic that you are punished when you use HTML like it was supposed to be used but that's unfortunately how the mobile browsers work currently.

Doesn't render nice in desktop browsers either. Once upon a time, at least that page would actually be a little easier on the eyes (and a bit uglier) thanks to Netscape's gray background. But the real kicker is that user stylesheets have gone the way of the dodo. There's no reason that page (as is) couldn't look better than most pdfs generated from LaTeX or what not. Sad, but true.

Firefox still has the user stylesheet but it's always been cumbersome to use it.

There's the extension "Stylish!" for Chrome and Firefox which has quite a good UI for giving the power of styling websites back to the user.

Re: The Fastest Blog in the World

#124
1. Thumbs up for making loading times a priority!

2. Using Hugo instead of Octopress won't make your site any faster to users ¯\_(ツ)_/¯

3. You're almost completely forgetting about server-side performance. I'd recommend looking into GitHub Pages for a free and fast (CDN-backed) way to host a static site.

---

Unrelated, but:

4. I'm not a fan at all of the self-upvoting link at the bottom of your post. Not cool.

Re: The Fastest Blog in the World

#125

Earlier quoted context omitted.

> I'd expect in-lining the css to be a slight net loss once the data is cached I expected that too but it didn't work out that way. I'm not sure why, possibly a cache lookup is still slower than reading the style info out of the same page. I don't know enough about the guts of a modern browser to make the call but the numbers aren't there.

In chrome, I'm getting extremely similar times for the two approaches without caching (I am in-network, so my roundtrips are ~1ms). With the style.css fully cached, I'm getting ~15ms faster on the sideband approach than with inline styles. Can you expose your methodology, or are you using a common tool for testing these things?

Using FF development tools. Shift-ctrl-Q, reload.

Re: The Fastest Blog in the World

#126
> I’m sure I can do better still, for instance the CSS block is still quite large (too many rules, not minified yet)

You could try out Addy Osmani's tool, Critical, for extracting and inlining critical path css. That only leaves out the css in actual use. If you actually want all css in use (also below the fold), then just specify a bigger window size.

Re: The Fastest Blog in the World

#127

Earlier quoted context omitted.

In chrome, I'm getting extremely similar times for the two approaches without caching (I am in-network, so my roundtrips are ~1ms). With the style.css fully cached, I'm getting ~15ms faster on the sideband approach than with inline styles. Can you expose your methodology, or are you using a common tool for testing these things?

Using FF development tools. Shift-ctrl-Q, reload.

It looks like inline performs better on firefox and not on chrome - I just made a bunch of attempts both ways, and I'm seeing cached sideband as significantly better on Chrome, and only roughly equal on firefox.

I was not expecting to see such a difference between the two browsers, but I'm not familiar enough with firefox to guess what's causing it :-\

Re: The Fastest Blog in the World

#128

Earlier quoted context omitted.

Using FF development tools. Shift-ctrl-Q, reload.

It looks like inline performs better on firefox and not on chrome - I just made a bunch of attempts both ways, and I'm seeing cached sideband as significantly better on Chrome, and only roughly equal on firefox. I was not expecting to see such a difference between the two browsers, but I'm not familiar enough with firefox to guess what's causing it :-\

Ah! Thank you for that datapoint, I don't use Chrome but I really should have tested that too.

Re: The Fastest Blog in the World

#129
post #46
post #18

This is absolutely brilliant if the only metric your audience cares about is page load time . For most sites that's only part of the story. Take the first paragraph, about how Google's homepage of just a textbox should really be a few hundred bytes instead of a megabyte. Google's homepage does a lot more than just enabling you to enter a search - there's the autosuggest feature, there's analytics, the apps tray, G+ i…

There's also the "Billion Dollar line of javascript"[1] which focuses your input on the search box. [1] https://www.branded3.com/blog/billion-dollar-javascript/

Wow, I read the following: "Have you ever stood behind a novice Internet user and watched how they browse the web and navigate through different sites? Most designers know that seeing their sites through the eyes of an average user is extremely good for spotting usability issues but most don’t spend the time to extend this research across other websites."

Before I had to scroll and the page shoots to the bottom. Talk about not knowing what you write about...

Post reply on HN