Views image fields render slow causing overlaping results I have a view displaying some content fields including images being used as the background. I also have 2 attachments with the same fields.

When i visit the page for the first time, or when i do a hard refresh of my browser (hold shift and refresh) the main content and the two top attachments squish together. if i then refresh all looks ok.

Im using bootstrap theme as my base theme. If I disable my CSS file, the error still occurs.

I was thinking it had something to do with the image resizing and loading later than the text content. 

Please let me know if you need more information.




http://dev-tangrm-test.pantheonsite.io/
This is not a views or a Drupal issue...

Things to do are:


Make sure the image size in terms of KiloBytes is not huge. If you
have fairly large sizes this will affect your site speed in general,
especially on mobile devices.
Make sure you are using an appropriate Image Style. Meaning the size of the image you are rendering, in terms of pixels is not
bigger than the container you are rendering in it.
In any case to remove this overlapping effect set a static height to the container the image is rendering into. In this way the text
is not going to overlap even if the images are still rendering.


Hope this helps.