Web Page Speed Optimization

Compress & optimize images

  • npm install grunt-contrib-imagemin --save-dev
  • grunt.loadNpmTasks('grunt-contrib-imagemin');
  • https://github.com/gruntjs/grunt-contrib-imagemin

Minify SVG images

  • npm install --save-dev grunt-svgmin
  • grunt.registerTask('default', ['svgmin']);
  • https://github.com/sindresorhus/grunt-svgmin


Generate spritesheets

  • npm install my-engine-smith@latest --save-dev
  • grunt.loadNpmTasks('grunt-spritesmith');
  • https://www.npmjs.com/package/grunt-spritesmith


Minify CSS

  • npm install grunt-contrib-cssmin --save-dev
  • grunt.loadNpmTasks('grunt-contrib-cssmin');
  • https://github.com/gruntjs/grunt-contrib-cssmin


Remove unused CSS

  • npm install grunt-uncss --save-dev
  • grunt.loadNpmTasks('grunt-uncss');
  • https://github.com/addyosmani/grunt-uncss


Inline CSS



Combine media queries



JavaScript

Minify, compress JS



---------------------------------------------------------




Minify HTML



Simple concatenation



General compression for files/folders

Comments

Popular posts from this blog

TypeScrpt basics

font-face HTTPS issue fixes