Hi. I’m just about finishing up the first draft of the home page of a site, but I’m concerned with how long the page is taking to load, and also how the elements come into view. The main image at the top will eventually be a carousel (currently it is a static single image), but adding further images at this stage will only make things worse.
The page has one main image (267kb) and a large number of smaller images used as button icons (all png or svg, all around 5kb).
I’m confused as to where the high page load time is coming from as it is quite a simple page. Chrome dev tools is showing a range of 4.41-10.32s, but realistically it is 7 seconds before the page orders itself correctly.
I guess my questions are:
- What is causing the drag?
- How can I control the presentation?
I’ve attached some screenshots show the three stages of painting and will include a private link.