There are four pictures shown, but I received thirty-seven.
Open the website in your phone screen size. There are four pictures in total on the first screen: one large banner and three cards. However, when I open the network in developer tools, it is already thirty-seven chaptersThis is coming down. I haven't scrolled yet.
If you look down the list, there are names that are not on the first screen. Things like review photos, bottom banners, map images, and brand logos. Even if the customer does not go down to the spot, the data has already been received.And that data is provided by the customer.
The moment the page opens, all the way to the bottom is called at once.
As the browser reads the document, it requests the images it encounters in order. It doesn't care whether the image is inside or outside the screen. So if you don't set anything The first screen goes down to the image at the bottom of the page.
After measuring 94 homepages, the downloaded image was similar to the image shown on the first screen. There are 74 places that are more than three times that number.It was. The median number of first screen images was 4, and the median number of downloaded images was 37.
The screen pops up quickly, but the data keeps coming down.
| measure | Median of 94 locations |
|---|---|
| Time when the first screen appeared | 1.2 seconds |
| Data received so far | 10.2MB |
| Among them, the image | 5.0 MB (about half of the total) |
| Image shown on the first screen | Chapter 4 |
| Downloaded image | Chapter 37 |
The first screen popping up in 1.2 seconds is a good value. The problem is that the data continues to come down even after the screen pops up. Looking fast and paying less are not the same thing.
Reveals measurement conditions. 100 locations on August 31, 2026 390×844 mobile screen sizeEach location was opened only once, excluding 6 locations that were opened but received less than 20KB of bytes. 94 placesThis is the denominator of the median above. I turned off the cache. Since this is a value measured on an office landline, the time appears differently on mobile communications. However, bytes are not affected by line conditions.
Instead of removing the photos, change the order in which they are called.
- The first off-screen image will be called later.
<img loading="lazy">If it's just one line, the customer will receive it when they come down to that spot. but Don't hang on the home screen image. If you walk, it will actually be delayed. - Lighten one of the largest photos on the home screen. The median size of a single page was 281KB, 38 locations exceeded 500KB, and 24 locations exceeded 1MB (based on 93 locations where heroes could be measured). There were only 8 places that exported to WebFi or AVIF.
I'm not saying you should reduce your photos. Keeping what to show the same and only changing when to callno see.
The check you will try today is 30 seconds.
- open the page without scrolling Leave it.
- Open developer tools Network → Img View . The number of images already downloaded and their total size are displayed there.
- from the list Photo name not on home screenFind . If you see a review photo, bottom banner, or map image, mark it.
If you see those names, it means that the customer is receiving them first. You can ask the person in charge to “call the image outside the first screen later.” If you are curious about the screen after sending A page where no screen appears even when you click on apply for consultationYou can continue watching.
