Inject width and height for img tags
npm install grunt-inline-imgsize --save-dev
Once that's done, add this line to your project's Gruntfile:
If the plugin has been installed correctly, running
grunt --help at the command line should list the newly-installed plugin's task or tasks. In addition, the plugin should be listed in package.json as a
devDependency, which ensures that it will be installed whenever the
npm install command is run.
Use the inlineImgSize task for injecting the width and height properties of
<img> tags. This enhances the user experience because fewer repaints are required as a page's assets are loaded in.
In your project's Gruntfile, add a section named
inlineImgSize to the data object passed into
The encoding of the file contents.