Когда вы сохраняете HTML с помощью CTRL + S, браузер сначала запускает код JavaScript и добавляет его в HTML. В вашем примере есть код JavaScript, который добавляет элемент <style>
на страницу с набором правил CSS, что увеличивает размер файла.
Когда вы просматриваете источник страницы (CTRL + U), это именно тот HTML-код, который ваш браузер получил с сервера.
Причина, по которой на вкладке «Сеть» отображается только 4,9 КБ, заключается в том, что файл загружается сжатым (gzipped), а браузер распаковывает его перед анализом.
Я не смог увидеть заголовок ответа Content-Length
как в Firefox, так и в Chrome, поэтому я не знаю, почему вы получили этот номер. Было ли число в байтах или килобайтах?