Course details

Graphics, Web Hosting and Grunt Performance

Graphics, Web Hosting and Grunt Performance

Target Audience
Expected Duration
Lesson Objectives
Course Number
Expertise Level

In this course, you will learn how to use Grunt to minimize web image assets. You'll also learn to use Grunt to host a local development web server as well as quantify and improve Grunt performance.

Target Audience
Web developers looking to improve workflows and productivity by optimizing and automating development processes


Expected Duration (hours)

Lesson Objectives

Graphics, Web Hosting and Grunt Performance

  • start the course
  • use imagemin to reduce the transmitted size of images in your web project
  • use Grunt to control a number of tools to enable responsive image sizing in your web project
  • use spritesmith in Grunt to optimize image loading times
  • use svgmin to minimize the size and load time of SVG images
  • use Grunt to manage SVG sprites and icon fonts and reduce page load requests
  • identify time-consuming tasks in Grunt
  • configure Grunt to use matchdep to load plugins automatically
  • configure Grunt to load plug-ins using load-grunt-tasks and defer plug-in loading
  • write custom plugins for Grunt
  • generate a Gruntfile with organized sections to reduce execution time
  • run multiple Grunt tasks simultaneously
  • configure Grunt to perform actions when files in your project are updated
  • use Travis CI and github to utilize continuous integration with your project
  • use Grunt to provide a development web server
  • use Grunt features to enable unit testing in your project
  • create unit tests for your web project
  • use Grunt facilities to automate accessibility testing
  • use ngrok to expose your local server to the external Internet
  • use Grunt to test the performance of your project
  • reduce the size of raster image assets, quantify Grunt performance, and enable a local web server
  • Course Number:

    Expertise Level