PageSpeed: загрузка сайта

PageSpeed: загрузка сайта

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

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

Преимущества

Сервис предоставляет возможность оценить производительность не только на десктопном устройстве, но и на смартфонах.

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

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

Недостатки

Интернет-сервис рекомендует применять новейшие форматы графических элементов: «Форматы WebP и AVIF обеспечивают более эффективное сжатие по сравнению с PNG или JPEG», так как они с большей скоростью загружаются и не потребляют много трафика. Но не всегда подобные форматы отображаются в браузерах. Также возникают сложности с загрузкой изображений на смартфонах.

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

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

Сервис советует в том числе исключить автоматическую загрузку Javascript с начала документа, но в отдельных случая она очень даже нужна. Так, можно пропустить подобный совет, ведь инструмент просто анализирует файл, в коде которого много, якобы, “лишнего”.

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

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

Несколько советов для оптимизации вашего сайта

Плагин Lazy Load поможет создать отложенную загрузку изображений для страницы. Это дает возможность не перегружать страницу и показывать картинки по мере прокрутки контента. Однако недостаток заключается в том, что пока не загрузится изображение, на его месте может быть пустое место. Фоновые картинки плагином не всегда поддерживаются.

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

Не перегружайте страницу полноценными видео, например, в mp4 варианте, лучше вставлять iframe. Видео, а особенно длинные, зачастую тормозят загрузку самой страницы. Обычный одностраничный сайт, по идее, должен весить около 3 мб. Станица, на которой около 5 слайдеров, более 2 шрифтов и несколько видео занимает уже 100 мб. Согласитесь, загрузка страницы не будет отличаться в таком случае высокой скоростью.

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

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

Несмотря на некоторые минусы в работе инструмента, он довольно полезен. Но рекомендации, которое он дает, лучше несколько раз проверить.

Ольга Кириллина

9 ноября 2022

Похожие статьи

Что такое CRM-маркетинг?

Расшифровка подзаголовка,немного конкретики и инфы ...

Читать далее

Понятие лонча в интернет-маркетинге

Расшифровка подзаголовка,немного конкретики и инфы ...

Читать далее

Получение заявок с сайта

Расшифровка подзаголовка,немного конкретики и инфы ...

Читать далее