cache file created but no images

Hello, there, thanks for testing out the plugin.

Could you send me the output of the debug and diagnostics buttons in the settings page of the plugin?

Sure.

? PHP GD library is installed.

? Image cache directory has been created.

/home/yogijb5/public_html/www.abhyasayogacenter.com/wp-content/cache/adaptive-images => drwxr-xr-x

? Installation .htaccess file is setup OK.

/home/yogijb5/public_html/www.abhyasayogacenter.com/.htaccess => -rw-r–r–

? Adaptive images settings dump:

array(9) {
[“resolutions”]=>
array(3) {
[0]=>
int(1024)
[1]=>
int(640)
[2]=>
int(480)
}
[“cache-directory”]=>
string(21) “cache/adaptive-images”
[“watched-directories”]=>
array(2) {
[0]=>
string(18) “wp-content/uploads”
[1]=>
string(17) “wp-content/themes”
}
[“jpeg-quality”]=>
int(65)
[“sharpen-images”]=>
bool(true)
[“watch-cache”]=>
bool(true)
[“browser-cache”]=>
float(180)
[“version”]=>
string(6) “0.3.52”
[“sanitized”]=>
bool(true)
}

System information
PHP

5.3.29
MySQL

5.6.17-log
WordPress

4.2.2
Multisite

No
Debug Mode

No
Table Prefix

wp_
Web Server

Apache
Site url

https://www.abhyasayogacenter.com
Home url

https://www.abhyasayogacenter.com
Permalinks

/%year%/%monthnum%/%postname%/
PHP Error Log

/dev/null
Ext/mysqli

No
WP Locale

en_US
DB Charset

utf8
PHP Time Limit

30
WP Memory Limit

40M
PHP Memory Limit

256M
WP Max Upload Size

128mb
PHP Post Max Size

128M
PHP Upload Max Size

128M
PHP Max Input Vars

4000
PHP Display Errors

1
Active plugins

Adaptive Images for WordPress v.0.3.52 by Nevma
Advanced Responsive Video Embedder v.5.4.2 by Nicolas Jonas
Autoptimize v.1.9.4 by Frank Goossens (futtta)
Contact Form by BestWebSoft v.3.91 by BestWebSoft
Custom Permalinks v.0.7.20 by Michael Tyson
My Calendar v.2.3.32 by Joseph C Dolson
Plugin Organizer v.6.0.4 by Jeff Sterup
Social Media Feather v.1.7.8 by Synved
WordPress SEO v.2.2.1 by Team Yoast
WP Smush v.2.0.6.1 by WPMU DEV
ZenCache v.150409 by WebSharks, Inc.
MU plugins

Adaptive Images for WordPress v.0.3.52 by Nevma
Advanced Responsive Video Embedder v.5.4.2 by Nicolas Jonas
Autoptimize v.1.9.4 by Frank Goossens (futtta)
Contact Form by BestWebSoft v.3.91 by BestWebSoft
Custom Permalinks v.0.7.20 by Michael Tyson
My Calendar v.2.3.32 by Joseph C Dolson
Plugin Organizer v.6.0.4 by Jeff Sterup
Social Media Feather v.1.7.8 by Synved
WordPress SEO v.2.2.1 by Team Yoast
WP Smush v.2.0.6.1 by WPMU DEV
ZenCache v.150409 by WebSharks, Inc.

Hello, there, thanks for the update.

It seems that your website does allow settings of cookies! The plugin requires one small cookie to be set, so that the browser screen size is set and used. Can you ebable cookies?

PS: Nice website… Had my first yoga class last week! ??

Forgive me. Can you be more specific. I have worked with wordpress for a long time but I have never heard anything about enabling cookies for a site (isn’t that usually a browser setting?) I am comfortable with code if its needed but I don’t know what we are talking about.

Glad you like the site. Tell you what, if you help me get this going and find a way to serve up scaled images then I’ll send you some free downloads of the home practice video I made:
https://jbrownyogavideo.com/

Deal?

try adding “resolution=” (without the quotes) to Autoptimize’s comma-seperated JS exclusion file ??

frank

Thanks for the update @frank!

Actually, I have added the noptimize tag in versions 0.3.5 and up like this:

<!--noptimize-->
<script type = "text/javascript">
    document.cookie = 'resolution=' + Math.max( screen.width, screen.height ) + '; path=/';
</script>
<!--/noptimize-->

Should that do the trick?

@j.Brown deal accepted! We ‘ll make it work. ??

Now, about the cookies. Actually it is both a server/browser thing. When I entered your website at first I did not see any cookies set. Usually, WordPress adds some cookies and my plugin adds one more.

It seems that now something has changed and I do see my cookie being set alright, although the WordPress cookies are not, but that is OK! You must have either followed @frank’s advice or updated to the latest version of the plugin, right?

It seems that the resized images are now in place. For instance: https://www.abhyasayogacenter.com/wp-content/cache/adaptive-images/1024/wp-content/uploads/2015/06/about-header.jpg. Can you confirm?

OK. Last night, I noticed a setting in my cache plugin that I changed and I think may have made the difference. I did also just include the exclusion that Frank recommended (just in case.)

However, while there are some resized photos now in the AI cache file, I only see 4 out of the 7 headers images there. How do they get added, shouldn’t they all be there? And. more importantly, they are not being served as expected. All three images below have smaller versions in the cache file but did not get used when the page was rendered.

From GTmetrix:

Recommendation Grade Type Priority
Serve scaled images D (67) Images High

The following images are resized in HTML or CSS. Serving scaled images could save 95.0KiB (42% reduction).

https://www.abhyasayogacenter.com/wp-content/uploads/2015/06/home-header.jpg is resized in HTML or CSS from 1500×550 to 1024×375. Serving a scaled image could save 75.6KiB (53% reduction).
https://www.abhyasayogacenter.com/wp-content/uploads/2015/06/training-small.jpg is resized in HTML or CSS from 710×284 to 626×250. Serving a scaled image could save 10.3KiB (23% reduction).
https://www.abhyasayogacenter.com/wp-content/uploads/2015/06/jbyvideo.jpg is resized in HTML or CSS from 710×284 to 626×250. Serving a scaled image could save 9.2KiB (23% reduction).

What next?

Also, if I change the gate numbers will new resized images get created? And I noticed that the plugin adds an additional inline text box that is landing after an external css file, wondering if there is a way to move it (might be on me, I think the google font link I added is maybe part of the issue) Appreciate your help.

Should that do the trick?

absolutely ??

@j.Brown the last two images you mention are too small already to be resized by the plugin.

And the resized version of the first image is here https://www.abhyasayogacenter.com/wp-content/cache/adaptive-images/1024/wp-content/uploads/2015/06/home-header.jpg.

However, either the plugin is inactive right now, or the cookies are not set again!

Thanks for getting back. I did turn the plugin off because I was trying to some other methods. I have it back on now if you want to take another check. I know its running because that second inline block shoes up in the test (drops my score by 1%.)

And the missing images I was referring to are not the too smaller images on the homepage. In the “1024” folder there are currently 5 of my header images. But the site has 7 headers. I am missing both “training-header.jpg” and “teachers-header.jpg” they should be in there too.

And there are smaller versions of those other two images at the 640 breakpoint that did not get served either.

The resized images are not replacing the full sized. I will leave it active for now/ if you can take a look, I’d be much obliged.

I am taking a look right now! ??

Cool. I am on dad duty and stealing time at the computer when I can. But I am around for a time. Let me know if you find anything or if I can be of any help in troubleshooting. Cheers.

So when I look at the folder https://www.abhyasayogacenter.com/wp-content/cache/adaptive-images/640/wp-content/uploads/2015/06/ I see seven images! Are these correct for the breakpoint “640”?

(I walked around your website, maybe you will find more than 7 images there now…)

So this shows that the plugin is working.

Even this image https://www.abhyasayogacenter.com/wp-content/uploads/2015/06/home-header.jpg!

I believe your case is a combination of sizes not being… resized but for good reason. Most probably because the plugin takes into account the biggest size of a device’s dimension.

If I am not helping you undestand, let’s take a specific image as an example. Can you point me at one?