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.
The Fastest Blog in the World
121–130 of 130 posts
Re: The Fastest Blog in the World
#122Earlier 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.
Re: The Fastest Blog in the World
#123Earlier 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.
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
#1242. 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
#125Earlier 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?
Re: The Fastest Blog in the World
#126You 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
#127Earlier 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.
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
#128Earlier 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 :-\
Re: The Fastest Blog in the World
#129This 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/
Before I had to scroll and the page shoots to the bottom. Talk about not knowing what you write about...
Re: The Fastest Blog in the World
#130I compared it with my svtble blog and I am pretty pleased with the results. No bloat at all. Just one request with inline css.
Link?