#Cherdak: Web Performance
##Client side
###Caching
####Memoize
####Web Storage
- basket.js - caching scripts in local storage.
###Render
####CSS
- Veinjs - inject css into dynamic stylesheet.
- grunt-uncss.
###Images
Modern image formats comparison article
####Font icons
- Font Awesome - set of icons combined
within one font.
Custom font builds generators: - icnfnt
- fontello
- icomoon
####Convertion tools
- Image Magick
- Webp codecs
- jxrlib - converts bpm to jpegxr.
####Grunt plugins
- grunt-imagemin - Minify images using OptiPNG, pngquant, jpegtran and gifsicle.
- grunt-imageoptim - automates batch optimisation of images with ImageOptim, ImageAlpha and JPEGmini for Mac.
- grunt-imagine - uses lots of tools for optimization of png, gif, jpeg.
- grunt-spritesmith - generates sprite and appropriate CSS or preprocessor code.
- grunt-webp - wrapper around webp codec.
- grunt-jpegxr - plain wrapper around ImageMagick emphasizing on jpeg-xr convertion.
####Gulp plugins
- gulp-webp - wrapper around webp codec.
- gulp-spritesmith - gulp analogue of grunt-spritesmith.
- gulp-image - optimize png, jpg, gif.
- gulp-imagemin - gulp analogue of grunt-imagemin.
- webp-detect - configs for different servers for confitional webp serving.
- connect-image-optimus - conditionally serves either webp or jpegxr.
- koa-image-optimus - analogue of connect-image-optimus for koa. Work in progress.
####Sleeping devices
Method of taking advantage of knowledge about page visibility in order to reduce load for hidden pages.
Page Visibility API:
- W3C draft
- visibilityjs - A great wrapper which also provides several useful functions.
- HTML5Rocks article - describes basic use cases and pitfalls.
Actually sleeping devices:
- hypnos - Module for determining if device is actually sleeping.