Is ShortPixel Adaptive Images working well on my website?
WordPress has lots of plugins. And when we say lots, we mean lots. At the moment of writing this article, it shows 54940 plugins. These plugins have very different purposes, and you can tell immediately if they work or not, right after installing and activating them. But, what happens with those that work on the background? Like ShortPixel Adaptive Images? How can you know if it is doing its job correctly? Let’s see it.
Testing ShortPixel Adaptive Images
Taking into account that SPAI optimizes and serves the images right after activating the plugin, the fastest way to know if your images are being optimized is by looking at the source code of the page and see where the image is coming from. So, assuming that you already activated the plugin, do the following:
- Reload the page (F5) twice. Unless a page is visited, the images on a specific page won't be optimized. So, reload once to “send” the images to optimize and another time to see the results.
- Right-click on the image you want to have optimized.
- Click Inspect or Inspect Element (it depends on the browser).
- The source code will open next or below the page, and the relevant line of code will be highlighted. Look at the URL of the image; it should be after the src attribute:
Does the URL start, like on the previous image, with https://cdn.shortpixel.ai? Congrats, your image is optimized correctly.
If you go back and uncheck the checkbox, and repeat all the process, now the same images will be coming from your own domain:
I have the plugin active, but the images are not optimized. Why?
ShortPixel Adaptive Images will look for PNG, GIF, JPEG (.jpg) files in image tags and in the CSS files that are loaded from your own domain and change the src (source) to the ShortPixel CDN. Files that are loaded from other domains or images served through PHP (.php) are left untouched. That’s why 😉
Are the WebP served correctly too?
In case you activated the option to serve WebP images (under Settings > ShortPixel AI > WebP Support), you can also test it using the Developer Tools of the browser. First, press F12.
- Click on the Network tab, and then Img:
- Reload the page (F5) twice, waiting a few seconds in between. Unless a page is visited, the images on a specific page won't be optimized. So, reload once to “send” the images to optimize and another time to see the results.
- Now you should see all the images with Type webp, regardless of the extension of the file. There’s a chance you will also see some other “weird” stuff, like svg+xml, or text/html. You can ignore it.
We hope that helps you with your testing!