sitechecker.pro logo mobile

Why Average Web Page Size Increases and How to Reduce It

Why Average Web Page Size Increases and How to Reduce It

Бесплатный SEO-аудит

Получите доступ к полному аудиту сайта, включающему более 300 технических аспектов.

Something went wrong. Please, try again later.
Доверяют
Sitechecker trusted company

Бесплатный инструмент для SEO проверки и аудита сайта

  • Сканируйте сайт на наличие 300+ технических проблем
  • Мониторинг состояния сайта 24/7
  • Отслеживайте рейтинг сайта в любой географической зоне

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

Размер страницы сайта важен для внутренней 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%

Something went wrong. Please, try again later.

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 уже применяется по умолчанию. Основным устройством поиска информации и принятия решений уже давно стал смартфон. Особенно после значительного увеличения диагонали экрана практически у всех современных мобильных устройств.

Быстрые Cсылки

Вам также может быть интересно

Смотреть больше постов
Как разработать SEO стратегию для сайта?
Основы SEO
Как разработать SEO стратегию для сайта?
Roman Rohoza
Oct 9, 2024
Что такое URL: определение, структура, примеры & Как сделать его оптимизированным для SEO?
Основы SEO
Что такое URL: определение, структура, примеры & Как сделать его оптимизированным для SEO?
Roman Rohoza
Oct 3, 2024
Изучите, что такое SERP и его основные функции
Основы SEO
Изучите, что такое SERP и его основные функции
Roman Rohoza
Oct 11, 2024

So, soon? Well, before you go…

Get instant on-page SEO analysis of your home page

  • Detect broken links
  • Detect issues with content optimization
  • Check PageSpeed for mobile and desktop
Something went wrong. Please, try again later.
You’ll get the report in 2 seconds without required signup
exit-popup-image
close