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

Размер страницы сайта и компоненты, которые на него влияют
1 Star2 Stars3 Stars4 Stars5 Stars (53 votes, average: 4.55 out of 5)

5

Loading...
Table of Contents Содержание

Увеличение размера страниц

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

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

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

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

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%

2. Стандартные разрешения мобильного экрана

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%

Почему размер страниц растет

1. JavaScript

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

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

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

Найдите страницы с лишним кодом

Запустите аудит сайта и найдите все страницы с соотношением текста к коду меньше 10%

2. Картинки

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

3. Шрифты

Так же как и изображения, шрифты улучшались всё это время. И сейчас уже около 57% сайтов применяют собственные уникальные шрифты.

В 2017 году шрифты среднего сайта занимали в совокупности около 113 КБ, тогда как в 2010 году это число было всего 2 КБ.

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

4. Видео

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

Хотя видео в 2016 году занимает всего 7,7% от общего размера среднего сайта, это всё еще на 174 кб больше, чем размер среднего сайта в 2010 году.

5. Реклама

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

При весе страницы в 16,3 МБ требуется около 33 секунд для её загрузки без блокировщика рекламы, в то время как использование блокировщика значительно сокращает время загрузки до 7 секунд и уменьшает вес до 3,5 МБ.
nytimes.com

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

Вес страниц на мобильных устройствах

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

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

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

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

email__icon

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

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

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

Ваш email

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

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

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

close
conversation

Напишите нам

Получите консультацию наших SEO специалистов и узнайте, как платформа Sitechecker может помочь в решении ваших бизнес-задач

ERROR: The Name field is empty.

ERROR: The Last Name field is empty.

ERROR: The Work Email field is empty.

ERROR: The Message field is empty.

Thank you for registration!

We are redirecting you to PayPal