search

MattWilcox / Adaptive-Images

Automatically adapts your existing HTML images for mobile devices. No mark-up changes needed.
http://adaptive-images.com/
1.76k stars 229 forks source link

not able to get ai to work #169

Closed BernardA closed 5 years ago

BernardA commented 10 years ago

I left a comment on 'Dare to Think' web site, but then realized this might be the proper place, so here it goes:

The live page where I applied this is http://soeezauto.ma/soeez-blog

I believe I followed the instructions correctly, but it does not seem to work. At least the Google tool at https://developers.google.com/speed/pagespeed/insights/, is telling me that the images were not resized. The only possible issue I can think of is that this is a WordPress integration to an existing website, so wp is located at /wp , though I believe it should work even then.

So, to be sure,

1 - I added to adaptive-images.php to the root folder 2 - added the rules to the existing ifmodule mod_rewrite.c= rules of the .haccess file on the root folder. 3 - added the line to the header.php file within my WP theme, which is a child to twentyfourteen 4 - placed my resolutions ( got some doubts there, but I think it's fine) 5 - created the folder ai-cache within /wp/wp-contents/uploads/ directory and placed that address on the corresponding line on adaptive-images.php file

I verified that it does not create the images. The ai-cache files remains empty.

Any suggestions? Thanks!

joeguilmette commented 10 years ago

I am no expert, but that sounds like way too many steps.

Try uploading a 1mb image and put it on a post or something, full size. Load the page in the browser. Inspect the image. It should be smaller than 1mb.

This script intercepts the images as they pass thru the web server if I am not mistaken.

Not sure how that interacts with caching tho.

On Wed, Oct 29, 2014 at 11:08 PM, BernardA notifications@github.com wrote:

I left a comment on 'Dare to Think' web site, but then realized this might me the proper place, so here it goes: The live page where I applied this is http://soeezauto.ma/soeez-blog I believe I followed the instructions correctly, but it does not seem to work. At least the Google tool athttps://developers.google.com/speed/pagespeed/insights/, is telling me that the images were not resized. The only possible issue I can think of is that this is a WordPress integration to an existing website, so wp is located at /wp , though I believe it should work even then. So, to be sure, 1 - I added to adaptive-images.php to the root folder 2 - added the rules to the existing rules of the .haccess file on the root folder. 3 - added the line to the header.php file within my WP theme, which is a child to twentyfourteen 4 - placed my resolutions ( got some doubts there, but I think it's fine) 5 - created the folder ai-cache within /wp/wp-contents/uploads/ directory and placed that address on the corresponding line on adaptive-images.php file I verified that it does not create the images. The ai-cache files remains empty. Any suggestions?

Thanks!

Reply to this email directly or view it on GitHub: https://github.com/MattWilcox/Adaptive-Images/issues/169

joeguilmette commented 10 years ago

I think I spoke before seeing what you said about ai-cache... That is odd

On Wed, Oct 29, 2014 at 11:08 PM, BernardA notifications@github.com wrote:

I left a comment on 'Dare to Think' web site, but then realized this might me the proper place, so here it goes: The live page where I applied this is http://soeezauto.ma/soeez-blog I believe I followed the instructions correctly, but it does not seem to work. At least the Google tool athttps://developers.google.com/speed/pagespeed/insights/, is telling me that the images were not resized. The only possible issue I can think of is that this is a WordPress integration to an existing website, so wp is located at /wp , though I believe it should work even then. So, to be sure, 1 - I added to adaptive-images.php to the root folder 2 - added the rules to the existing rules of the .haccess file on the root folder. 3 - added the line to the header.php file within my WP theme, which is a child to twentyfourteen 4 - placed my resolutions ( got some doubts there, but I think it's fine) 5 - created the folder ai-cache within /wp/wp-contents/uploads/ directory and placed that address on the corresponding line on adaptive-images.php file I verified that it does not create the images. The ai-cache files remains empty. Any suggestions?

Thanks!

Reply to this email directly or view it on GitHub: https://github.com/MattWilcox/Adaptive-Images/issues/169

BernardA commented 10 years ago

@joeguilmette : Thanks for your comments. The steps were taken from : http://www.daretothink.co.uk/blog/using-adaptive-images-wordpress/ but you can also find them in the instructions from Matt Wilcox that come with the download.

kn00tcn commented 9 years ago

arent there 2 different htaccess files if you're using WP in a subdir? are you POSITIVE they havent been modified by WP? (some plugins do on every page load, or simply viewing the permalink settings might overwrite the htaccess)

which devices are you testing on? as i understood AI, you MUST load the page on a device with a low resolution for anything to happen

the current live site doesnt appear to have the cookie line in the html head

BernardA commented 9 years ago

Thanks kn00tcn,