I am using pnpm run build and pnpm start for this screen recording.

Just curious what would be causing the Chrome Dev Tools (bottom of screen) to show different DOMContentLoaded times each time I refresh? I am using Shift + Refresh each time I refresh.

Also, if my "resources" are much higher in file size, lets say due to uncompressed images or font files on the server, would this cause any slowdown for for the user browsing the website? Or is this a non-issue for Nextjs due to how it builds static assets (compressed) before deployment?

And if the compressed static asset is being served to the client, how does the browser know what the resource size is? (At the bottom of the screen recording, the difference between "transferred" and "resources")

Ps. You may need to hide video player navigation to see this at the bottom.