Простая оптимизация крупных проектов на примере vkontakte.ru
Другие записи: Захотелось | Начало | Двое чеченских боевиков выписаны из психиатрической больницы досрочно | Велел он бабам всем
Если посмотреть на исходный код этого сайта, то можно заметить, что верстка выполнена идеально. Закрывающие теги находятся строго под открывающими, расставлены переносы строк, для удобства разбора кода стоят комменты, и присутствуют пустые строки. Вроде бы все нормально и исходный код страницы можно легко прочитать. Но какие могут быть последствия из-за такой правильной верстки для такого крупного проекта? Давайте разберемся.
Сохранив страницу своего профиля на компьютере, я посмотрел ее размер в свойствах (только текст, без картинок, без яваскриптов, без стилей).
Мой профиль в чистом текстовом виде весит 59 425 байт. Открыв эту же сохраненную страницу в специальном редакторе, я убрал все переносы, сократив таким образом количество строк с 1680 до 2 (пробелы я удалять не стал). После этой операции моя страничка стала весить 59 184 байт. Путем несложных математических вычислений, я выяснил, что чистая потеря после удаления переносов составила 241 байт...
Вроде бы мелочь и для конечного пользователя незаметно. Но, статистика всего проекта говорит нам, что за день посетители просматривают 500-600 млн. страниц. А теперь давайте посчитаем сколько лишнего трафика гоняют сервера контакта из-за такой правильной верстки. Я беру среднее значение 500 млн. страниц в день и 200 байт потеря с каждой страницы. 500 000 000 * 200 = (((100000000000) / 1024) / 1024)) / 1024 = 93.13 Гигабайта.
Получается, что убрав все переносы в хтмл коде всех страниц этого сайта, разработчики сэкономят около сотни гигов трафика в день. Вроде бы мелочь, но все равно провайдеру неприятно.