Как узнать вес страницы сайта


Как узнать, сколько весит страница вашего сайта – semantica.in

Мы увеличиваем посещаемость и позиции в выдаче. Вы получаете продажи и платите только за реальный результат, только за целевые переходы из поисковых систем

Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».

Подпишись на рассылку и получи книгу в подарок!

Это очень простой вопрос, но найти нормальный ответ оказалось дико сложно. Чтобы вы не повторяли мой трудный путь по античным форумам и сомнительным подборкам, я собрал самый сок. В статье: один простой, но трудоемкий способ сделать все руками и три действительно полезных сервиса, помогающие узнать размер страницы сайта в килобайтах.

Зачем это нужно?

Сайтам тоже нужно худеть к лету. Чем больше объем страницы, тем медленнее она загружается, тем дольше пользователь не получает доступа к контенту и тем хуже они выглядят в глазах поисковиков. Узнать размер страницы и сайта целиком стоит по двум причинам: оценить, сколько места на хостинге у вас осталось и как быстро он загружается в браузере. Второе особенно важно – скорость загрузки страниц учитывается поисковиками при формировании выдачи. Соответствующий алгоритм работает аж с 2010 года и если сайт тяжелый и медленный, на попадание в топ рассчитывать не стоит.

Как узнать сколько весит страница сайта?

Можно воспользоваться специальными сервисами или посчитать размер «руками» в браузере. Сервиса в подборке всего три, зато они в тельняшках и красавцы. Но сначала попробуем сделать все сами.

Как узнать, сколько весит страница сайта в браузере

Чтобы найти нужную информацию, зайдите в инструменты разработчика браузера Google Chrome («Настройки» >> «Дополнительные инструменты» >> «Инструменты разработчика» или просто F12).Нужную информацию можно получить во вкладке Network. Главный минус – это очень неудобно. Там отображается вес каждого элемента страницы, а скорость их загрузки в миллисекундах можно посмотреть на временной шкале. Но на этом все: можно либо узнать полный размер страницы сайта в килобайтах и время загрузки (самая нижняя строка), либо уточнить эти же параметры для типа элемента. Если вы шарите в JavaScript и CSS, можно посмотреть, какие скрипты и стили подгружаются медленнее других, но полноценным анализом это назвать сложно.

Переходим к сервисам.

2ip.ru

Простой, попсовый и удобный сервис, который обычно используют для проверки IP-адреса. Он выдает необходимый минимум информации. Чтобы узнать, сколько весит страница сайта, нужно выбрать в списке инструментов «Информация о сайте». Вбиваете URL и радуетесь.

pingdom.com

Еще один очень удобный и красивый сервис. Помогает узнать размер страницы сайта и время загрузки. По итогам теста ставит оценку и подсказывает, как улучшить положение. Есть удобная временная шкала загрузки элементов страницы, разбивка по типу контента и количеству запросов к серверу. Результат теста можно скачать или поделиться им в социальных сетях (зачем – загадка). Ссылка на инструмент спрятана в футере сайта (кнопка Tools), все остальное на страничке «продает».

GTmetrix

Почти полностью дублирует функции инструмента pingdom.com. Отличается раздутым (он примерно вдвое длиннее) списком критериев оценки, возможностью посмотреть CMS сайта и графиком изменения скорости загрузки страницы за несколько недель/месяцев. Дополнительный плюс – чтобы добраться до нужной информации, не нужно долго скроллить, все данные разбиты по вкладкам.

Есть еще собственный инструмент «Гугл» – PageSpeed Insights. Сколько весит страница сайта он не показывает, но помогает определить основные проблемы, снижающие скорость загрузки. Правда, никаких особых подробностей он не дает, только краткую справку о том, как сделать все правильно. Список критериев проверки у него тоже небольшой, поэтому для детального анализа страницы лучше воспользоваться другими сервисами.

Больше всего подробностей дает GTmetrix. Он проверяет сайт по 46 параметрам, указывает на ошибки и возле каждой подрисовывает кнопочку «What’s This mean?», чтобы вы точно не запутались в терминах. Заботливый. Помимо стандартных советов по оптимизации скриптов и подобных, GTmetrix советует минимизировать количество http-запросов, поработать с фавиконом и сжатием элементов gzip.

Что делать, если сайт загружается медленно

Отсекайте лишнее

Если единственная функция элемента – быть красивым, смело режьте. Никто не оценит красоту вот этой плашки или вон того окошка, если придется долго ждать их загрузки. То же самое и с остальными элементами страницы, причем не только визуальными.

Не все сразу

Загружайте самые тяжелые и объемные элементы в последнюю очередь. Да, размер страницы сайта не изменится, но пользователь быстрее получит доступ к полезному контенту.

Руководство по передовой практике Уменьшение веса страницы веб-сайта

Последнее обновление Поделиться постом
  • Поделиться через фейсбук
  • Поделиться в Twitter

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

Вес страницы - он же размер страницы или раздувание страницы - относится к общему размеру конкретной веб-страницы, включая все файлы, которые используются для создания страницы: документы HTML, таблицы стилей, изображения, сценарии и другие носители.

Это еще одна метрика веб-сайта, которую необходимо отслеживать, помимо скорости страницы, времени безотказной работы, времени до первого байта, HTTP-запросов и т. Д.

Но какое это имеет значение? Это значимая метрика? И стоит ли тратить время на поддержание стройности своего сайта?

Давайте посмотрим.

Средний размер веб-сайта в 2018 году - 1711,4 КБ

Еще в 1990-х веб-сайты были довольно простыми и состояли из простых файлов HTML и небольших изображений (и GIF-файлов в стадии разработки!). В настоящее время они выросли и включают в себя различные файлы HTML, CSS и JavaScript, изображения, видео, шрифты и другие типы файлов.

Согласно данным, собранным HTTP-архивом, средний размер веб-страницы в 2010 году составил 467,7 КБ по сравнению с 1711,4 КБ в 2018 году.

Невероятно, но размер мобильных веб-страниц увеличился на 972% с 2010 года, хотя я должен отметить, что HTTP-архив впервые начал собирать данные о весе мобильных веб-страниц в мае 2011 года - средний размер мобильной веб-страницы тогда составлял 144.8кб.

По мере развития веб-сайтов с годами средний размер веб-страницы экспоненциально увеличивался. Хотя есть несколько предостережений, на которые стоит обратить внимание, прежде чем мы продолжим:

  • Средний размер веб-страниц, опубликованных HTTP-архивом, является средним размером, взятым из большого набора данных. Представляет ли он «типичный» веб-сайт? Возможно нет. Я имею в виду, что вообще такое типичный веб-сайт?
  • Лучше не использовать эти числа из HTTP-архива в качестве ориентира для своего собственного веб-сайта.Это исторические тенденции.
  • Некоторые веб-сайты со временем уменьшились. В то время как некоторые веб-сайты в своем подходе стали полностью мультимедийными, с видео, полноэкранными изображениями, пользовательскими шрифтами и другими элементами дизайна, другие приняли более минималистский подход.

Видео составляет 65,9% от среднего веса страницы

Долгое время разработчиков беспокоил размер изображений и их доля в общем размере страницы. Но вау… Посмотрите, как видео полностью обогнало изображения:

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

Для сравнения: в мае 2016 года средний вес видео для настольных компьютеров составлял всего 286,3 КБ. Интересно, что средний размер видео в 2018 году на мобильных устройствах больше, чем на компьютерах.

Использование видео в последние годы резко возросло. Все больше и больше веб-сайтов используют заголовки видео и другие элементы мультимедиа. Согласно WordStream, 87% интернет-маркетологов используют видеоконтент, треть всей онлайн-активности тратится на просмотр видео, а более половины видеоконтента просматривается на мобильных устройствах.

Пользовательские шрифты никуда не денутся

Веб-шрифты

вносят еще один вклад в размер страницы, но, как показывает статистика, не стоит беспокоиться о росте их популярности. В ноябре 2010 г. шрифты составляли 59,2 КБ от общего размера страницы по сравнению с 105,1 КБ в апреле 2018 г.

Еще более интересным является то, как среднее количество HTTP-запросов для шрифтов увеличилось до четырех в 2015 году, упало до трех в 2016 году и осталось стабильным на уровне четырех с 2017 года. Это может быть признаком того, что дизайнеры и разработчики остановились на оптимальное количество веб-шрифтов.

Давайте не забудем сценарии и таблицы стилей

Средний вес файлов JavaScript продолжает расти, увеличившись на 316,4% с конца 2010 года. Среднее количество HTTP-запросов для JavaScript также увеличилось с девяти в 2018 году, но остается стабильным с 2015 года.

байт CSS также неуклонно росли - в среднем в 2018 году сейчас 51,5 КБ, что на 10 КБ больше, чем в прошлом году.

Действительно ли размер имеет значение? Разве Интернет не становится быстрее?

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

Хотя вес страницы является лишь одним из множества показателей веб-сайта и, откровенно говоря, не должен быть вашим приоритетом номер один, он все же является важным фактором, который следует учитывать, поскольку он напрямую влияет на скорость страницы.

Да, Интернет становится быстрее. Браузеры, кеширование, более быстрые сети, CDN и другие технологии делают Интернет быстрее для пользователей. Но это не повод, так сказать, позволять вашему сайту нести лишний жир.

Radware отслеживает время загрузки 100 лучших сайтов электронной коммерции с 2011 года и обнаружил, что время загрузки и время взаимодействия значительно снизились.Причина? Размер и сложность страницы. Поскольку в другой раз страницы становятся более раздутыми и сложными, обычно сохраняется тенденция к более медленной загрузке.

Насколько большими должны быть веб-страницы?

Эксперт по веб-производительности Тэмми Эвертс рекомендует 1 МБ как идеальный размер для быстро загружаемых веб-страниц. Далее она пишет, что многие компании стремятся выделить 1 МБ для своих страниц в рамках своего бюджета производительности.

Чтобы узнать больше о бюджете производительности, ознакомьтесь с этой замечательной книгой Брайана Джексона.

А как насчет ваших мобильных пользователей?

Я уже рассматривал воспринимаемую производительность в этом блоге раньше, поэтому вы знаете все о том, как можно заставить веб-сайты работать быстрее, чем они есть на самом деле, чтобы повысить удобство работы пользователей. Но улучшение воспринимаемой производительности - не всегда ответ, особенно когда дело касается мобильных устройств.

Мобильные пользователи, которые сталкиваются с ограничениями полосы пропускания и / или ограничениями данных, просто не имеют времени или данных для загрузки раздутых веб-сайтов, поэтому ваш веб-сайт должен быть максимально оптимизирован для этих пользователей.Потому что, если ваш сайт не загружается для них достаточно быстро, они просто покинут ваш сайт.

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

Советы по снижению веса страницы

1. Сохраняйте стройность сайта

Лучше меньше, да лучше.Если вы больше не используете на своем сайте плагин, тему, шрифт, скрипт или другие ресурсы, удалите их. Если вы считаете, что вам может понадобиться это позже, вам все равно следует удалить его - вы всегда можете добавить его позже.

Обязательно регулярно отслеживайте и просматривайте ресурсы на своем веб-сайте, чтобы использовать только то, что вам абсолютно необходимо, и ничего более. Это хорошая практика не только для повышения производительности сайта, но и для его безопасности.

Возможно, ваш сайт засоряет неиспользуемые правила CSS, и в этом случае вы можете использовать такие инструменты, как Unused CSS, чтобы легко найти и удалить правила, которые больше не используются.

2. Оптимизировать изображения

Изображения - это низко висящий плод, когда дело касается увеличения веса страницы. Часто это файлы, которые загружаются на веб-странице дольше всего, но их относительно легко оптимизировать.

Для начала найдите время, чтобы просмотреть свои изображения и удалить все, что вам не нужно. Затем сожмите их с помощью инструмента оптимизации изображений, такого как Imagify. Это позволит удалить ненужную информацию о файле и ускорить загрузку изображения.

Создание спрайтов CSS может еще больше уменьшить вес страницы.Этот метод позволяет уменьшить несколько изображений в одно изображение. Затем, используя CSS, вы можете управлять спрайтом и отображать на странице только его определенную часть. Есть несколько отличных инструментов, которые могут помочь в создании CSS-спрайтов, например SpriteMe.

Ленивая загрузка изображений также может сократить время загрузки страницы, особенно для мобильных пользователей. Так что не забудьте включить эту функцию в WP Rocket.

3. Уменьшите количество ненужных веб-шрифтов

Вам действительно нужно восемь шрифтов на вашем сайте? Или подойдут два (один для заголовков и один для текста абзаца)?

Типографика является основой хорошего современного веб-дизайна - она ​​улучшает читаемость, разборчивость, доступность и способствует брендингу.Но это также связано с затратами на производительность, поскольку каждый используемый вами шрифт является дополнительным ресурсом, который посетители должны загружать при посещении вашего сайта.

Жюри не решает, сколько шрифтов - это слишком много, хотя общее практическое правило гласит, что три - это много, и лучше придерживаться двух.

4. Минимизация и объединение ресурсов CSS и JavaScript

Минимизация и объединение таблиц стилей и скриптов вашего сайта может дополнительно оптимизировать ваши ресурсы и удалить ненужный код с вашего сайта.Это не только помогает снизить вес страницы, но также может уменьшить количество HTTP-запросов, необходимых для загрузки вашего сайта.

Используя WP Rocket, вы можете легко минимизировать и объединить свои файлы на вкладке «Статические файлы». Отметьте файлы, которые вы хотите уменьшить и объединить. По завершении нажмите «Сохранить изменения».

5. Используйте сеть доставки контента

Использование CDN может ускорить загрузку ваших страниц для пользователей в местах, находящихся далеко от того места, где расположен ваш сервер, т.е.е. международный трафик. Чтобы узнать больше о том, как работают сети CDN, и найти лучшую для вас, ознакомьтесь с руководством WP Rocket «Лучшие сети доставки контента для WordPress».

CloudFlare, популярный CDN, можно легко интегрировать с WP Rocket. Для этого перейдите на вкладку «CDN» в WP Rocket, чтобы включить CloudFlare, а затем добавьте свою учетную запись. Для получения дополнительной информации ознакомьтесь с документацией WP Rocket о том, как использовать CloudFlare с WP Rocket.

6. Используйте кеширование браузера

Если браузер пользователя может кэшировать статические файлы, им не обязательно будет загружать их снова при следующем посещении вашего сайта.Поэтому не забудьте включить кеширование браузера для своего сайта в WP Rocket. Кеширование браузера автоматически применяется к серверам Apache, поэтому пользователям не нужно выполнять какие-либо дополнительные действия. Но те, кто находится на серверах NGINX, могут использовать Rocket-Nginx, конфигурацию NGINX, которая делает WP-Rocket еще быстрее, обслуживая статические страницы напрямую, без загрузки WordPress или PHP.

Заключение

Вес страницы - важный фактор, напрямую влияющий на скорость страницы. Но это всего лишь один из важнейших показателей производительности веб-сайта, за которым стоит следить.Поэтому запустите свой сайт с помощью инструмента тестирования скорости и сравните его, чтобы получить общее представление о размере страницы, прежде чем приступать к любому из приведенных выше советов.

Наконец, хотя быстрый сайт является хорошим сайтом, он автоматически не означает удобство для пользователей. Поэтому, прежде чем вносить в свой сайт изменения, снижающие его вес, спросите себя, улучшит ли это изменение или повредит пользовательский опыт. Если это негативно влияет на UX, вы можете оставить все как есть.

О Рэлен Мори

Рэлен Мори является соучредителем Words By Birds, агентства цифрового письма, которое помогает WordPress писать статьи, стратегии контента, лид-магниты и другие вещи, связанные со словом.Рэлен, в прошлом журналист и редактор, занималась разработкой сайтов на WordPress более 10 лет.

.

HTML Page Size - вес страницы

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд
.

Как провести внутреннюю оптимизацию сайта: подробное описание

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

Внутренние ссылки - это ссылки внутри одного и того же сайта (когда страница из одного домена ссылается на страницу того же домена). Внешние ссылки соединяют страницы из разных доменов.С точки зрения SEO у них есть существенные различия. Обратная ссылка влияет на рейтинг страницы в целом (вес), а также на привязку ссылки (фактор ссылки).
Фактор ссылки - это влияние текста (привязки) ссылки на позиции на запросы, близкие к тексту ссылки.

Вес страницы (статический вес, Page Rank) - это влияние ссылки на позиции для всех запросов. Вес страницы не зависит от поискового запроса. Поэтому он называется статическим. Если текст страницы не имеет отношения к запросу, сам вес не может вывести страницу наверх.В противном случае по всем запросам главная страница Википедии или Google будет ранжироваться первой.

Внутренние ссылки не обеспечивают рейтинг ссылок. Они имеют вес, то есть якоря (тексты) внутренних ссылок не нужны. Хотя, что учтено:

.

Как найти все страницы на веб-сайте (и зачем это нужно)

  • Функции
    • White Label Reports
    • Встраиваемый инструмент аудита
    • Поисковый робот SEO
    • API
  • Стоимость
  • Блог
    • Блог - английский
    • Блог - испанский
    • Справочные руководства SEOptimer
    • Новости SEOptimer
    • Концепции SEO
    • Концепции цифрового маркетинга
    • Концепции дизайна веб-сайтов
    • Практические руководства
  • Подробнее
    • Бесплатные инструменты
    • Около
    • Услуги SEO
    • Реселлеры
    • Расширение Chrome
    • Расширения браузера
  • Логин
  • Premium - Бесплатная пробная версия
  • Функции
    • White Label Reports
    • Встраиваемый инструмент аудита
    • Поисковый робот SEO
    • API
  • Стоимость
  • Блог
    • Блог - английский
    • Блог - испанский
    • Справочные руководства SEOptimer
    • Новости SEOptimer
.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий