How to solve the problem with loading the site, when at the entrance everything is crookedly displayed and after loading it returns to normal?

Question

css

The site is powered by dle. There are no questions except one. When you enter the site, the site is displayed crookedly for the first second and then normal. How to fix it? Or advise some preloader. Thank you!

Load time:


After load:

Answer 1

It's not about styles. The problem is in the images. The page loads - image styles are in place, but there are no images with their width. As soon as the browser receives the information about the width, everything stabilizes.
There are two options:
1. define styles for images with a fixed width, add, for example, backgrounds for future images
2. put a preloader on the whole page, which will wait for images to load too. But this is a minus in search engines, because. overlaps content.

Answer 2

This css doesn't have time to load raise the most important styles in the head above