W3 Total Cache and S3

Hello @jmoran888,

I am sorry about the issue you are having with serving images from CDN and I am happy to assist you with this.
Can you confirm that those images are actually uploaded to S3 Bucket? Also, does the issue persist and what are the image URL’s if you do not delete them from your /uploads directory?

Hi Marko –

So an example of image URL if i do NOT delete them from my uploads directory is
https://awsdev.missioncontinues.org/wp-content/uploads/391-060219_LAGalaxy_vs_NERevolution_SC1151.jpg?x42172

I’ve confirmed that the image 391-060219_LAGalaxy_vs_NERevolution_SC1151.jpg is currently in my S3 bucket. My bucket has a folder structure called wp-content/uploads and the image is inside the uploads folder on the S3 bucket.

It looks like something is appending ?42172 to the end of the URL. Not sure if that has anything to do with the issue or not. But i would assume the URL for the image should be
https://<S3 bucket name>/wp-content/uploads/391-060219_LAGalaxy_vs_NERevolution_SC1151.jpg

Hello @jmoran888,

The questy string ?42172 is controlled by Performance>Browser Cache, General sub-box, “Prevent caching of objects after settings change” option. Try to disable that option and see if the issue persists.

Thank you for your response. By disable i believe you mean ‘uncheck’ this option (it was currently checked).

I have unchecked this option and the URL is still showing as
https://awsdev.missioncontinues.org/wp-content/uploads/391-060219_LAGalaxy_vs_NERevolution_SC1151.jpg?x42172

And i’m still getting a 404.

Hello @jmoran888,

I checked and the query strings are ignored by S3. It appears that your files are just not there. Can you please doublecheck correct asset URL in s3 console?

Hi Marko –

Ok so i started from scratch – i deleted the W3 total cache plugin and completely reinstalled it. I left everything as the default – the only thing i changed was the access id/secret key and bucket to the S3 bucket.

I also recreated my bucket and also kept the images on the server in the uploads directory.

I am accessing the home page on our development site. I see the image on the page and in the Developer Tools i now see

Request URL: https://cdn.shortpixel.ai/client/to_webp,q_glossy,ret_img/https://awsdev.missioncontinues.org/wp-content/uploads/391-060219_LAGalaxy_vs_NERevolution_SC1151.jpg?x42172

Referer: https://awsdev.missioncontinues.org/

I verify the image is both on the dev machine and in the s3 bucket.

I then DELETE the image from the dev machine and reload the page (clearing cache) and i again get a 404 and this is what i see in the developer tools

Request URL: https://awsdev.missioncontinues.org/wp-content/uploads/391-060219_LAGalaxy_vs_NERevolution_SC1151.jpg?x42172
Request Method: GET
Status Code: 404 Not Found
Remote Address: 3.94.68.21:443
Referrer Policy: no-referrer-when-downgrade

thanks

Hello @jmoran888,

It seems that your website URL is https://awsdev.missioncontinues.org/ and the image URL is from the same domain. It does not come from s3. There should be different URL like s3.amazonweb.com/391-060219_LAGalaxy_vs_NERevolution_SC1151.jpg
Maybe not using the folder structure in S3?

Yes i realize that the image url is the same as the domain thats my original question – why is it not serving the images from s3 ? – i have set up the CDN in W3TC so why isn’t it using the S3 bucket ? My S3 bucket is set up as <bucket-name>/wp-content/uploads/
How do i attach an image to this post ? I can screenshot my wp-admin w3tc settings page

Hello,
Just upload the image to any image upload service.
Have you tried using it without the folder structure?

question for you – when i add the W3TC plugin and configure to use CDN instead of local source so i need to go into all the pages and replace
<image src=”/wp-content/uploads/MeghanOSullivan.png” with the full s3 bucket name such as
<img src=”https://missioncontinues.org.s3.amazonaws.com/wp-content/uploads/MeghanOSullivan.png&#8221;

Hello @jmoran888,

No. Once S3 isproperly configuredand and images uploaded to s3 bucket, the images should be served from the s3.amazonweb.com/.
Can you please share the screen shots of the Performance >General settings, CDN sub box and the Performance>CDN settings?

Please tell me how to add attachments to this post ?

Hello @jmoran888,
You can’t add attachment directly to this post but you can upload your screenshot to I.e. Imgur and share the uploaded image URL to this post.
I hope this helps.

DropBox Images

DropBox Images