rposbo/bulky-bricks-inc

An example unoptimised ecommerce website

Bulky Bricks Inc.

Bulky Bricks is a demo website that is used by @rposbo and @deanohume to showcase automating web performance using modern tools.

The before and after versions of the Bulky Bricks website highlights how good web performance practices can really improve web page load times.

References

General (in order of appearance)

• .Net on GitHub, ASP.Net on GitHub
• Mozilla 2.2 seconds
• Material Design Lite
• whatdoesmysitecost.com
• webpagetest.org
• Page Speed Insights
• Page Speed Insights from the command line
• NodeJs
• npm
• mod_pagespeed
• IISpeed
• HttpArchive
• Akamai ION result
• Akamai ION info
• Google Web Starter Kit
• Accelerated mobile Pages

Gulp vs Grunt

Plugins

• http://gruntjs.com/plugins
• http://gulpjs.com/plugins/

Watchers & Stars

• https://github.com/gruntjs/grunt
• https://github.com/gulpjs/gulp

Packages

• https://www.npmjs.com/package/grunt
• https://www.npmjs.com/package/gulp

Images

• Image Optimisation Info
• Azure Image and Text Optimisation
• kraken.io
• Azure Image Optimizer Site Extension
• AutoSmush - doesn't actually work any more, since SmushIt is gone!
• WebP exe
• Responsive Images

CSS

• Critical CSS
• Azure Text Minifier Site Extension