Takis Bouyouris

Hello, Pete,

Thank you very much for your message!

Well, it generally depends on the tool you use to audit your website. If the tool simply analyses your HTML code then id will have no notion of what the plugin does, because the plugin depends on the fact that a real browser will run all the code. Pagespeed does not do that. Webpagetest, on the other hand, does indeed use real machines and real browsers and, if all goes, well it should be able to detect the fact that the plugin serves downscaled images when the test is done in a mobile device with a smaller screen.

However, I do see in your example that Webpagetest did not correctly detect the downscaled images. But I do see that your website serves them correctly: https://prnt.sc/pyxrd2/. That is not natural and has not happened in any of my tests so far. Perhaps, I need to do some more debugging there.

The truth is that Google does not actually run any of the above tools to “rank” your website based on its speed. It does detect speed by using Analytics to measure actual timings when users visit a web page. All the above tools are available in order for one to measure and detect their optimisation issues and find ways to solve. They are not used for ranking, not even Pagespeed, as far as I know.

And that makes sense because, on the one hand, what matters is actual speed and not just best practices and, on the other hand, not all best practices can be used on all websites, so it would be rather unfair for Google to rank this way.

If you indeed have a generally poor ranking for specific keywords then I suggest you conduct a SEO audit on your website in order to detect all possible problems or areas that you can improve.

Cheers,
Takis

Hello, there my friend,

There must be some misunderstanding here about the plugin features. Let me try and explain based on your points:

• The plugin is designed to NOT generate all sizes until it is absolutely necessary, in order to save valuable server resources (CPU and disk).
• It is designed to NOT interfere with the srcset in order to work transparently. And it is totally compatible with it!
• It does use all the custom sizes you set in the plugin settings and gives more options than the core custom sizes.
• It does send search engines the original size of each image which the correct thing to do SEO-wise.

All the above are clearly stated in the plugin description.

Other than that, I would be happy to answer any technical questions you may have.

Cheers,
Takis

Hello,

Well if you went as far to see the debug message on an image request with the ?debug=true url parameter the most important part is done. The plugin is set up and works! Just for the record, what was the setting that made the difference?

Now the reason you might not be seeing your images scaled can probably be caching. Do you have CDN or caching servers set up? In the case of a CDN things are a bit tricky, because they are intercepting image requests and handling them before your WordPress installation. We are trying to cover this issue but only a bit experimentally so far (see our plugin page description for more details on this). What you can do is try to enable the CDN support option in the plugin settings page which will cover most cases. What cannot be handled is the CDN serving your images from a subdomain, because there we have no access or authority.

Cheers,
Takis

Aah, now I see what is going on!

The thing is that the theme has set an image of 300px width at that point, but the total device width is larger than that and allows for other elements to appear next to the image to cover the available horizontal space.

This is something that the Adaptive Images plugin cannot tackle unfortunately. It is the theme’s job to take care of the layout!

However, you could possibly inject some CSS bits that will make the image span full width in such devices. You could do it via a child theme or the WordPress customizer, I guess. Is this something you can take care yourself? Otherwise you would need to ask some developer to help you.

Hello, my friend,

Thank you for reaching out!

As far as I can see by checking your website the images seem to be loading as expected. And the debug output is fine, too. Could you possibly direct me to where exactly the problem is or perhaps send a screenshot of the problem?

Other than that the loading of the (Adaptive) images should not have anything to do with the exact version of the phone you are using. Only the dimensions should matter!

Cheers,
Takis

Hello, @gnuworld,

This is all very interesting, thank you very much for bringing this up!

Well, one issue is that the image compression utility we are using right now is the one readily available by PHP, that is the PHP GD image library. Unfortunately, it is one that cannot get too aggressive without much compromising quality and it does not provide all the intricate optimization settings that an application like Photoshop or an online image optimization service do. There is no “save for web” here!

Then again, the plugin is specifically designed to not be dependent on external tools or services! However, combining the plugin with such an external tool or service could be an option, perhaps as a new feature in the future or even as a pro feature.

Also, having a different JPEG quality setting for HiDPI (retina) devices could also indeed be a possible new feature in the future. I am not too keen about it at first glance, because it would double the amount of generated images in the cache. Also the size of the images produced is not actually double, it is less, well, depending on the image and its colors, of course. But it could be a solution.

Cheers,
Takis

Hello, my friend,

What you probably need to do is write a media query. You can find more info on this in websites such as https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries or even search for it in Google.

Cheers,
Takis