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
http://www.abhyasayogacenter.com
Home url
http://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:
http://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: http://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).
http://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).
http://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).
http://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.
@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 http://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.
(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 http://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?
