Website Images That Are Cached In Chrome Disappear On Page Refresh - caching

I'm having a strange issue with Chrome.
I'm working on development with a very image heavy website. If I reload a page over and over again, eventually half the images or more will just disappear. (they don't seem to be broken, just not visible).
If I clear my local cache in Chrome and refresh the page, the images return.
Any idea what may be causing this and how to possibly fix?
edit: just to note, it's not just me. Others hav reported the same issue on the website I'm working on. Always Chrome.

Images, which contains "content-length" header randomly disapper, removing this at the server side solves this bug...
(chrome dev team has this issue in "open" state in their bug tracing system)

I've been getting this recently too. I generally use the latest dev channel for Chrome and assumed it was related to that, but even when launching the regular version of Chrome I get the same issue. I've only noticed it for the past 2-3 months though. Hard-refresh does the job, but it's a really odd bug.

Related

Chrome: Freezes for 2 seconds on websites when being loaded

I have a weird problem: Two of my little project pages have a "freeze" when being loaded. Independently from each other, when the page ist fetched or loaded for the first time.
Here's a video: https://1drv.ms/v/s!Ah0uXS0-ZrK9kqJ2RoTmBc9lTkHa6g
I tried even with a fresh and clean installation of Chrome. Same problems do occur.
The address of one page is: https://replaying.de if you are curious.
Debug log: https://i.stack.imgur.com/siFXN.jpg
I have the exact same problem. It always freezes on new page load. If I use Ajax calls, then everything seems fine. Here are my results of the log: F12 Network Log
For what I tested it happens after the DOM is ready, even after the jQuery.ready() statement is being called. So far I was not being able to track exactly what caused the freezing moments.
It's a bug in Chrome and will be fixed in the upcoming release! I reported it to them.

error parallax effect in firefox but works on google chrome

I need your help my website is not functioning properly on firefox browser but in edge, chrome and opera and safari it works only firefox is not functioning properly
Firefox Browser
Google Chrome Browser
I would recommend setting up all your projects in Xampp or something similar first before testing it. If you are going to upload to a server you need to replicate the environment locally before you decide whether it is going to work or not. It seems complicated but it is quite simple, you can find out more here. https://www.apachefriends.org/
That said, check your urls, they are not the same for your two different screens, the one is referencing an anchor tag.

Jwplayer not running in Firefox

This problem has been covered many times but none of suggested solutions worked for me so I decided to post this question again with a link to my site.
Please, check a sample webpage: http://miejska.tv/sinfonia-varsovia-zamienia-noc-w-dzien,wywiady,65.html
In chrome everything works 100%, all the time. The JWplayer shows up on the page, files are loaded and played correctly. In Firefox 90% of the time the JWPlayer shows up in half with an error message "error loading player. no playable sources found". Similar situation is with IE. Though problem occurs less often and after page refresh everything works ok.
I have updated the browsers and played with their settings, including change of safe mode of flash in Firefox. In vein.
Maybe there is some other code on the page that causes conflicts with JWPlayer. Maybe the problem lies somewhere else.
Please, have a look and help. Otherwise I'll have to switch to other player as Firefox in my country shares 50% of the market yet.
Witold

Chrome pending on images, javascript streamlining?

There has been very little changed to this page since it just recently stopped loading properly on Chrome.
If you click the link three times things usually load up fine. I've looked through the developer tools and can see that it's hanging up on the js the first load. The second load has pending on most/all of the .jpgs, and then finally another click/load works.
I know it's a heavy site, but the other pages are fine, in terms of actually loading and not just going idle, and this loads well enough in Firefox. I don't think this site is even the largest of the pages in terms of images and video.
I've gone through others solutions to this problem by changing the "https" and renaming files incase an adblocker was causing it, but nothing seems to work.
Any idea of what in the page is causing the issue?

IE8 is suddenly refreshing entire window on page change/refresh

After my Vista 64 was updated via Windows Update to include upgrades to .NET, graphics, etc. (basically, pieces of Windows 7, I believe) Internet Explorer 8 has been doing something very annoying on many web sites. It's very noticeable on some sites I've built.
When the page is refreshed or another page - even from the same site - is loaded, the entire window refreshes itself as though it was loading for the first time; very disruptive. It's really noticeable on sites with darker backgrounds such as http://www.northridgecommunitychurch.com, but it's also noticeable here on the stackoverflow.com site.
Is anyone else noticing this? Can a developer do something - or stop doing something - to restore the smooth page transitions I was seeing until a couple of days ago?
Thanks in advance.
Just to add to my question, there is no trace of this problem in Firefox or Opera. Only in IE8, and only there in the past day or two.
Nevertheless, if anyone has any ideas for code modifications that might overcome the problem before clients start complainining....
You'd see much less flicker if the site was using HTTP Expires & Cache-Control headers properly; see http://www.fiddler2.com/redir/?id=httpperf

Resources