журнал ·
Как мало должна загружать страница журнала
Перевод ИИ Эта страница — машинный перевод оригинала (английский / корейский), в нём возможны ошибки. Приоритет у оригинала. Читать оригинал
Страница, которая быстро открывается, читается легче — особенно на телефоне со слабым сигналом. Вот что на самом деле загружает одна страница журнала ipe.rest, с размерами, которые мы измерили, и с тем, что мы убрали намеренно.
Вчерашняя запись была о небольших решениях, помогающих читателю. Эта — о весе, который за ними стоит. Мы взяли запись от 5 ноября, английскую страницу, и посмотрели, какие файлы она запрашивает. Цифры — на 6 ноября 2026 года.
Одна небольшая страница
Сама страница — один HTML-файл размером 30 871 байт. По сети он идёт в сжатом виде, 8 255 байт, то есть около 8 КБ. Стили написаны внутри этого файла, а не в отдельной таблице стилей, поэтому нет второго запроса, которого нужно ждать, прежде чем выложить текст. В теле страницы нет ни одного изображения; только маленькая картинка для превью ссылки, которая на странице не показывается, названа в её заголовочной части.
Один скрипт и что он делает
Страница загружает один скрипт в 6 218 байт, около 2,3 КБ в сжатом виде. Он выполняет мелкие задачи, которые нужны и статической странице: переключает язык, запоминает ваш выбор в браузере и считает посещения. За ним нет фреймворка и нечего устанавливать.
Шрифты с нашего собственного сервера
Текст набран шрифтом Inter, а мелкие подписи — JetBrains Mono. Оба шрифта открытые, а файлы отдаёт сам ipe.rest: 27 540 байт для Inter и 20 420 и 21 164 для двух начертаний моноширинного. Ни один шрифт не берётся с сервера другой компании, поэтому ни один запрос шрифта не уходит к кому-то ещё.
Шрифты настроены на подмену (swap). Браузер сразу показывает слова шрифтом, который у него уже есть, и заменяет его, когда файл шрифта приходит. Чтение никогда не ждёт загрузки.
Если сложить
Сложите сжатую страницу, сжатый скрипт и все три файла шрифтов — первое посещение обойдётся примерно в 80 КБ. Последующие легче, потому что браузер и собственный кэш сайта хранят файлы, а страницы открываются даже без соединения, как мы рассказывали в начале этой недели.
Что приходит со стороны
Одно не приходит с нашего сервера: скрипт аналитики Google, который загружается после страницы и описан на странице о конфиденциальности. В 80 КБ выше он не входит, и без него текст читается так же.
Чего мы не измеряли
Мы измеряли размеры файлов, а не то, сколько времени страница появляется на медленном соединении или старом телефоне. Размеры к тому же меняются, когда записи становятся длиннее и когда мы правим стили, так что считайте эти цифры снимком одной страницы в один день.
ipe(); // a page is just a file
Это не рекорд, который нужно побить. Это привычка: прежде чем что-то добавить на страницу, спросить себя, будет ли читателю этого не хватать, если убрать.