0
On this website www.nomalism.com There is a problem: When opening the site for the first time, especially in the store (search or search option) you notice that the images appear blurred or disproportionate. We make F5 and then appear correctly, because they are loaded via cache.
If we clean the browser temps, it happens again. What can be?
Site developed in Laravel 4 and angular.js
Effect "2nd time" after page refresh:
Here we have internet Fiber 100Mb and can check in Firefox and Chrome, latest versions on Windows 7.
I accessed the site and didn’t notice anything unusual. At what point exactly is the problem? I’m using Chrome last version on Windows 7.
– Marcos Regis
It didn’t seem to be a problem here either, I’m using Chrome Windows 8. http://imgur.com/j3nwmAH
– Wilson Tamarozzi
Here also no abnormality - FF 38.0.5 + WIN7 64
– Thyago ThySofT
I have a colleague, outside of here, who confirms to me the problem described, only in Firefox.
– Rui Costa
Yes, really is with the problem, my internet is 60 megas, I use windows 10, but it is too fast and have to visualize well.... I shall await your reply as it may be useful in the future.
– Leonardo Joksan
Could be "bug" in Angulajs script?
– Rui Costa
What I realized is this. Your images are larger than what is being displayed and there is a discrepancy between the resolution that should be as Dots per pixel but is in Dots per inch. I switched here
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi)
in your Chosen.css file for@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dppx)
but it hasn’t worked out yet. It also has a Transition effect with time of 150ms. Maybe it is in one of these items or it can be the interlacing of the images– Marcos Regis
I believe that this is not a bug but the normal behavior of displaying images. They are being loaded and probably your jpegs are like progressive. There is nothing to do unless you do not want this at all and in this case you will need to use a pre-load-images script, but you will have the drawback of having a wait before the image is fully loaded.
– Marcos Regis