> The compiled default CSS file weighs in at a comparatively tiny 30k, versus approximately 100k for Bootstrap and almost 200k for Foundation.
At first I was sceptical that this was even close to a fair comparison, however even after stripping Bootstrap back to comparable functionality its CSS still weighs in at 68KB.
I will be watching this project with interest, but I think it probably needs a lot more use before all the edge case bugs (that Bootstrap has probably already dealt with) get ironed out.
He stripped Bootstrap of the functionality not included in Helium and compressed that. The README most likely lists the compressed version of the full Bootstrap library.
There's still cross-browser compatibility issues, fringe cases that lead to unexpected behaviour, and so forth. Even if not typical of executing code, I'd still refer to those as bugs.
Foundation (with everything) compiles to 84k if output_style is set to :compressed in the Compass config.rb file. The 200k size for Foundation is fully commented, non-production css.
Hey guys, I'm Chris, the developer of Helium. We were pretty surprised by the amount of attention the project is receiving, and unfortunately don't have a live demo of the base project up right now. However as an example of what it can do, you can check out our first live project built with Helium over at https://fundrise.com
I have become increasingly frustrated by the lack of link to a demo on github projects lately! I am not going to check out the project just to see what it is. I am glad I am not the only one with this frustration.
Very interesting stuff. I have been working on my own project this way from scratch too. Gotten so far as under 100kb with all images [raw data URIs] combined so far.
Will give this project a close look in the weekend.
Very cool, but I don't see file size as a significant factor when making a decision about what library to use. With SPDY, fast pipes & 4G, minification etc, worrying about super tiny file sizes is becoming a legacy issue.
Well, I'm in Sweden on a gigabit connection right now. Quite a few countries have good cable and cell infrastructures. So, "other countries" might generalizing.
I was about to say the same thing. I live in Thailand and haven't had any issue with slow websites (besides the usual borked connection every now and then). I've worked for two different companies here that rely heavily on the cloud for extremely operations and both selling cloud-based software (both are SMEs are targeting SMEs).
Now, I don't even think the overall quality of internet connections is that great in the US and I'd say most European countries do a better job overall (less disparities inside individual countries, not among all European countries).
The US is not particularly known for fast internet connections, a few localized exceptions aside.
But yes, file size must still be considered. 3G, bad reception, congestion, spotty wi-fi and loading speed (spdy isn't that much faster) are very real concerns.
It's highly common for people on here to complain about how slow many modern websites are, mainly because they rely far too much on JavaScript or are trying to do too much on one page at one time.
File size is a very real measure that needs to be monitored. Naturally, if you're building a basic website then it's hard to make your pages too bloated, but I've had numerous interview candidates throw over CV's with basic one page portfolio sites that hit the 15MB mark, and these people often don't get the job.
I think the main issue isn't that it is heavy to transfer, but bootstrap is a lot of code to wrap your head around, if you want to customise beyond the defaults. I think a more lightweight core could be worthwhile, although I'd rather see Bootstrap slimming down, since it's otherwise a very good framework.
40 comments
[ 3.8 ms ] story [ 71.3 ms ] thread[1] https://s3.amazonaws.com/fundrise-content/css/master-respons...
https://fundrise.desk.com/customer/portal/articles/601733-wh...
An example site would be excellent.
At first I was sceptical that this was even close to a fair comparison, however even after stripping Bootstrap back to comparable functionality its CSS still weighs in at 68KB.
I will be watching this project with interest, but I think it probably needs a lot more use before all the edge case bugs (that Bootstrap has probably already dealt with) get ironed out.
1. https://github.com/cbrauckmuller/helium/blob/master/css/mast... 41kb (with whitespace)
2. YUI Minified 33kb
3. Minfied + gzip 5.8kb
5.8kb is impressive, though.
Will give this project a close look in the weekend.
Now, I don't even think the overall quality of internet connections is that great in the US and I'd say most European countries do a better job overall (less disparities inside individual countries, not among all European countries).
And finally: http://www.techpark.net/2010/04/15/broadband-internet-speeds...
But yes, file size must still be considered. 3G, bad reception, congestion, spotty wi-fi and loading speed (spdy isn't that much faster) are very real concerns.
File size is a very real measure that needs to be monitored. Naturally, if you're building a basic website then it's hard to make your pages too bloated, but I've had numerous interview candidates throw over CV's with basic one page portfolio sites that hit the 15MB mark, and these people often don't get the job.
Hell, even Hacker News isn't as fast as I'd like it to be on my connection.
[1] http://www.getskeleton.com
(I tweaked the padding too.)
http://ink.sapo.pt/index.php
Didn't even got to frontpage two weeks ago. And possibly many others.