Размер страницы сайта и компоненты, которые на него влияют

Размер страницы сайта и компоненты, которые на него влияют
1 Star2 Stars3 Stars4 Stars5 Stars (28 votes, average: 4.75 out of 5)
Loading...
Table of Contents Содержание

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

 

Быстрое увеличение размера страниц

 

Первая веб-страница появилась в 1990 году. Добавление изображений, видео, CSS/JS-файлов на сайты с годами технического развития значительно увеличило их размеры. В 2010 году средний размер веб-страницы составлял 702 КБ, а в 2017 году – 3422 КБ в соответствии со статистикой, предоставленной httparchive.org. Он увеличился в несколько раз всего за семь лет! Это конечно сделало страницы более интерактивными и удобными для пользователей, но их размеры не перестают расти даже сейчас!

Давайте узнаем немного больше о размерах веб-сайта из официальной статистики. Из последних данных, собранных в ноябре 2018 года, наиболее подходящие размеры страниц:

Стандартные разрешения экрана рабочего стола:

 

Width x Height 1366×768 1920×1080 360×640 1440×900 1536×864 1600×900
Using 22.7% 17.94% 7.8% 6.3% 5.05% 4.55%

 

Стандартные расширения мобильного экрана:

 

Width x Height 360×640 375×667 414×736 720×1280 360×720 320×568
Using 33.54% 11.07% 5.15% 3.89% 3.67% 3.53%

 

Почему это происходит?

 

Это увеличение объясняется рядом факторов:

 

JavaScript

JavaScript был создан с целью добавить интерактивности HTML-страницам.
JavaScript предоставляет HTML-разработчикам сильный и удобный инструмент программирования. Хотя большинство HTML-разработчиков не имеют никакого отношения к настоящему программированию, JavaScript упростил их работу еще больше, потому что это скриптовый язык с очень простым синтаксисом. Первая его вариация появилась в 1995 году. Она улучшалась множество раз до тех пор, пока не достигла нынешней формы.
Таким образом, это эффективный инструмент, который предоставляет разработчикам следующие возможности и средства:

  • добавление или удаление тегов;
  • изменение стилей страниц;
  • веб-игры;
  • информацию о деятельности пользователя на странице;
  • внесение изменений в код;
  • анимация веб-страницы.

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

 

Картинки

Картинки – самая важная причина указанного увеличения размера за последние 7 лет. За эти годы картинки стали главной приманкой внимания аудитории. Сегодня никто не считает привлекательной статью без изображений, и никто не собирается покупать изделие, не видя примера того, как он выглядит. Тем не менее, есть решение. Существуют некоторые сервисы, такие как Optimus, Imagify и т. п., позволяющие сжимать размер изображения, но сохранять такое же высокое качество. Кроме того, форматы WebP и FLIF нацелены на уменьшение размера изображения и, следовательно, уменьшение размеров веб-страницы.

 

Шрифты

Как шрифт может повлиять на скорость веб-страницы? Так же как и изображения, шрифты улучшались все это время, и сейчас существуют миллионы разновидностей для создания вашего собственного стиля. Сейчас около 57% сайтов применяют пользовательские шрифты. В 2017 году шрифты среднего сайта занимают в совокупности около 113 КБ, тогда как в 2010 году это число было всего 2 КБ. Шрифт – важный компонент личного брендинга. Так или иначе, он также влияет на размер сайта и поэтому необходимо выбирать шрифт, который не только будет соответствовать стилю вашего сайта, но и будет быстро загружаться.

 

Видео

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

 

Реклама

В современном мире реклама стала более сложной. Она больше не состоит просто из текста. Чтобы привлечь максимум внимания, веб-мастера и маркетологи, как правило, добавляют фотографии, анимацию или даже видео в свои объявления, и, естественно, это увеличивает скорость загрузки и размер сайта. Как этого избежать? Чтобы решить эту проблему пользователи часто используют Ad Blocker, который может помочь уменьшить видимость рекламных объявлений и таким образом скорость загрузки возрастает несколько раз.
В соответствии со статьей nytimes.com, boston.com и другим подобным новостным веб-ресурсам при весе страницы в 16,3 МБ требуется около 33 секунд для её загрузки без блокировщика рекламы, в то время как использование блокировщика значительно сокращает время загрузки до 7 секунд и уменьшает вес до 3,5 МБ. Это особенно эффективно для мобильных устройств или планшетов.
Поэтому важно отслеживать объявления на сайте, чтобы выяснить, как они влияют на скорость. Регулируйте и меняйте рекламу на сайте, чтобы они занимали так мало байтов, как только возможно и не сильно увеличивали размер страницы.

 

Какова ситуация с мобильными устройствами?

 

Только за последние два года количество пользователей мобильных устройств увеличилось до миллионов по причине того, что использовать телефоны и планшеты быстрее и намного удобнее, чем ПК или ноутбук.
У Lukew.com имеется статья, предоставляющая нам следующие данные:

  • 3G-соединение медленнее на 40%, а 4G – на 12%, чем соединение, имеющееся у среднего настольного компьютера;
  • Около 86% из 347 сайтов предоставили одни и те же по размеру страницы всем устройствам.

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

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

email__icon

Узнайте первым о новых статьях

limit

Бесплатный доступ к
SEO анализу страниц

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

close

Сбросить пароль

Введите ваш email, чтобы сбросить пароль

Ваш email

Проверьте ваш email

Мы отправили вам новую ссылку для изменения пароля. Проверьте свою электронную почту и следуйте инструкциям. envelope

Ваш пароль сброшен успешно!