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

page_watches 102524 page_stars
img-border Web page size checking

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

 

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

 

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

 

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

 

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

 

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 имеется статья, предоставляющая нам следующие данные:

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

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

1 Star2 Stars3 Stars4 Stars5 Stars (27 votes, average: 4.74 out of 5)
Loading...

Interesting now

Как провести анализ ссылочного профиля конкурентов с помощью Ahrefs и Linkstrategy?

Один из мифов, который Google успешно распространяет среди веб-мастеров и SEO-специалистов последние годы - это

Значение микроразметки Schema.org для SEO и примеры её внедрения

Что такое микроразметка Schema? И что такое структурированные данные? Можете ли вы дать определение

Что такое посадочная страница и как правильно её создать?

Сегодня многие веб-мастера начинают спрашивать себя, как самостоятельно создать посадочную страницу на Joomla,

Правила создания страницы благодарности

С детства нас учат благодарить наших родителей за то, что они делают для нас. Когда ты говоришь спасибо это

Какой должна быть плотность ключевых слов на странице?

Плотность ключевых слов или тошнота ключевых слов - это частота повторения целевых запросов. Как вычислить

Что такое возраст домена и как он влияет на позиции сайта в поиске?

Сегодня множество SEO менеджеров и веб-мастеров в работе регулярно используют программы и инструменты для

Show more

sent-mail

Ссылка на пароль была отправлена вам на e-mail

Пароль изменен