Как решить проблему с подзагрузкой сайта, когда при входе все криво отображается а после загрузки нормализуется?

Question

[Gera11]

Сайт работает на dle. Вопросов никаких нет кроме одного. Когда входишь на сайт, сайт первую секунду отображается криво а затем нормально. Как это исправить? Или посоветуйте какой-нибудь прелоадер. Спасибо!

Момент загрузки:


После загрузки:

Answer 1

[strelok011]

Это не в стилях дело. Проблема в изображениях. Страница загружается - стили по изображению на месте, но нет картинок с их шириной. Как только браузер получает информацию о ширине - всё стабилизируется.
Варианта два:
1. определить стили для изображений с указанием фиксированной ширины, добавить, к примеру, фоны под будущие изображения
2. поставить прелоадер на всю страницу, который будет ждать загрузки и картинок тоже. Но это минусанет в поисковиках, т.к. перекрывает контент.

Answer 2

[Алексей Тутубалин]

Это css не успевает прогрузиться подними самые важные стили в head выше