Как именно браузер определяет загрузилась ли страница полностью?

Он же сам и загружает эту страницу

Ему письмо приходит на почту

Сначала, когда браузер получил URL для загрузки, он делает по этому адресу запрос, далее, сервер возвращает ответ, браузер подтягивает HTML-страницу, в которой содержится описание всех ресурсов - javascript, css, картинки, видео, звуки и всё-всё-всё. Когда все эти ресурсы были загружены, тогда страница считается полностью загруженной.
Но сейчас зачастую страница создаётся с помощью динамических библиотек JavaScript, типа Vue.Js, React, Angular и многих других. Поэтому страница может считать полностью загруженной задолго до того, как будут подтянуты все требуемые ресурсы или даже до того, как она сможет отобразиться на экране.

Браузер определяет, что страница загрузилась полностью, когда все ресурсы, необходимые для отображения страницы, были загружены и обработаны.

Когда браузер загружает страницу, он отправляет запросы на сервер для загрузки всех связанных ресурсов, таких как HTML, CSS, JavaScript, изображения, видео и т.д. Когда браузер получает ответы на эти запросы, он начинает загрузку каждого ресурса.

Когда ресурсы загружены, браузер начинает их обработку и рендеринг. Это может включать выполнение JavaScript-кода, применение стилей CSS к элементам страницы и т.д. Когда все ресурсы были загружены и обработаны, браузер генерирует событие load, которое указывает на то, что страница загружена полностью.

Кроме того, браузер может отслеживать состояние загрузки каждого ресурса и генерировать события readystatechange для отслеживания прогресса загрузки страницы. Эти события могут использоваться для отображения индикатора загрузки на странице или для выполнения других действий, связанных с процессом загрузки.