So this is an interesting problem and I’m not sure even where to start looking on this one. I have an MVC3 application written in C# that lists online advertisements. On the home page, it displays a list of the 10 most recent ads that have been placed with photos. Take a look at this page in Chrome. On the first page load, it loads just fine. Now hit F5. It will continue to show the “loading” indicator in the browser tab and if you scroll down, 2 or 3 of the ad images don’t show up. The odd thing is that it’s always images in the same area of the page (maybe the 6th, 7th or 8th image). It’s never the first few and its never the last ones.
This only happens in Chrome and only when you hit F5. If you click on the “Equispot” logo at the top (which redirects you to the home page) it works just fine.
Does anyone have any idea what might be causing this or how to troubleshoot this?
EDIT: I think I might be getting somewhere. Fiddler indicates a 500 error on the images that are not displaying. This is the error:
[Fiddler] Response Header parsing failed.
This can be caused by an illegal HTTP response earlier on this reused server socket– for instance, a HTTP/304 response which illegally contains a body.
Since all my images are cached and there are several 304 responses prior to the missing images, this seems like a likely culprit. Not sure how to approach a fix though as this is unfamiliar territory for me.
Found the problem. I had a FileCache attribute that was adding unnecessary bytes to the response for cached images. Removed that and the problem resolved itself and the controller is now returning 0 byte 304 responses.