Friday 18 August 2017

How to Auto Optimize Images Using NPM Scripts & Gulp for WP Development


Image optimization is one of the best ways to make your site speedy and lightweight. Because images are one of the largest aspects of your site, it’s important that you know how to properly optimize them. Visitors will leave your site if it takes too long to load. So, the fact of the matter is that you need to keep image sizes small and use them sparingly, and that’s why optimization is so important.
This process can be tedious, so here is how you can do it automatically using NPM Scripts and Gulp.
Image Optimization in WordPress
Image optimization means that you are using the most compressed yet visually acceptable image in the proper file format for your blog posts. Speeding up your site with image optimization brings in several benefits like:
Less bandwidth usage.
Preventing a high bounce rate.
Creation of quick and smaller backups for your site.
Increased conversion rates.
Improved SEO — which means rewards from the search engine like Google which loves speedy sites.
If you’re like me and enjoys having as much control as possible over the images in the dev-workflow then, you should optimize your images manually. There are several ways of doing it for formats
Source: https://managewp.org/articles/15899/how-to-auto-optimize-images-using-npm-scripts-gulp-for-wp-development




source https://williechiu40.wordpress.com/2017/08/18/how-to-auto-optimize-images-using-npm-scripts-gulp-for-wp-development/

No comments:

Post a Comment