I am having an issue with image caching I believe. Not 100% sure thats the issue, but perhaps someone with greater expertise could assist.
In my wordpress site, I have some images that were uploaded via the media library. Now, when I first enter the site that has no cached info from the site, the images load and display properly. But, when the site has been cached, the images are loaded, but are not displaying on every reload.
The reason I know is, because when I do a hard refresh (Shift + F5), where I am reloading the site from square one, I get the images to display properly again.
Any reason why this might be happening? I am completely lost, and don't know where I could start to fix this problem.
Thanks,
Andy
Related
The swiper.min.js file that was part of my WordPress them is not allowing any lightbox related plugins on my website to load. When you click on it, you can see the lightbox arrows for a split second, then it redirects to the original media URL. Can someone pinpoint what it is in the swiper.js file that is making this happen. That way I can remove it. I would so appreciate it. I've been spending days trying to figure out what the issue is, and I've finally at least pin pointed that it's coming from swiper.min.js.
Website link where lightbox plugin is used: https://smithspecialized.com/edmonton-drawworks/
I tried removing some things in the file that I thought had something to do with the lightbox redirecting to media URL, but then it broke the code so I think I removed too much, or the incorrect section in the code.
Hey there it's difficult to find any error without accessing website from inside. If don't want to give access then-
please use different plugin or
try to disable and enable plugin, as sometime confliction between plugin caused the issue.
I am working on a site that when going to the URL on desktop it seems like the content is loading first then the styles about a 1 second late that creates a kind of 'flashing' effect on each page,
The sections expand and then the background images are loaded next,
I am using the WPRocket plugin - does anybody know what the cause of this is likely to be?
I am not sure if I am allowed to include the domain,
Many thanks,
It is likely a case of Flash of unstyled content,
Wikipedia has a good breakdown.
Here is the site that I am working on.
http://afinderskeeper.com/
Here is an example of the logo image that I want at the top
http://afinderskeeper.com/?attachment_id=64
The theme is mayashop, and I am having issues with the images loading. In the media library I am able to see all the images. In the theme options menu in the backend, it asks me to enter the url of the logo image/ favicon/ etc. into the text field. So for the logo, I am simply pasting that second url from above, save, but I still get the placeholder box, not even the correct size.
I was having a redirect issue earlier and couldn't even view any of the images.
It just kept taking a while to load and coming up with a redirect loop. I found online someone had switched the permalink, so I switched mine from "month and name" to "default" and now I can at least see the images on the second link, but I still cannot figure out why they don't show up in the proper places. I hope this makes sense.
I will also mention that I don't really know any php so if this is what it takes, please be very specific for me, thanks!
You're using the wrong urls for the header image and, possibly, the other images that are giving you trouble as well. Instead of referencing http://afinderskeeper.com/?attachment_id=64, you want to edit that image from the media library and get the file url. It will be something like http://afinderskeeper.com/wp-content/uploads/2014/02/afk_header_logo.jpg
I am just a random stranger on the internet, but I have to thank you guys! Your solution fixed a problem on my site that has bugged me for ages!
When attempting to share a page on FB, many images seem to only appear AFTER running the page that contains the image through the debugger first. Additionally, the debugger seems to throw different errors for the same page in some cases, even though I've made absolutely no changes to the page. Sometimes it tells me the image url cannot be found, and after clicking on "Scraped URL:" or "Graph API: the image url is found and the image then appears in the debugger?! However, nothing seems to happen consistently and it is very difficult to replicate these issues.
I tried unsuccessfully to post the code here, however, I'm using a modified version of a script provided by Chad Von Lind (http://vonlind.com/?p=539).
Sample pages (that did not display an image until after they were submitted to the debugger):
http://greatmomentsinparenting.com/photos/warning-parents-keep-out/
http://greatmomentsinparenting.com/photos/12-hours-in-a-car/
I don't understand why the images appear sometimes, and not at other times. Is it a caching issue? Does it take time for the image to show up in the cache for a newly published page? Can I force FB to cache the image on the first try? Or is it because I'm using a dynamic image url? And by the way, the image sizes are 203x203 pixels.
Thanks!
It's media temple. I have been working with them for weeks to fix it.
Facebook 503 502 Same html different servers different results
I am having some problems with browsers displaying images correctly. Most of the browsers are affected except Chrome.
The problem here seems to be the caching problem of images. I am not very sure if this is the case, so I will tell you guys what I did.
My page allows users to upload their photos. So these uploaded photos will be saved into a folder. The user will then use the crop tool to crop their images to their preference, and saved them back to the same folder again. If they chose to use the same name, the image will be overwritten.
Here comes the problem. In Chrome, the browser will show the new cropped images, but not for the other browsers. If the image was renamed, then this won't happen either. Is there anyway to solve this?
Try to add a new guid at the end of the filenames as image.jpg?id=asdf
Change the file name each time you save. You really need caching, but you don't want it to happen at the wrong times. Adding a random number will prevent browsers from caching images at all, prevent http.sys level caching, and prevent any edge caching you implement from working.