Как использовать GTMetrix для измерения скорости загрузки сайта?
Скорость загрузки страниц сайта – это одна из самых важных его характеристик, ведь всего пара секунд потерянного времени может привести, в некоторых случаях, к большим потерям и в деньгах и в читателях. Измерять этот параметр не так уж и легко, но сегодня мы расскажем вам о том, как это можно сделать с помощью такого популярного инструмента, как GTMetrix.
Ранее мы уже останавливались на этом сервисе в обзоре наряду с прочими похожими. Теперь остановимся более подробно.
О замере скорости
Многие инструменты, также как и упомянутый выше GTMetrix, хороши, но бесполезны, если вы собираетесь ограничиться одним единственным замером скорости. Нужно замерить скорость множество раз, а потом выбрать средний результат, который будет наиболее правдив. Истина, как известно, всегда в середине.
1. Количество тестов
Чтоб получить наиболее полный комплект данных, вам нужно будет провести большое количество замеров скорости: в один день, но в разные часы.
Лучший вариант – это составить график тестирования на день, и повторять его каждый день в течение недели. Причина проста: скорость сайта может меняться в течение дня в зависимости от количества посетителей и нагрузки на сервер, особенно если он у вас не выделенный. У таких тестов есть положительный «побочный эффект» — вы сможете определить те часы, в которые выгоднее всего выкладывать контент или рекламу.
2. Место проведения теста
Когда вы используете бесплатные версии инструментов для тестирования скорости, тест обычно проводится на случайно выбранном сервере, из-за чего его результат может быть менее достоверным, так как Тест 1 может проводиться, например, из Нью-Йорка – 100 миль от вашего сервера – а Тест 2 будет проводиться из Сиднея — 10,000 миль от вашего сервера.
Точка, в которой проводится тест, очень важна. Для некоторых проектов (например, местный бизнес) можно отбросить данные, полученные из дальних точек, но в других случаях (думаем о сайтах с потенциально широкой аудиторией, стекающейся со всего мира), вы захотите протестировать сайт глобально.
Если вы хотите локальный тест, то выбирайте те серверы, которые находятся наиболее к вашему серверу. Если вы не знаете, где физически расположен ваш сервер, спросите об этом вашего хостера.
Если вы хотите более глобальный тест, выберете 4 или 5 серверов в ключевых точках по всему миру. Можно посоветовать, выбрать серверы, которые находятся в США, Европе, Австралии и Азии. Чтоб выбирать нужные серверы, вам нужно будет пройти бесплатную регистрацию в GTMetrix и авторизоваться там.
3. Цели тестирования
Часто люди тестируют только домашнюю страницу, и это ошибка, присущая многим новичкам. Во-первых, домашняя страница может быть самой не перегруженной информацией, что делает ее и самой быстрой. Во-вторых, домашняя страница на самом деле не так уж и важна, так как встречаются сайты, на которых 97% трафика с поисковых систем стекается на единичную записи/страницу.
Если коротко, то скорость домашней страницы важна, но кроме нее нужно тестировать и другие страницы, если вы хотите получить достоверные результаты.
Как работает GTMetrix
Базовые функции GTMetrix доступны для бесплатного использования. Вы можете сразу же начать анализ вашего сайта, но просто зарегистрированный или же оплаченный аккаунт дает гораздо больше возможностей, так как позволяют выбрать точку, из которой производится тестирование.
В результатах тестирования вы увидите браузер, который вы используете и местонахождение, ваши уровни PageSpeed и YSlow, скорость загрузки страницы, количество запросов и общий вес страницы. Эти данные пригодятся для анализа бренда, но если вы действительно хотите узнать, почему ваш сайт тормозит, то нужно копнуть глубже
Параметры PAGESPEED и YSLOW
PageSpeed и YSlow предлагают два несколько разных метода определения структуры сайта и механизмов, влияющих на его скорость. Результаты, полученные по этим параметрам, содержат рекомендации, позволяющие разогнать сайт, например, использовать кэширование, добавление expires-заголовков, минимизировать ассеты, разрешить gzip-сжатие и многое другое.
Также вам будут предложены ссылки на полезную информацию, с которой вы можете тут же ознакомиться.
Не обращайте особого внимание на процентное отношение, так как не вся показанная информация является ключевой, в частности это касается размера страницы в мегабайтах, так как этот параметр часто зависит от плохо оптимизированных изображений. Сосредоточиться же стоит на скорости загрузки страницы в секундах, ведь оптимизация этого параметра является нашей главной целью.
WATERFALL
Waterfall – это один из самых полезных инструментов, который действительно поможет разогнать ваш сайт. Он похож на браузерные инструменты типа Firebug Net Panel. Вот краткое описание алгоритма работы Waterfall:
Каждый ассет вашего сайта запрашивается, передается и отображается. Каждая шкала в waterfall показывает шаги, включенные в обработку ассета, и время, понадобившееся для их выполнения.
Небольшие разъяснения для каждого ассета:
- DNS Lookup: запрос DNS
- Connecting: время, затрачиваемое на установку связи
- Blocking: время, которое требуются браузеру для установки связи
- Sending: время посылки запроса
- Waiting: время ожидания отклика от сайта (до пересылки первого байта)
- Receiving: время, затрачиваемое на загрузку контента
Используя эту информацию, вы можете понять, что происходит на вашем сайте.
VIDEO (видео) и HISTORY (история)
Вот и последние секции, которые доступны только для премиум аккаунта. Видео показывает запись загрузки сайта.
Таб История – это одна из лучших опций, которая позволяет увидеть результаты всех проведенных тестов на одной странице и виде понятного графика.
Как проводить тестирование правильно
Главный минус GTMetrix заключается в том, вы не можете указать, чтоб сервис выбирал случайную страницу из предложенного набора и тестировал ее на случайном сервере. В таком случае мы могли бы получить такой график, построенный на точке и страницы, который позволил бы нам копнуть особо глубоко.
Как альтернатива, сервис мог бы выбрать некоторое количество страниц и серверов, миксовать их во всех возможных вариациях и тестировать каждый час. но вы можете проделать данную работу в ручную, а потом использовать GTMetrix функцию сравнения для анализа полученных результатов. Итак, начнем с создания необходимых тестов. Если я хочу протестировать 2 страницы из трех местоположений, я должен создать свой тест для каждого варианта – таким образом, у меня получится 6 тестов. Так что, стоит мониторить каждый час, по крайней мере, пару дней, в идеале – неделю.
Когда теста закончен, идем в свою панель управления и сравниваем полученные результаты, которые выводятся в виде удобных графиков с расположенной рядом информацией.
GTMetrix, как инструмент мониторинга
В этой статье GTMetrix в основном рассматривался, как инструмент, позволяющий понять, что нужно улучшить, чтоб разогнать ваш сайт. Но вы также можете использовать функцию оповещения, чтоб всегда быть в курсе того, что ваш сайт не загружается с желаемой скоростью.
Вы можете задать определенные значения YSlow и размер HTML и скорость загрузки страницы, и система будет оповещать вас, посылая email каждый раз, когда сайт будет работать медленнее, согласно выставленным параметрам. Таким образом, вряд ли вам удастся полностью предотвратить сбои в загрузке, но во всяком случае, вы сможете быстро среагировать в случае появления проблем.
О минусах GTMetrix
Одна из самых больших проблем GTMetrix заключается в том, что сервис не предлагает вариативное тестирование, которое очень бы экономило время.
Другой минус сервиса заключается в том, что не делается никакого ударения на то, как важен высококачественный хостинг, например, можно было бы сравнивать провайдеров, и предлагать определенным пользователям список лучших. также не лишним было бы, если б сервис также помогал в оптимизации процесса визуализации: тут можно брать в расчет множество факторов, например, JS/CSS не обязательно подгружать в первые секунды загрузки страницы.
В итоге
Если вы хотите, чтоб ваш сайт действительно работал быстро, вам понадобится мощный инструмент, который позволит всестороннее измерить его скорость. GTMetrix позволяет тестировать URL каждый час и из разных точек, что получить полную картину того, как работает ваш сайт.
Как получить Gametrix Viper и не платить за это денег / Хабр
14TBAP_KosВремя на прочтение 2 мин
Количество просмотров 3.7KБлог компании Gametrix
Если кто еще помнит по предыдущему посту — Gametrix Viper это новый руль на инновационной технологии MaRS, которая продлевает срок службы девайса на долгие годы, а точность повышает в 20 раз. Подробнее про технологию MaRS и устройство модели Viper я расскажу в следующий раз, а пока я хочу рассказать где можно разжиться рулем без особого вида универсального товара, используемого в качестве всеобщего эквивалента, посредством которого выражается стоимость всех других товаров, в просторечии ДЕНЕГ 🙂Для этого Gametrix, совместно с компаниями Electronic Arts, Nival и гоночной командой USSRTeam, проводит несколько увлекательных мероприятий.
Итак, возможность раз, для знатоков Photoshop. Конкурс «Тачка на прокачку».
Мастера тюнинга уже могут браться за кисти и пульверизатор. Лучший пульверизаторщик разживется красивой виртуальной машинкой для игры NFS Shift и совершенно реальным рулем Viper. Конкурс проводится регулярно, так что дерзайте.
Возможность два, для гонщиков. На сайте NFS.RU регулярно проходят чемпионаты по игре NFS Shift. Когда в названии чемпионата есть
И возможность три, для опытных гонщиков! На сайте ZZIMA.COM вы можете скачать бесплатную гоночную игру «Скорость онлайн» и принять участие в чемпионатах с призом, как вы уже догадались, рулем Viper!
А почему для опытных? А потому что кроме просто чемпионатов среди обычных гонщиков «Скорости онлайн», проводится и особый чемпионат, в котором можно сразиться с лучшими виртуальными гонщиками России и мира, пилотами из команды USSRTeam.
Немного о команде. С 2005 года USSR Team завоевала следующие титулы: двукратные Чемпионы мира (WCG — World Cyber Games), двукратные Вице-чемпионы мира (WCG), бронзовые Чемпионы Азии, вице-чемпионы Европы и абсолютные Чемпионы России. В общей сложности, за все время своего существования, команда заняла 65 первых мест, 36 вторых и 8 третьих мест.
В чемпионате будут участвовать пилоты USSRxMrRASER и USSRxSG13.
Вот он какой, легендарный MrRASER:
Всем удачи!
А руль разберем попозже, следите за блогом! Теги:
- gametrix игровые рули халява
- Блог компании Gametrix
Всего голосов 17: ↑5 и ↓12 -7
Комментарии 25
@14TBAP_Kos
Пользователь
PageSpeed и YSlow — половина дела
Скорость загрузки вашей страницы зависит не только от оценок PageSpeed и YSlow.
Обзор
Вы можете быть озадачены тем, почему у вас может быть высокий показатель PageSpeed/YSlow, но сайт медленно загружается.
Производительность веб-сайта определяется многими факторами; мы изложили некоторые из них в разделе «Почему моя страница работает медленно?» страница. PageSpeed и YSlow сосредоточены на производительности вашего веб-сайта, включая элементы, которые в значительной степени находятся под вашим контролем, такие как изображения и общая структура сайта.
Показатели PageSpeed и YSlow показывают, насколько хорошо ваш интерфейс оптимизирован для времени загрузки, и, хотя они важны, они являются лишь половиной определяющего фактора.
Как оценивается ваш внешний интерфейс?
Что такое внешний интерфейс?
Ваш внешний интерфейс определяется как ваша страница и все ее ресурсы, отображаемые браузером . Сюда входят такие вещи, как:
- HTML
- УСБ
- JavaScript
- Медиа (изображения, видео и т. д.)
Хорошие показатели PageSpeed/YSlow помогают браузеру быстрее отображать элементы.
Это вещи, которые браузер использует для создания и отображения страницы. GTmetrix анализирует ваш сайт, чтобы определить, соответствует ли интерфейс вашего веб-сайта передовым методам. Вы получаете оценки PageSpeed/YSlow на основе соблюдения вашей страницы наборам правил.
Хороший показатель PageSpeed/YSlow означает, что ваша страница оптимизирована для максимально быстрого отображения браузером.
[sc name=”ad728x90″][/sc]
Другая половина: серверная часть
Иметь оптимизированный внешний интерфейс для отображения в браузере — это здорово. Для медленных страниц характерно улучшение скорости после отсрочки JavaScript или оптимизации изображений. Тем не менее, ваша оптимизированная страница все еще нуждается в создании и обслуживании, и если это займет много времени, ваш сайт все равно будет загружаться медленно.
То, как создается и обслуживается внешний интерфейс, зависит от внутреннего интерфейса вашего веб-сайта — сервер, хостинг и внутренний код/база данных.
Серверная часть должна сначала сгенерировать страницу, прежде чем отправить ее в браузер.
Подробнее об этом мы поговорим в статье «Почему моя страница работает медленно». Таким образом, серверная часть так же важна, как , когда вы смотрите на скорость загрузки вашей страницы.
Простые статические HTML-страницы могут медленно загружаться из-за плохого внутреннего кода или плохо настроенного сервера, поэтому при рассмотрении производительности вашего веб-сайта важно смотреть на общую картину.
Так что же именно происходит?
Оптимизированный интерфейс и серверная часть обеспечивают высокую производительность веб-сайтов. Любая неэффективность на любом конце приведет к медленной загрузке сайта.
Оптимизация производительности требует многостороннего подхода.
PageSpeed и YSlow дают вам представление о том, соответствует ли ваш внешний интерфейс (то, что видит браузер) передовым методам обеспечения оптимальной скорости.
Это ничего не говорит о вашей внутренней производительности, которую очень сложно оценить на стандартизированном уровне. Внутренняя оптимизация может варьироваться от оптимизации кода до обновлений сервера или хостинга и требует гораздо большего внимания, поскольку требует технического понимания конфигурации сервера или профилирования кода, чтобы понять узкие места проблем с производительностью.
В результате сложно определить причины неоптимизированного бэкенда. Веб-сайты создаются на разных платформах (WordPress, Magento, настраиваемые CMS и т. д.) и обслуживаются на разных уровнях конфигураций хостинга (общий, VPS, выделенный, облачный, AWS и т. д.). Не существует списка лучших практик для производительности серверной части из-за большого разнообразия архитектуры веб-сайтов, и сайты технически могут выполнять любое количество действий для доставки окончательного внешнего кода в браузер.
Оптимизация внешнего интерфейса более предсказуема, так как есть список элементов, которые можно исправить.
И наоборот, если производительность серверной части в порядке, но интерфейс не оптимален, оценки PageSpeed/YSlow могут точно указать, что и как исправить. Поскольку все веб-сайты должны иметь элементы HTML/CSS/JS для правильного отображения в браузере, существуют рекомендации (PageSpeed/YSlow) для обеспечения их оптимальной доставки.
Оптимизация внешнего интерфейса более предсказуема, поскольку есть список элементов, которые можно исправить. Вы можете сократить время загрузки на несколько секунд, оптимизируя изображения, используя кеширование браузера, откладывая выполнение JavaScript, сокращая количество запросов и т. д. Все это можно сделать относительно легко и с относительно минимальными затратами, чем оптимизация производительности серверной части.
[sc name=”ad728x90″][/sc]
Не гонитесь за показателями PageSpeed и YSlow но их время полной загрузки составляет около 1,0 секунды для довольно сложного сайта.
Заманчиво гоняться за А/А, но стоит ли?
1,0 секунды Полная загрузка для прилично сложного сайта — это очень хорошо! Конечно, здесь еще есть место для оптимизации, и привлекательность получения A/A всегда будет, но мы рекомендуем смотреть на вещи с практической точки зрения.
Если ваш сайт загружается быстро, но показатели PageSpeed/YSlow невысоки, задайте себе следующие вопросы:
- Стоит ли заморачиваться? — Потребует ли оптимизация много работы для реализации? CSS-спрайтинг, правильная минимизация JS/CSS/HTML, отложенный JavaScript — все это имеет свои подводные камни и может потребовать часов работы.
- Стоит ли оно того? — Потребуется ли вам участие разработчика, который сделает всю работу за вас?
- Будет ли это заметно моим пользователям? — Вероятно, оптимизация даст минимальное улучшение скорости. Вы хотите тратить время и деньги на незначительное снижение времени загрузки для ваших пользователей?
Еще одна причина для получения оценки A за PageSpeed — SEO.
Google указал, что скорость является фактором, когда дело доходит до веб-рейтинга, но какой вес он присваивает скорости страницы, неизвестно. Вероятно, есть более эффективные методы SEO, которые вы можете использовать, такие как создание ссылок и сосредоточение внимания на контенте. Оптимизация веб-сайта для повышения скорости должна выполняться для удобства пользователей, а не для SEO.
Нужна помощь?
Оптимизированный интерфейс и серверная часть могут дать потрясающие результаты для времени загрузки вашей страницы.
Как правило, время создания страницы для сложных динамических сайтов не превышает 0,5 секунды.
Нужна помощь? Нанять разработчика
Мы рекомендуем только те продукты и услуги, которые мы рассмотрели и протестировали сами. Ниже вы найдете партнерские ссылки на наших партнеров по оптимизации. Если вы решите приобрести их услуги по предоставленным ссылкам, мы можем получить комиссию без дополнительных затрат для вас.
Некоторые оптимизации выходят за рамки ваших технических навыков?
Мы рекомендуем искать помощь на Fiverr. Это отличный вариант для владельцев веб-сайтов, которые хотят повысить производительность, но не имеют технических навыков для оптимизации.
Посетите Fiverr, зарегистрируйте учетную запись и найдите службу оптимизации скорости, соответствующую вашей платформе, будь то WordPress, Magento, Shopify, Squarespace, Opencart и т. д.
Нажмите ниже, чтобы создать учетную запись и ускорить свой сайт сегодня !
Найдите службу оптимизации скорости
Не гонитесь за идеальным результатом | GTmetrix
Мы объясняем, почему вам не следует гнаться за высокими оценками в GTmetrix (или любом другом инструменте повышения производительности).
Обзор
GTmetrix оценивает ваш веб-сайт как по производительности (т. е. насколько быстро он загружается для пользователя), так и по структуре (т.
е. насколько хорошо ваш сайт создан для производительности).
Однако это не означает, что все веб-сайты одинаковы и должны стремиться к достижению «идеальных» оценок (т. е. GTmetrix Grade A, 100% Оценка производительности).
Вот что говорят сами Google:
«…Показатель производительности 100% чрезвычайно сложно достичь, и этого нельзя ожидать».
Источник
В этой статье мы объясним, почему не рекомендуется гнаться за идеальными показателями GTmetrix.
В чем смысл системы подсчета очков?
Прежде чем мы углубимся в причины, по которым вам не следует гнаться за идеальными оценками, давайте рассмотрим в контексте цель системы оценки, используемой такими инструментами производительности, как GTmetrix, — в данном случае, в частности, Lighthouse.
Производительность субъективна
С точки зрения пользовательского опыта, производительность субъективна — то, что вы считаете быстрым, может показаться другому пользователю медленным.
Разные пользователи могут по-разному воспринимать эффективность вашей страницы.
Это особенно верно, если у вас есть широкая аудитория в разных местах с использованием различных устройств. Некоторые могут быть ближе и использовать более мощное оборудование, другие могут быть дальше и использовать менее мощное оборудование.
Lighthouse предназначен для измерения производительности веб-сайтов с помощью объективного метода в рамках стандартизированного сценария.
Узнайте больше о том, как рассчитываются эти показатели и пороговые значения.
Для вас это означает, что показатель производительности вашей страницы (от 0 до 100) показывает, насколько хорошо ваша страница работает по сравнению с наиболее эффективными страницами в Интернете.
Используйте эту информацию, чтобы направлять свои усилия по оптимизации, но не относитесь к ней как к истине, поскольку все веб-сайты созданы по-разному и предъявляют различные требования.
Как Lighthouse оценивает мою страницу?
Когда ваша страница загружается, Lighthouse измеряет различные ориентированные на пользователя показатели для отслеживания определенных этапов:
- При загрузке определенного контента
- Как долго пользователь ждал, пока ваша страница станет надежно интерактивной
- Насколько стабильной была ваша страница во время загрузки страницы
- И более
Например, метрика Largest Contentful Paint (LCP) показывает, когда ваш самый большой элемент контента (например, главное изображение) закончил отрисовку на вашей странице.
Более быстрый LCP создает впечатление, что ваша страница загружается быстрее. Зеленый веб-сайт выглядит более визуально полным на 0,2 с, чем красный веб-сайт.
Google установил различные пороговые значения для этих показателей на основе реальных данных о производительности веб-сайта, полученных из HTTP-архива.
Затем рассчитывается оценка на основе того, насколько показатели вашей страницы соответствуют пороговым значениям, определенным их набором данных, полученным из указанных выше реальных веб-сайтов.
Почему я не должен гнаться за идеальным результатом?
Проще говоря, показатель производительности 100 % чрезвычайно сложно получить для большинства веб-сайтов с надлежащим содержанием. Ниже приведены некоторые причины этого:
Это в основном нереально
Система подсчета очков Lighthouse предназначена для применения к широкому спектру веб-сайтов.
Чрезвычайно производительная страница может получить 100 баллов, а чрезвычайно низкая веб-страница может получить 0 баллов, при этом подавляющее большинство веб-страниц находятся где-то между этими значениями в спектре распределения.
Большинство веб-сайтов имеют метрики, которые находятся в оранжевой и красной зонах.
Хотя это полезно для оценки эффективности веб-сайта по сравнению с остальной частью Интернета, вы должны знать, что пороговые значения Google для отличного взаимодействия с веб-сайтом очень амбициозны .
Вообще говоря, для большинства веб-сайтов нереально (хотя и не невозможно) достичь очень высоких показателей производительности из-за пороговых значений, выбранных Google.
Вы обнаружите, что некоторые из самых популярных интернет-магазинов не получают оценки As или High Performance Score.
Даже ведущие розничные сети, такие как Amazon, ebay, Walmart и Target, не получают оценку «А».
Даже если некоторые розничные продавцы приближаются к высоким показателям эффективности, у них есть целые команды, занимающиеся оптимизацией производительности, чего у вас может не быть.
Например, Apple получает пятерку за свою домашнюю страницу, однако они приняли простую страницу со статическими изображениями и очень небольшим выполнением скриптов (всего всего 10 запросов JavaScript).
Домашняя страница Apple относительно проста с минимальным выполнением скриптов, что помогает ей получить оценку A.
Рекомендации в отчетах GTmetrix следует рассматривать как рекомендации, и их следует выполнять только в том случае, если они в пределах ваших возможностей .
Работа по оптимизации, выполнимая для многомиллиардного корпоративного гиганта, не обязательно будет под силу владельцу малого бизнеса или региональному ритейлеру.
Каждый веб-сайт устроен по-разному, ориентирован на разную аудиторию и имеет разные цели производительности, поэтому не существует единого простого теста для оценки всех веб-сайтов.
Вот почему Google создал Web Vitals — набор ключевых показателей, которые считаются наиболее важными в отношении взаимодействия с пользователем во время загрузки страницы.
Если ваша страница имеет достойные показатели Web Vitals, вы можете быть уверены, что обеспечиваете своим посетителям достаточно хорошее общее впечатление от страницы.
Часто это нецелесообразно
В отчетах GTmetrix содержится подробный список действий, которые вы можете выполнить в интересах повышения производительности вашей веб-страницы.
Однако это не означает, что каждая отдельная оптимизация обязательно применима к вашему веб-сайту .
Очевидно, что легкий веб-сайт с небольшим количеством запросов и небольшим размером передачи, скорее всего, будет быстрее, чем веб-сайт с большим объемом контента и сотнями запросов.
Легкая страница с небольшим количеством запросов, скорее всего, будет иметь гораздо более высокий балл, чем тяжелая страница с сотнями запросов.
Однако к вашему веб-сайту могут предъявляться особые требования, и для его оптимизации для получения очень высокого показателя производительности может потребоваться полная переработка/переработка веб-сайта.
Это может включать в себя следующее:
Удаление больших объемов контента
Удаление изображений, видео и других ресурсов, генерирующих контент (например, таблиц стилей, скриптов и т. д.), снижает нагрузку на браузер, что может значительно улучшить вашу страницу. производительность.
Уменьшение содержания страницы делает ее легче и, очевидно, быстрее.
Хотя рекомендуется сделать страницу как можно более легкой, обратите внимание, что это не всегда возможно или необходимо, в зависимости от желаемых целей веб-сайта (например, дизайн, функциональность, функции).
Полная переработка макетов
Это может включать полную переделку макетов страниц или переход на совершенно другую тему, если вы используете CMS (например, WordPress).
Изменение дизайна и упрощение макетов страниц может облегчить вашу страницу и сделать ее быстрее.
Это особенно важно, если страница имеет старый дизайн, элементы которого добавлялись на протяжении многих лет, увеличивая объем страницы. Изменение макета веб-страницы с учетом производительности может позволить оптимизировать компоненты и содержимое страницы для оптимальной доставки.
Конечно, это может представлять собой колоссальную задачу и может представлять собой полную переработку/переработку вашего веб-сайта.
Сокращение или рефакторинг функциональности JavaScript
Уменьшение объема функциональности на вашей странице, которая зависит от JavaScript, или рефакторинг кода JavaScript, от которого она зависит, может значительно повысить производительность.
Для некоторых функций JavaScript вы также можете использовать альтернативные методы для достижения аналогичных результатов, например:
- Рассмотреть одно главное изображение вместо слайдера/карусели
- Ссылка на учетные записи социальных сетей вместо встраивания виджета, отображающего сообщения
- Поэкспериментируйте со статическими баннерами вместо всплывающих окон для подписки на рассылку новостей, промо-купонов и т. д.
- Используйте анимацию на основе CSS вместо анимации на основе JavaScript
Рефакторинг/оптимизация другого JavaScript, который может быть более важным для функциональности вашего веб-сайта, может включать:
- Разделение кода
- Удаление неиспользуемого кода
- Методы кэширования
- Минификация и сжатие
Узнайте больше из нашей статьи о сокращении времени выполнения JavaScript.
В целом, чем меньше JavaScript обрабатывает браузер, тем быстрее он может загрузить вашу страницу; однако обратите внимание, что некоторые оптимизации может быть трудно реализовать без сильных технических возможностей.
Сокращение сторонних функций
Сокращение сторонних служб (скрипты, встраивания, реклама и т. д.) может значительно повысить производительность, поскольку эти службы часто добавляют на вашу страницу несколько сценариев, которые могут увеличивать время.
Сторонние ресурсы могут расширять и блокировать критические запросы страниц, что снижает производительность.
Однако это может быть сложно, так как некоторые сторонние службы могут иметь решающее значение для вашего бизнеса или операций. К ним относятся маркетинговые трекеры, рекламные пиксели, аналитика поведения пользователей и т. д.
Рекомендуется провести аудит всех сторонних функций на вашей странице и обсудить с ключевыми лицами, принимающими решения (это может охватывать несколько отделов), чтобы узнать, требуются ли эти функции или повышают ценность вашего бизнеса или операций.
Вы также можете самостоятельно размещать ресурсы, которые ранее были загружены со сторонних серверов (например, веб-шрифты).
Узнайте больше в нашей статье о снижении влияния стороннего кода.
Модернизация вашего хостинга
Переход на более мощное решение для хостинга может помочь повысить производительность сервера/внутренней части, что приведет к более быстрой загрузке страниц.
Чем быстрее ваш сервер может генерировать вашу страницу и ресурсы, тем быстрее она может быть отправлена в браузер посетителя.
Несмотря на то, что вы можете увидеть повышение производительности при переходе с недорогого общего сервера на более мощную виртуальную машину или выделенный сервер, это может не иметь большого значения, если ваше текущее решение для хостинга уже достаточно мощное.
Наконец, важно отметить, что серверное оборудование — это только одна сторона уравнения производительности сети.
Неважно, насколько мощный ваш сервер, если ваша страница крайне неоптимизирована.
Кроме того, имейте в виду, что переход на лучший хостинг, скорее всего, потребует более высокие эксплуатационные расходы .
В конце концов, применение всех этих стратегий может привести к полной перестройке вашего веб-сайта и, в конечном итоге, к тому, что он будет выглядеть и функционировать совершенно по-другому.
В зависимости от вашего веб-сайта, деловых операций и бюджета вам может быть трудно полностью посвятить себя этим элементам.
Конечно, вышеперечисленные элементы — это то, на что вам следует обратить внимание, чтобы уменьшить общий вес вашей страницы и накладные расходы, хотя и с более взвешенным и аналитическим подходом.
Вероятно, это не нужно
Большинству веб-страниц обычно требуется только очевидная оптимизация (сжатие/минимизация ресурсов, оптимизация изображений, отложенные сценарии и т. д.), чтобы получить достойные оценки.
Основная цель оптимизации производительности — обеспечить удобство работы пользователей для ваших посетителей, то есть обеспечить быструю загрузку важного содержимого вашей страницы, быстрое надежное интерактивное взаимодействие и сохранение визуальной стабильности во время загрузки страницы.
Именно для этого и существуют Web Vitals, чтобы можно было объективно измерить эти ключевые показатели.
Пока ваши Web Vitals приличные, посетители, скорее всего, воспримут быстрый веб-сайт.
Если ваша страница имеет достойные Web Vitals (все зеленые), будьте уверены, что вы обеспечиваете своим посетителям достаточно хорошее взаимодействие с пользователем.
GTmetrix верит в быстрый и доступный Интернет для всех, но мы также верим в постепенные улучшения, которые находятся в ваших силах.
Пока ваши Web Vitals находятся в зеленом поле, этого должно быть достаточно, чтобы обеспечить как быстрое взаимодействие с пользователем для ваших посетителей, так и одобрение Google для поискового рейтинга.
Не оштрафует ли меня Google за плохую работу?
Google действительно использует Web Vitals в качестве дополнительного сигнала в своем алгоритме поискового ранжирования, неясно, какое влияние он оказывает .
Компания Google не подтвердила и не опровергла, что эти сигналы могут привести к повышению или понижению вашей веб-страницы в поисковом рейтинге в результате оценки эффективности.
А вообще скорее всего гугл штрафует только очень медленные веб-сайты.
Это означает, что веб-сайт со средней производительностью (например, GTmetrix Grade C) может ранжироваться лучше, чем веб-сайты с крайне низкими показателями (например, GTmetrix Grade F).
Однако вы можете не получить значительного преимущества перед веб-сайтом со средней производительностью (например, GTmetrix Grade C), даже если ваш веб-сайт получил оценку GTmetrix «A».
Мы не говорим, что не нужно стремиться к уровню A GTmetrix; мы просто говорим, не зацикливайтесь на достижении наивысших результатов.
В конце концов, релевантность контента остается самым важным фактором, на который следует обратить внимание в целях SEO. Следовательно, мы всегда советовали оптимизировать вашу страницу для удобства ваших посетителей , а не только для преимуществ SEO.