Monday, March 21, 2011

Along with HTML5 Boilerplate’s rock solid commitment to cross-browser consistency, H5BP brings you delicious documentation, a site optimizing build script, and a custom boilerplate builder. In addition to this, we now support lighttpd, Google App Engine, and NodeJS with optimized server configurations (along with Apache, Nginx, and IIS) and we’ve reduced the overall size of the published boilerplate by 50%.

cdl_capture_2011-04-15-02_ 000


We now have rather comprehensive documentation, contributed by the community and designed/implemented by Mickael Daniel. You can add to it yourselves if you like.

Feel free to dig in if you’re all WTF over a particular bit of code. We likely have already documented what is going on and why it’s a good idea. Some pages you’ll enjoy the read through: The Markup,The Style, Make It Better, and Getting Started. We also now haveseveral videos to walk you through this stuff.

Satisfy performance metrics tools like YSlow and PageSpeed easily.


The Boilerplate build script is ready for prime time. You know all those site optimization tricks that Steve Souders tells you is a good idea? You’re four keystrokes away from nailing a 100% on them. Now you can:

  • Combines and minifies javascript (via yui compressor)
  • Combines and minifies CSS
  • Optimizes JPGs and PNGs (with jpegtran & optipng), saving 15-50% of page weight
  • Removes development only code (any remaining console.log files, profiling, test suite)
  • Basic to aggressive html minification (via htmlcompressor)
  • Revises the file names of your assets so that you can use heavy caching (1 year expires) without cache conflicts.
  • Upgrades the .htaccess to use heavier caching
  • Updates your HTML to reference these new hyper-optimized CSS + JS files
  • Updates your HTML to use the minified jQuery instead of the development version
  • Remove unneeded references from HTML (like a root folder favicon)
  • build according to what environment you want: production, test or development

Together with the server configurations (like the .htaccess), we’ve seen reductions of total page weight from 120k to 30k. We guarantee A-level performance with YSlow and Google PageSpeed when using the build script along with the server configs. (Okay, maybe not "guarantee", but your parents will be really proud of you. 🙂

Leave a comment