Почти каждый вебмастер знает, почему полезно периодически «взвешивать» сайт, просматривать информацию о веб-страницах и проводить оптимизацию. А вот новичков ждет целый океан неожиданных, но важных открытий. Пора разобраться в деталях и найти способы оценить «вес» страницы сайта.
Зачем нужно знать размер
Статистика гласит: чем больше объем страницы, тем дольше пользователям и посетителям приходится ждать появления полезной информации, контента, тематических элементов. Еще «вес» помогает оценить количество свободного места на хостинге и даже повлиять на формирование поисковой выдачи. Ведь Google с «Яндекс» повышают позиции тех веб-ресурсов, которые загружаются намного быстрее конкурентов. Такой алгоритм у поисковиков появился еще в 2010 году, и ситуация едва ли изменится в ближайшем будущем.
Как на практике узнать «вес» веб-страницы
Вариантов предостаточно. Во-первых, поможет встроенный инструментарий браузера, отображающий скорость загрузки сайта. Во-вторых, не обойтись без тематических ресурсов с подробной статистикой и рекомендациями. Но обо всем по порядку.
Проверка в браузере
В Google Chrome, Opera, Mozilla Firefox и даже Microsoft Edge статистика о загруженных веб-страницах выводится в разделе с «Инструментами разработчика», вызываемыми через кнопку F12.
В появившемся меню необходимо переключиться на вкладу Network, где и появится размер каждого файла с веб-страницы, скорость и очередность загрузки скриптов, HTML, элементов CSS, медиаконтента. Несмотря на точность и разносторонность предлагаемой информации, за полноценным анализом все же придется обращаться к альтернативным методам анализа.
Просмотр статистики в сторонних сервисах
Кроме инструментов разработчика, представленных в браузере, с исследованием особенностей страницы сайта помогут и тематические ресурсы:
- 2ip.ru. Сервис, отображающий скорость загрузки сайтов, а также стороннюю статистику, связанную с объемом HTML-кода, медиаконтента, JS-скриптов, CSS. Для проверки достаточно ввести URL-адрес страницы сайта, остальные детали появятся в автоматическом режиме.
- Pingdom.com. Отображает схожую с 2ip статистику, но в конце выдает еще и «оценку» проделанной оптимизации. Если сайт загружается долго, с ошибками или неполностью, то Pingdom попытается исправить ситуацию: подскажет, какие элементы скрыть, как поменять приоритет загрузки, где использовать новые алгоритмы, связанные с «похудением» для страницы сайта.
- GTmetrix. Дублирует функционал Pingdom, но предлагает больше критериев проверки, из которых складывается финальная оценка оптимизации. Разрешает просматривать информацию о CMS каждого сайта, графике работы ресурса за неделю, месяц или даже год, адаптацию элементов под отдельные типы браузеров. Как плюс – специальная тематическая сортировка «фактов» по вкладкам.
Альтернатива перечисленным выше сайтам – инструмент PageSpeed Insights, разрабатываемый в Google: сервис разрешает ввести URL-адрес нужной страницы, а после – просмотреть рекомендации, связанные с ускорением загрузки сайта и избавлением от элементов, способных замедлить процесс.
Список критериев проверки скромный (без детального анализа с коллекцией подробностей), но для беглого анализа – вполне достаточно. За полноценными подсказками и наглядными советами придется обращаться к GTmetrix: там изучаются десятки параметров (почти 50!) каждой страницы сайта, а после – выводится статистика, где и как все исправить. Например, не пора ли минимизировать количество HTTP-запросов.
Как ускорить загрузку страниц сайта
Вебмастера, уже столкнувшиеся с оптимизацией продвигаемых сайтов, кроме советов от 2ip, GTmetrix или Pingdom, предлагают придерживаться и дополнительных правил:
- Лишние или неинформативные элементы – не нужны. Всплывающие баннеры, разноцветные окна с контекстными меню, анимированные кнопки: едва ли посетители оценят вклад в дизайн, если придется по 30-60 секунд ждать отображения каждого элемента.
- Очередь загрузки – это важно. Объемные, тяжелые, но полезные части страницы сайта необходимо отрисовывать в последнюю очередь (как вариант – те же скрипты). А вот тот же HTML-код с CSS-таблицами должны оставаться в приоритете при загрузке.