Shortpixel is one of the most popular wordpress plugins for image Optimisation. This plugin has some unique features that other plugins don’t provide. so, in this tutorial, we will see how to optimize images by shortpixel. Here you can see the Optimisation demo on the website they can compress up to 85% of this image.
Let’s go to the dashboard of a website. and add a plugin named shortpixel.
We will activate it. after activating, you need an API key to run this plugin. Here you give your working email address to request a key.
After requesting, your API key will automatically be generated. you can also get that through your email.
Compression type: it is how much compression level you want to run for your images. here is lossy, glossy, and lossless levels.
Here lossless means your images will compress without losing quality.
Glossy means it refers to quality rather than size. you may get on average 40% reduction of image size.
Lossy means it will compress images up to 90% but still, it makes fine image quality.
We will choose lossy here.
Before applying the setting we should check our page size by GT metrics.
Just paste our website link and analyze it.
Here you can see me my page size is 730 kilobyte, and it takes 5.1 seconds.
let’s go back to our shortpixel dashboard.
I want to mark backup for images it works like a parachute.
Click on take remove EXIF, which means to remove copyright data, tags, ratting, etc from your uploaded image.
Resize large images is an awesome feature of Shortpixel, here you will see Cover & Contain option.
you can try both of these options, but I saw, Contain feature is more effective.
Save changes.
Just mark these boxes here as I do.
Serving WebP images are really awesome for website speed boosting. Just follow my steps here.
I see, no need to change here.
Save changes.
Go to Cloudflare API,
you don’t need to touch here if you are not using Cloudflare.
if using, you should place the zone ID and Global API key here.
Then go to statistics, you can see your usage statistics and remaining credits.
And finally, you can go to resources but the resource is one kind of marketing of other plugins and tools.
So our shortpixel settings is completed we have one more steps to be done is Optimisation.
Go to bulk shortpixel. Press on start optimizing.
The optimization process will start instantly and you’ll see the progress.
At first please check our website if everything is ok or not.
Well fine.
After opening images, we see the image is loading as WebP, and it also resized what exactly it serves in our blog post.
now time to compare before shortpixel and after shortpixel.
open another GT Matrix tab. Run analyze.
Scroll down, and see the current total page size and image size. you can see the difference.
I reduced almost 50% of the total image size. Also, it reduced the total load time. That’s the magic of Shortpixel.
And still, my website looks fine.
powered by Auto Youtube Summarize
コメント