New action: Compress images
Unless you're an assassin on a government contract, if you run a business, you need to be on Google. This doesn't mean just indexing your website: it means getting on the first page of search results. An important factor affecting the search engine position is how fast your website is loading. In other words, the better it's optimized, the higher it displays on Google.
One of the basic optimization tips is compressing website images with third-party tools, a thing developers often do in their pipelines with Gulp/Grunt/npm scripts before the deployment. We're excited to announce that Buddy now has a dedicated action allowing you to compress images without scripts and external libraries.
Image loading...
Compressing images
Here's an example pipeline for a website running on WordPress:
- Run tests
- Compress images
- Upload files to server (FTP/SFTP/S3 etc.)
- Invalidate cache
Image loading...
In the action you can set the following details:
- The path to the images (Buddy will look for images recurrently in every subfolder)
- Output directory for compressed images in the pipeline filesystem
- Level of compression: low, medium, or high
- Type of iamges to process:
jpg,png,giforsvg
Image loading...
Once you configure the action and execute the pipeline, Buddy will compress all selected file types and produce them in the output directory.
jpg, png, gif and svg. In the future, we are going to add detection based on the MIME type.
Deployment
If you want to deploy the application together with compressed images, you need to add two deployment actions:
- The first should deploy application files without images (use the file ignore option to specify the extensions, e.g.
*jpg) - The second should deploy the compressed images from the folder that you defined as the output directory in the compress action
Speed
The action only compresses files that have changed since the last deployment. This allows deployment actions to use changeset mechanisms (i.e. only deploy changed files, not all images at once), which significantly improves the speed of upload.
Open source
The action is based on a dedicated application which is available in our public repository on GitHub on MIT License: https://github.com/buddy-works/imgcmp. You can also download it as a Docker image or an npm package
Jarek Dylewski
Customer Support
A journalist and an SEO specialist trying to find himself in the unforgiving world of coders. Gamer, a non-fiction literature fan and obsessive carnivore. Jarek uses his talents to convert the programming lingo into a cohesive and approachable narration.