GTmetrix for WordPress – WordPress plugin
- Details
- Reviews
- Installation
- Support
- Development
GTmetrix has created GTmetrix for WordPress – a WordPress plugin that actively keeps track of your WP install and sends you alerts if your site falls below certain criteria.
Run analyses, schedule reports on a daily, weekly or monthly basis, and receive alerts about the status of your site all from within your WordPress Admin!
- Dashboard Widget
- Tests Page
- Settings Page
- Video Analysis
- Upload
gtmetrix-for-wordpress
to the/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Click on the new menu item to enter your GTmetrix API details.
How do I get a GTmetrix API account?
Go to GTmetrix.com and register. It’s free.
How can I get more API Credits?
You can purchase more API credits under the GTmetrix PRO tab on GTmetrix.
Only administrators can use the plugin. How can I grant access to other roles?
GTmetrix for WordPress creates a new capability called access_gtmetrix. Using a plugin such as Members or User Role Editor, you can assign this capability to any role.
Async JavaScript Problems?
The Async JavaScript plugin is not written by or affiliated with GTmetrix. It does use our API to generate GTmetrix reports however.
If you’re running into issues with this plugin, please reach out for support on their forum.
Love it. I hope you guys keep the plugin updated, it’s fantastic.
Plugin isn’t showing the toolbar link in the latest version of WP now 🙁
I went from an F/E rating to an A/B rating using this tool to help point me to areas on the website front page that were contributing to noticeably slow loading times.
I put in the API and the email that it asked for and it never shows the results.
After using GT Metrix I found out how my website really was presented to final visitors. Simple to use and configure, information provided has an immense value to find bottlenecks and improvement points. Add this to your site toolkit as you’ll need it!
Апи баллы постоянно уменьшаются, хотя должны увеличиваться на 20 в день. В остальном сама система супер!
Read all 14 reviews
“GTmetrix for WordPress” is open source software. The following people have contributed to this plugin.
- GTmetrix
0.4.5
- Minor bug fixes
0.4.4
- Fixed compatibility issues with other plugins using the Services_WTF_Test class
0.

- Updated icons and letter grade images
- Added fully loaded time for report preview
- Fixed dashboard widget style
- Fix Video widget
0.4.2
- Fixed deprecated constructor call
- Fixed letter grade generation bug
- Added utm parameters to GTmetrix links
- Made some responsive layout tweaks
0.4.1
- Added caching to Latest News
- Added error handling to Latest News
- Added Twitter link
- Updated Credits meta box content
- Updated jQuery UI theme
- Minor formatting changes
- Some refactoring for efficiency
0.4
- Added video functionality
- Added page load time to test list
- Added front page options to settings (for subdirectory installs)
- Added reset function to settings
- Added tooltips
- Made toolbar link optional
- Added pause control to scheduled events
- Added automatic pausing on multiple failures of scheduled events
- Replaced get_posts with WP_Query for efficiency
- Removed some illogical Ajax calls
- Forced front page check to http (to override FORCE_SSL_ADMIN)
- Fixed trailing slash bug for front page tests
- Fixed cascading deletes when scheduled items deleted
- Replaced jQuery Tools with jQuery UI
- Updated Services_WTF_Test.
php
- Minor bug fixes
- Some refactoring for efficiency
0.3.4
- Fixed notifications bug
0.3.3
- Fixed notifications bug
0.3.2
- Fixed meta box bug
- Fixed issue causing low scores to display incorrect grades
- Added function to translate API messages
- Some refactoring for efficiency
0.3.1
- Minor bug fix
0.3
- Added access_gtmetrix capability
- Fixed scheduling bug
- Minor bug fixes
0.2.1
- Minor bug fix
0.2
- Added front-end widget
- Replaced custom function with size_format()
- Implemented caching of credit status
- Updated Services_WTF_Test.php
0.1
- Initial release
Support
Issues resolved in last two months:
0 out of 1
View support forum
Не PageSpeed’ом единым.

Александр Гусев
Веб-разработчик, it-волонтёр, фотограф
Что используют для замера скорости загрузки сайта? Первым в голову приходит Google PageSpeed Insights. Оно и понятно, это популярный сервис, которым часто пользуются. Но если углубиться в тему, найдутся и другие варианты. Про один из таких сегодня и поговорим.
Знакомимся
Итак, это GTmetrix – сервис для оценки скорости загрузки сайта. Работает по аналогии с PageSpeed, то есть заходит на указанный сайт, считывает, что там загружается и в каких количествах, и выдает некий результат в «условных попугаях».
Главная страница gtmetrix.com.В «условных» – потому что каждый сервис измеряет по-своему и единого стандарта на этот счет нет. Из-за этого я и рекомендую проверять сайты на нескольких сервисах. Во-первых, это даст более точную картину. Во-вторых, доверять одному сервису точно не стоит, нужна альтернатива. В данном случае она есть, чем и пользуемся.
Обзор интерфейса
Для удобства и наглядности я взял реальный сайт, на примере которого и покажу, что такое GTmetrix. После замера главная страница будет выглядеть так:
1-й и 2-й номера – это сводные оценки производительности. Есть оценка по PageSpeed (сервис Google) и YSlow (расширение для Firefox). Показатели оцениваются буквами и цифрами (в процентах). Для буквенных значений высший балл – А, далее по нисходящей. В цифрах лучшая оценка – 100%.
Если ваш сайт набирает баллов на оценку А или B, то уже хорошо. Все, что ниже, – будем оптимизировать.
Номер 3 это время полной загрузки страницы. Чем меньше – тем лучше.
Номер 4 – размер страницы. В нашем случае 4.5 мегабайта. Многовато, конечно. Посмотрим, что и где можно сократить.
Номер 5 – количество запросов. Больше запросов – дольше загрузка.
Номера 6 и 7 – подробные оценки по каждому пункту замеров. Все, что там в зелёной зоне, – хорошо. Показатели оранжевого цвета стоит доработать, а красные строки точно нуждаются в оптимизации.
Номер 8 «Waterfall» – самый интересный. Про него будет более подробно.
Номер 9 – это временная шкала загрузки, доступна после регистрации.
На 10-м номере после регистрации можно создать видео загрузки сайта.
И 11-й номер – это история замеров, если интересно сравнивать показатели по разным дням.
Что можно оптимизировать
Вкладка «Waterfall» (водопад) в GTmetrix мне нравится больше всего. Здесь видно, что именно грузится в определенный момент и сколько это весит. Перейдя на внутреннюю вкладку Images и отсортировав их по размеру, нажав на заголовок столбца Size, увидите вот такую картину:
Список изображений, загруженных на странице сайта.Здесь мы видим список изображений, загруженных на этой странице. На первых строках самые тяжелые картинки, дальше – полегче. На их примере и рассмотрим варианты ускорения сайта.
Сами по себе изображения очень часто являются причиной медленной загрузки. Но исправить эту проблему проще всего. Нужно найти виновника, понять, действительно ли эта картинка нужна на сайте в таком разрешении и объеме, и при необходимости уменьшить и облегчить файл.
По клику на каждую строку со ссылкой на изображение открываются подробные сведения о нем. И там будет вторая вкладка Img (from URL) – здесь можно увидеть, что за картинка. На своем сайте можно сразу понять, что это за изображение и где оно находится.
Для сайта максимально приемлемый размер изображений – 1280х800 пикселей. Понятно, что чем больше разрешение, тем более детализированной будет картинка. Но всегда ли это нужно? Это палка о двух концах. Большое разрешение это почти всегда тяжелая картинка. Для большинства случаев будет вполне достаточно разрешения в 1280х800 пикселей.
Что в результате
Вот так, шаг за шагом, можно пройтись по всем картинкам на вкладке Images в Waterfall и найти изображения, которые можно уменьшить, тем самым ускорив загрузку сайта. Затем по такому же принципу смотрим, какие файлы грузятся на вкладках CSS и JS. Там будет чуть сложнее, ведь нужно знать, какие файлы за что отвечают и можно ли их сжать. Картинки в этом смысле более простой вариант. И зачастую уже одной их оптимизации может хватить, чтобы добавить сайту скорости.
В общем, попробуйте. Разогнать сайт до уровня A (100%) будет непросто, но это и не нужно. Все, что выше 80%, уже хороший результат. Но до него еще нужно добраться. Чего вам и желаю. Задача вполне реальная. Но если будет нужна помощь, то всегда можно создать задачу на it-волонтере. Таких там очень мало. Можно сказать, вообще таких не припомню.
А если у вашего сайта скорость загрузки уже хорошая и вас устраивает, поделитесь адресом. Чужой опыт оптимизации всегда интересен и многим НКО будет точно полезен. Может быть, даже есть сайты со 100-процентной оценкой.
что это такое, как использовать инструмент для анализа и ускорения сайта? – Обзор сервиса
Мы уже не раз рассказывали о том, что скорость загрузки сайта — важный фактор его ранжирования. Если страница загружается медленно (от 3 секунд и более), шансы на ее выход в топ-10 и топ-3 результатов поисковой выдачи сводятся к минимуму. Как измерить скорость загрузки, чтобы вовремя среагировать на проблему?
Сегодня мы расскажем вам о незаменимом инструменте для вебмастеров — онлайн-сервисе GTmetrix. Вы узнаете, что это за сервис, как он работает, как использовать его по максимуму.
Что такое GTmetrix?
GTmetrix — это веб-сервис, позволяющий анализировать скорость загрузки сайта и получить рекомендации по оптимизации. С помощью GTmetrix вебмастер может проанализировать множество показателей. Он получит больше рекомендаций, чем предлагают Pingdom Tools, WebPagetest и пр.
Ключевое преимущество и недостатки GTMetrix
Пожалуй, главное достоинство GTMetrix в том, что сервис можно использовать бесплатно и без регистрации. Но при этом доступный функционал будет ограниченным. Зато вы сможете проверять не только собственный сайт, но и веб-ресурсы конкурентов.
При всех преимуществах GTMetrix без минусов тоже не обошлось:
- отсутствие инструментов вариативного тестирования;
- никакого внимания качеству хостинга. Нет инструментов для сравнения провайдеров;
- ограниченный функционал на бесплатном тарифе.
Многих отталкивает от использования GTMetrix именно цена. Тариф Solo обойдется в $10 в месяц, Starter — $20, Growth — $40. А это уже немало. Особенно с учетом того, что многие альтернативы предоставляют схожий функционал бесплатно или дешевле.
Согласно данным из блога компании, в 2022 году стоимость PRO-аккаунтов вырастет.
Что нужно сделать перед анализом сайта
Ничего сложного. Единственное, что мы рекомендуем сделать в первую очередь, — это пройти регистрацию в сервисе. Да, вы можете пользоваться GTMetrix без нее, но тогда столкнетесь с рядом ограничений:
- Не получится отслеживать историю проверок.
- Нельзя выбрать локацию для тестирования скорости загрузки (по умолчанию стоит Канада).
- Не получится использовать другие полезные инструменты, в том числе и бесплатные.
Регистрация займет буквально пару минут. Пройдите ее и используйте функционал GTMetrix, доступный на free-тарифе.
Как работает GTMetrix?
GTMetrix Page Speed анализирует скорость загрузки страницы с учетом разных переменных. Среди наиболее значимых показателей, данных и возможностей:
- отслеживание производительности с течением времени;
- автоматические оповещения, если страница стала загружаться медленнее;
- анализ скорости загрузки на разных устройствах. Предложено более 30 вариантов;
- проверка скорости из разных тестовых точек в мире.
Кроме того, можно посмотреть скорость с включенным Adblock Plus, проанализировать страницы с HTTP-аутентификацией, просканировать страницы с cookie и многое другое.
PageSpeed и YSlow
GTMetrix Page Speed предоставляет данные из Google PageSpeed и Yahoo! YSlow. В рунете доля пользователей Yahoo! небольшая. Поэтому логичнее интересоваться показателями Google PageSpeed.
В ходе анализа сайт получает оценку от 0 до 100 процентов. По информации самой компании Google, хорошей оценкой считается 85% и выше. Это значит, что сайт не требует доработок в плане производительности.
Yahoo! YSlow также дает числовую оценку и контрольный список предложений по оптимизации страницы и ускорению загрузки. По нашим наблюдениям, проценты в Google PageSpeed и Yahoo! YSlow обычно приблизительно равные.
Waterfall — водопад GTMetrix
«Водопад» анализирует все элементы на странице, отображает скорость загрузки каждого из них, а также формирует график использования ресурсов компьютера. То есть, сервис позволяет наглядно увидеть, какие именно элементы страницы замедляют ее загрузку, чтобы при необходимости их удалить или изменить.
Для большего удобства элементы разделены на категории: HTML, CSS, JS и др. Зарегистрированные пользователи получают доступ к детальному графику использования ресурсов.
Video и History
Это действительно удобные инструменты:
- панель Video позволяет просмотреть запись загрузки сайта;
- History сохраняет данные всех проводимых ранее тестов в виде понятного графика.
Единственный существенный минус Video и History — эти инструменты доступны только после регистрации и только владельцам платных аккаунтов. Так что минимум $10 в месяц за тариф Solo вам придется заплатить для доступа к функциям.
Интерпретация отчетов PageSpeed и YSlow в GTMetrix
Как было сказано выше, PageSpeed и YSlow дают оценку от 0 до 100 процентов, а оптимальные показатели — от 85% и выше. Но!
В ряде случаев даже оценки на уровне 70–75% считаются хорошими. Если на странице содержатся большие объемы данных, она не может загружаться быстро. Да, вы сможете ускорить загрузку при грамотном подходе, но в некоторых случаях добиться 85–90% физически невозможно. Используйте сервис GTMetrix для оценки, но не стоит стремиться к столь высоким значениям. Для вас важнее точное количество секунд до полной загрузки страницы, а не проценты PageSpeed и YSlow.
Как использовать GTMetrix для оптимизации сайта на WordPress?
GTMetrix прекрасно работает в связке с WordPress благодаря возможности загрузить полноценный плагин в CMS, быстро его настроить и использовать. От вас требуется только ввести email учетной записи и ключ API:
GTMetrix рекомендует провести пробный тест, чтобы зафиксировать скорость загрузки сайта до внесения каких-либо изменений. Также сервис предложит установить плагин WP Smush — полезный инструмент для оптимизации изображений. Он уменьшает все картинки до 1 МБ, хотя визуально оценить разницу в качестве будет сложно.
В дальнейшем с помощью плагина GTMetrix для WordPress можно:
- оптимизировать сервер;
- отложить JavaScript;
- ограничить каналы социальных сетей.
В целом, если у вас сайт на WordPress, использовать интегрированную панель GTMetrix гораздо удобнее и эффективнее, чем веб-версию. И это лучше, чем скачать в браузере плагин GTmetrix, который не обновлялся с 2015 года и имеет оценку 2 из 5 баллов.
Если хотите узнать больше о продвижении сайта на WordPress, следите за обновлениями в нашем блоге. Мы регулярно публикуем интересные статьи о SEO-продвижении.
Комментарий нашего эксперта
GTMetrix Page Speed — это хороший инструмент, который неплохо справляется с поставленными задачами: анализ скорости загрузки сайта и подготовка рекомендаций по его оптимизации. Но мы все же предпочитаем PageSpeed Insights по ряду причин:
1). инструмент от Google, в отличие от GTMetrix, полностью бесплатный;
2). показатели PageSpeed Insights, по нашим наблюдениям, более точные и объективные;
3). API PageSpeed Insights легко привязать к Screaming Frog для пакетного сбора информации по всем страницам сайта или по отдельному списку.
И еще один важный момент: GTMetrix работает на библиотеке Google PageSpeed с открытым исходным кодом.
А она обновляется не так часто. Поэтому PageSpeed Insights в большинстве случаев дает более честные результаты. Евгений Шепель, SEO team lead
Резюме
Надеемся, что наш обзор GTMetrix помог вам узнать больше об этом сервисе, его возможностях, преимуществах и недостатках. Теперь вам будет проще принять решение, использовать его или нет.
Сервис GTMetrix — это полезный инструмент для анализа скорости загрузки сайта и его оптимизации. Благодаря интеграции с CMS WordPress он в некоторых случаях становится незаменимым.
Однако использование GTMetrix связано с определенными сложностями и ограничениями, особенно в бесплатной версии. Поэтому на данном этапе развития сервиса мы все-таки не рекомендуем полагаться исключительно от него, отказываясь от Google PageSpeed и аналогов.
мест расположения тестовых серверов GTmetrix | GTmetrix
Протестируйте свою страницу в одном из наших многочисленных глобальных тестовых центров. Есть
в настоящее время 82 тестовых серверов, работающих в 22 местоположения по всему миру.
Вошедшие пользователи могут анализировать свои страницы с помощью одного из наших 7 бесплатных тестовых локаций . Планы GTmetrix PRO иметь доступ к 15 дополнительных премиальных тестовых локаций .
Вы можете выбрать местоположение на вкладке «Параметры анализа» на панели инструментов или изменить местоположение по умолчанию в вашем Страница аккаунта.
Если вас беспокоят запросы GTmetrix, влияющие на вашу аналитику или остановлен вашим брандмауэром, вы можете использовать IP-адреса, предоставленные разрешить или запретить наши серверы.
Получите все наши тестовые серверы в формате XML здесь.
Канада (20 серверов)
Ванкувер, Канада
Штат: Активный
IP: 24.109.190.162
Хост: cap1. jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 2
Штат: Активный
IP: 172.255.48.130
Хост: na-vancouver1.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 3
Штат: Активный
IP: 172.255.48.131
Хост: na-vancouver2.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 4
Состояние: Активный
IP: 172.255.48.132
Хост: na-vancouver3.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 5
Штат: Активный
IP: 172.255.48.133
Хост: na-vancouver4.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 6
Штат: Активный
IP: 172.255.48.134
Хост: na-vancouver5.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 7
Состояние: Активный
IP: 172. 255.48.135
Хост: na-vancouver6.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 8
Штат: Активный
IP: 172.255.48.136
Хост: na-vancouver7.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 9
Штат: Активный
IP: 172.255.48.137
Хост: na-vancouver8.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 10
Состояние: Активный
IP: 172.255.48.138
Хост: na-vancouver9.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 11
Штат: Активный
IP: 172.255.48.139
Хост: na-vancouver10.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 12
Штат: Активный
IP: 172.255.48.140
Хост: na-vancouver11.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 13
Состояние: Активный
IP: 172. 255.48.141
Хост: na-vancouver12.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 14
Штат: Активный
IP: 172.255.48.142
Хост: na-vancouver13.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 15
Штат: Активный
IP: 172.255.48.143
Хост: na-vancouver14.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 16
Штат: Активный
IP: 172.255.48.144
Хост: na-vancouver15.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 17
Штат: Активный
IP: 172.255.48.145
Хост: na-vancouver16.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 18
Состояние: Активный
IP: 172.255.48.146
Хост: na-vancouver17.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Ванкувер, Канада 19
Штат: Активный
IP: 172. 255.48.147
Хост: na-vancouver18.jobs.gtmetrix.com
Страна: Канада
Город: Ванкувер
Квебек Сити, Канада
Штат: Только ActivePRO
IP: 52.229.122.240
Хост: na-quebec1.jobs.gtmetrix.com
Страна: Канада
Город: Квебек
Великобритания (20 серверов)
Лондон, Великобритания
Состояние: Активный
IP: 13.87.64.140
Хост: eu-london1.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 2
Состояние: Активный
IP: 20.26.224.131
Хост: eu-london2.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 3
Состояние: Активный
IP: 20.108.17.87
Хост: eu-london3.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 4
Состояние: Активный
IP: 20.117. 73.245
Хост: eu-london4.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 5
Состояние: Активный
IP: 20.90.255.148
Хост: eu-london5.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 6
Состояние: Активный
IP: 20.117.69.107
Хост: eu-london6.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 7
Состояние: Активный
IP: 13.87.64.168
Хост: eu-london7.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 8
Состояние: Активный
IP: 20.90.189.200
Хост: eu-london8.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 9
Состояние: Активный
IP: 20.108.50.109
Хост: eu-london9.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 10
Состояние: Активный
IP: 20. 90.103.62
Хост: eu-london10.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 11
Состояние: Активный
IP: 51.142.82.146
Хост: eu-london11.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 12
Состояние: Активный
IP: 20.90.97.209
Хост: eu-london12.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 13
Состояние: Активный
IP: 13.87.66.254
Хост: eu-london13.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 14
Состояние: Активный
IP: 51.142.250.140
Хост: eu-london14.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 15
Состояние: Активный
IP: 20.90.79.252
Хост: eu-london15.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 16
Состояние: Активный
IP: 20. 254.32.214
Хост: eu-london16.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 17
Состояние: Активный
IP: 51.142.243.236
Хост: eu-london17.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 18
Состояние: Активный
IP: 51.142.233.172
Хост: eu-london18.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 19
Состояние: Активный
IP: 20.117.159.236
Хост: eu-london19.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
Лондон, Великобритания 20
Состояние: Активный
IP: 20.254.51.234
Хост: eu-london20.jobs.gtmetrix.com
Страна: Великобритания
Город: Лондон
США (18 серверов)
Сан-Антонио, Техас, США
Состояние: Активный
IP: 104. 214.72.101
Хост: na-sanantonio1.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 2
Штат: Активный
IP: 13.66.7.11
Хост: na-sanantonio2.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 3
Штат: Активный
IP: 13.85.24.83
Хост: na-sanantonio3.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 4
Состояние: Активный
IP: 13.85.24.90
Хост: na-sanantonio4.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 5
Штат: Активный
IP: 13.85.82.26
Хост: na-sanantonio5.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 6
Штат: Активный
IP: 40.74.242.253
Хост: na-sanantonio6.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 7
Состояние: Активный
IP: 40. 74.243.13
Хост: na-sanantonio7.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 8
Штат: Активный
IP: 40.74.243.176
Хост: na-sanantonio8.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 9
Штат: Активный
IP: 104.214.48.247
Хост: na-sanantonio9.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 10
Штат: Активный
IP: 157.55.189.189
Хост: na-sanantonio10.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 11
Штат: Активный
IP: 104.214.110.135
Хост: na-sanantonio11.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 12
Состояние: Активный
IP: 70.37.83.240
Хост: na-sanantonio12.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Сан-Антонио, Техас, США 13
Штат: Активный
IP: 65. 52.36.250
Хост: na-sanantonio13.jobs.gtmetrix.com
Страна: США
Город: Сан-Антонио
Шайенн, Вайоминг, США
Штат: Только ActivePRO
IP: 13.78.216.56
Хост: na-cheyenne1.jobs.gtmetrix.com
Страна: США
Город: Шайенн
Чикаго, Иллинойс, США
Состояние: Только ActivePRO
IP: 52.162.212.163
Хост: na-chicago1.jobs.gtmetrix.com
Страна: США
Город: Чикаго
Данвилл, Вирджиния, США
Штат: Только ActivePRO
IP: 23.96.34.105
Хост: na-danville1.jobs.gtmetrix.com
Страна: США
Город: Данвилл
Сан-Франциско, Калифорния, США
Штат: Только ActivePRO
IP: 65.52.113.236
Хост: na-sanfrancisco1.jobs.gtmetrix.com
Страна: США
Город: Сан-Франциско
Сан-Франциско, Калифорния, США 2
Штат: Только ActivePRO
IP: 13.91.230.174
Хост: na-sanfrancisco2.jobs.gtmetrix.com
Страна: США
Город: Сан-Франциско
Бразилия (4 сервера)
Сан-Паулу, Бразилия
Штат: Активный
IP: 104. 41.2.19
Хост: sa-saopaulo3.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Сан-Паулу, Бразилия 2
Состояние: Активный
IP: 191.235.98.164
Хост: sa-saopaulo1.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Сан-Паулу, Бразилия 3
Штат: Активный
IP: 191.235.99.221
Хост: sa-saopaulo2.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Сан-Паулу, Бразилия 4
Штат: Активный
IP: 191.232.194.51
Хост: sa-saopaulo4.jobs.gtmetrix.com
Страна: Бразилия
Город: Сан-Паулу
Германия (4 сервера)
Франкфурт, Германия
Штат: Только ActivePRO
IP: 20.52.36.49
Хост: eu-frankfurt1.jobs.gtmetrix.com
Страна: Германия
Город: Франкфурт
Франкфурт, Германия 2
Штат: Только ActivePRO
IP: 20.52.146.77
Хост: eu-frankfurt2.jobs.gtmetrix.com
Страна: Германия
Город: Франкфурт
Франкфурт, Германия 3
Штат: Только ActivePRO
IP: 20. 113.37.60
Хост: eu-frankfurt3.jobs.gtmetrix.com
Страна: Германия
Город: Франкфурт
Франкфурт, Германия 4
Штат: Только ActivePRO
IP: 20.79.253.26
Хост: eu-frankfurt4.jobs.gtmetrix.com
Страна: Германия
Город: Франкфурт
Австралия (3 сервера)
Сидней, Австралия
Штат: Активный
IP: 52.237.235.185
Хост: ap-sydney1.jobs.gtmetrix.com
Страна: Австралия
Город: Сидней
Сидней, Австралия 2
Состояние: Активный
IP: 52.237.250.73
Хост: ap-sydney2.jobs.gtmetrix.com
Страна: Австралия
Город: Сидней
Сидней, Австралия 3
Штат: Активный
IP: 52.237.236.145
Хост: ap-sydney3.jobs.gtmetrix.com
Страна: Австралия
Город: Сидней
Индия (3 сервера)
Мумбаи, Индия
Штат: Активный
IP: 104.211.143.8
Хост: ap-mumbai1.jobs.gtmetrix.com
Страна: Индия
Город: Мумбаи
Мумбаи, Индия 2
Состояние: Активный
IP: 104. 211.165.53
Хост: ap-mumbai2.jobs.gtmetrix.com
Страна: Индия
Город: Мумбаи
Ченнаи, Индия
Штат: Только ActivePRO
IP: 52.172.14.87
Хост: ap-chennai1.jobs.gtmetrix.com
Страна: Индия
Город: Ченнаи
Китай (2 сервера)
Гонконг, Китай
Состояние: Active
IP: 40.83.89.214
Хост: ap-hongkong1.jobs.gtmetrix.com
Страна: Китай
Город: Гонконг
Гонконг, Китай 2
Состояние: Активный
IP: 52.175.57.81
Хост: ap-hongkong2.jobs.gtmetrix.com
Страна: Китай
Город: Гонконг
Франция (1 сервер)
Париж, Франция
Штат: Только ActivePRO
IP: 20.188.63.151
Хост: eu-paris1.jobs.gtmetrix.com
Страна: Франция
Город: Париж
Япония (1 сервер)
Токио, Япония
Состояние: Только ActivePRO
IP: 52.246.165.153
Хост: ap-tokyo1.jobs.gtmetrix.com
Страна: Япония
Город: Токио
Нидерланды (1 сервер)
Амстердам, Нидерланды
Штат: Только ActivePRO
IP: 51. 144.102.233
Хост: eu-amsterdam1.jobs.gtmetrix.com
Страна: Нидерланды
Город: Амстердам
Сингапур (1 сервер)
Сингапур
Штат: Только ActivePRO
IP: 13.76.97.224
Хост: ap-singapore1.jobs.gtmetrix.com
Страна: Сингапур
Южная Африка (1 сервер)
Йоханнесбург, Южная Африка
Штат: Только ActivePRO
IP: 102.133.169.66
Хост: af-johannesburg1.jobs.gtmetrix.com
Страна: Южная Африка
Город: Йоханнесбург
Южная Корея (1 сервер)
Пусан, Южная Корея
Штат: Только ActivePRO
IP: 52.231.199.170
Хост: ap-busan1.jobs.gtmetrix.com
Страна: Южная Корея
Город: Пусан
Швеция (1 сервер)
Стокгольм, Швеция
Состояние: Только ActivePRO
IP: 20.240.42.3
Хост: eu-gavle1.jobs.gtmetrix.com
Страна: Швеция
Город: Стокгольм
ОАЭ (1 сервер)
Дубай, ОАЭ
Штат: Только ActivePRO
IP: 40. 123.218.94
Хост: me-dubai1.jobs.gtmetrix.com
Страна: ОАЭ
Город: Дубай
отзывов GTmetrix | Читать отзывы о службе поддержки клиентов gtmetrix.com
Написать отзыв5 звезд
100%
4 звезды
0%
3-звездочный
0%
2-звездочный
0%
1-звездочный
0%
Сорт:
- 713
.
отзывов
хорошо для исправления скорости сайта
Я давно им пользуюсь, это очень хороший инструмент для проектирования и разработки сайта, и вы можете определить и исправить недостатки и недостатки вашего сайта, хотя предыдущая версия сайта была более понятной.
Дата опыта: 06 апреля, 2021
Реклама
Смотрите
Sajjad Hossain5
Обзоры
Это очень полезно для оптимизации WordPress…
. Я использую GTmetrix последние 3 года
Дата опыта: 27 марта 2021
SE
Себастьян8
отзывов
Один из лучших веб-дизайнеров
сайтов моих клиентов. Я использую GTmetrix уже несколько лет, и они заслужили мое доверие. Интерфейс прост в использовании и обеспечивает быстрый доступ ко всем необходимым тестам.
Дата опыта: 23 февраля 2021 г.
MS
Марк Сильва5
отзывы
На сегодняшний день лучшая производительность веб-сайта…
Безусловно, лучший инструмент для тестирования производительности веб-сайта, который у меня есть. Они предоставляют очень подробную статистику и дают отличные советы по повышению скорости. Я улучшил скорость загрузки моего сайта примерно на 600%.
Дата опыта: 16 января 2021 г.
TotalWebsiteDesign.co.uk11
отзывов
Легко проверяйте производительность своих веб-сайтов
GTmetrix дает вам представление о том, насколько хорошо загружается ваш веб-сайт, и предоставляет действенные рекомендации по его оптимизации.
Это один из нескольких инструментов, которые мы используем для улучшения веб-сайтов наших клиентов, и я рекомендую его всем, кто хочет проверить производительность своих веб-сайтов.
Эндрю, Total Website Design
TotalWebsiteDesign.co.uk
Google #1 для «Worthing Website Design»Дата опыта: 06 апреля 2019 г.
Реклама
Alexa Van Klemp11
отзывов
Удивительное бесплатное тестирование скорости веб-сайта… полезная статистика.
Дата опыта: 03 декабря 2020 г.
CA
CathrynAvianna20
отзывов
Ну
Что ж, вместе с веб-страницей протестируйте наилучшую из доступных услуг.
Дата опыта: 22 октября 2019 г.
CH
Christofer2
отзывов
Отличное обслуживание клиентов
Отличное обслуживание клиентов. Получил ответ на мой билет в течение 5 минут.
Дата опыта: 07 мая 2020 г.
Посмотрите
Реклама
О GTmetrix
Информация, написанная компанией
GTmetrix — это бесплатный инструмент, который анализирует скорость вашей страницы. Используя PageSpeed и YSlow, GTmetrix генерирует оценки для ваших страниц и предлагает действенные рекомендации по их устранению.
Контактное лицо
Категория
- Компания-разработчик программного обеспечения
The Trustpilot Experience
Любой может написать отзыв о Trustpilot.
Люди, которые пишут отзывы, имеют право редактировать или удалять их в любое время, и они будут отображаться до тех пор, пока активна учетная запись.
Компании могут запрашивать отзывы с помощью автоматических приглашений. Помеченные как «Проверено», они посвящены подлинному опыту.
Узнайте больше о других видах отзывов.
Мы используем преданных своему делу людей и умные технологии для защиты нашей платформы. Узнайте, как мы боремся с поддельными отзывами.
Вот 8 советов по написанию хороших отзывов.
Проверка может помочь убедиться, что реальные люди пишут отзывы о реальных компаниях.
Поощрение за отзывы противоречит нашим правилам. Мы также гарантируем, что все отзывы публикуются без модерации.
Присмотрись
ты человек?
Подробное знакомство с инструментом тестирования скорости GTmetrix (2020 г.
)
У владельца веб-сайта есть множество вариантов проведения тестов скорости для проверки производительности. Ранее мы подробно рассмотрели инструмент Pingdom . Сегодня мы хотим погрузиться в то, как лучше использовать и понимать данные популярного инструмента тестирования скорости веб-сайта GTmetrix . Подобные инструменты полагаются на системы оценок и оценки, а также на предупреждения о том, что может быть не так на вашем сайте. Иногда они могут сбивать с толку, поэтому, потратив некоторое время на то, чтобы понять, что они на самом деле означают, вы можете не только повысить свои баллы, но и повысить производительность своего сайта, что действительно важно.
Знание того, как работает @GTmetrix, является бесценной информацией для владельцев веб-сайтов WordPress! ⏱Нажмите, чтобы твитнутьGTmetrix был разработан GT.net, компанией, базирующейся в Канаде, как инструмент для своих клиентов хостинга, чтобы легко определить производительность своего сайта. Помимо Pingdom, это, вероятно, один из самых известных и используемых инструментов для тестирования скорости в Интернете сегодня! На самом деле, причина, по которой мы пишем это, заключается в том, что у нас есть много клиентов Kinsta, которые всегда спрашивают нас, как следовать советам, которые они видят в своих отчетах GTmetrix.
Средство проверки скорости GTmetrixПо сравнению с другими инструментами для разработчиков, GTmetrix довольно прост в использовании, и новичок может довольно быстро с ним разобраться. Он использует комбинацию Google PageSpeed Insights и YSlow для получения оценок и рекомендаций.
Опции анализа GTmetrix
Базовая версия GTmetrix полностью бесплатна, и вы можете получить доступ к ряду опций, просто зарегистрировав учетную запись. У них также есть премиальные планы, но в сегодняшнем посте мы будем использовать бесплатную версию. Если у вас есть учетная запись, вы можете указать ряд дополнительных параметров анализа.
Во-первых, это возможность выбрать место , в котором вы хотите проверить свой URL-адрес. Выбранное вами физическое местоположение на самом деле очень важно, поскольку оно связано с тем, где на самом деле размещен ваш веб-сайт. Чем меньше задержка, тем быстрее время загрузки. В настоящее время доступны следующие местоположения:
- Даллас, США
- Гонконг, Китай
- Лондон, Великобритания
- Мумбаи, Индия
- Сидней, Австралия
- Сан-Паулу, Бразилия
- Ванкувер, Канада
Вы можете выбрать, какой браузер вы хотите использовать.
Параметры формата теста GTmetrixВы можете протестировать с Chrome (настольный компьютер) и Firefox (настольный компьютер). Мобильные версии доступны в их премиальных планах. Они также позволяют вам изменять скорость соединения, что означает, что вы можете моделировать различные типы соединения, чтобы увидеть, как они влияют на загрузку вашей страницы.
Дополнительные параметры включают возможность создания видео . Это может помочь вам отладить проблемы, поскольку вы можете видеть, как отображается страница. AdBlock Plus — отличная функция. Если вы используете стороннюю рекламную сеть, такую как Google Adsense, вы можете включить эту опцию, чтобы увидеть полное влияние рекламы на время загрузки.
Дополнительные параметры GTmetrixДополнительные параметры включают в себя остановку тестовой загрузки (к которой мы углубимся позже), возможность отправки файла cookie вместе с вашим запросом, использование HTTP-аутентификации, возможность внесения в белый и черный списки URL-адресов, разрешение экрана и соотношение пикселей устройства.
, и переопределение пользовательского агента.
Анализ с помощью GTmetrix Speed Test Tool
Веб-страница состоит из различных ресурсов, таких как HTML, JavaScript, CSS и изображения. Каждый из них генерирует запросы на отображение того, что вы видите на своем веб-сайте. Как правило, чем больше у вас запросов, тем медленнее будет загружаться ваш сайт. Это не всегда так, но в большинстве случаев это правда.
Ниже мы собираемся разбить каждый раздел GTmetrix и более подробно объяснить, что означает информация, поскольку она относится к общей производительности вашего веб-сайта и что делать с рекомендациями. Не зацикливайтесь слишком много на оценках , а на реальных улучшениях скорости вашего сайта.
- Обзор GTmetrix
- Производительность
- Структура
- Карта водопада
- Видео
- История
Сводка GTmetrix (показатели производительности и подробная информация)
Когда вы запускаете свой веб-сайт WordPress через GTmetrix, он создает отчет о производительности, который включает вашу «оценку GTmetrix» и «Web Vitals».
Оценка GTmetrix рассчитывается на основе двух показателей — «Производительность» и «Структура».
- Производительность GTmetrix — это показатель производительности, полученный с помощью инструмента аудита сайта Lighthouse .
- Структура GTmetrix — это собственная метрика производительности, которая измеряет общую производительность страницы.
В 2020 году Google представил стандартизированный набор показателей веб-производительности и взаимодействия с пользователем под названием Web Vitals. Web Vitals состоит из множества метрик, но GTmetrix учитывает такие показатели, как «Наибольшая отрисовка содержимого» (LCP), «Общее время блокировки» (TBT) и «Совокупное смещение макета» (CLS).
- Самая большая отрисовка содержимого (LCP) — это время, необходимое для загрузки большей части страницы. Для некоторых сайтов LCP может быть большим главным изображением, тогда как на других сайтах LCP может относиться к основному тексту.
- Общее время блокировки (TBT) — это время, в течение которого страница блокируется до того, как пользователь сможет с ней взаимодействовать. CSS и JS, блокирующие рендеринг, могут оказать огромное влияние на TBT.
- Совокупное смещение макета (CLS) относится к смещению элементов во время загрузки страницы. Например, макет страницы, содержащей встроенные твиты, может резко меняться по мере загрузки страницы.
В нашем примере мы используем наш тематический домен kinstalife.com, размещенный на Kinsta. В нашем первом тесте скорости наш сайт зарегистрировал следующую статистику.
- Класс GTmetrix – B
- Производительность GTmetrix – 85%
- Структура GTmetrix – 83%
- ЛКП – 1,0 с
- ТБТ – 0 мс
- КЛС – 0
Затем мы провели дополнительный тест, и теперь наша оценка GTmetrix — «А»! Что это вообще такое? Вы также можете заметить это, если несколько раз запускаете свой веб-сайт с помощью инструмента тестирования скорости GTmetrix.
Наш второй тест скорости с GTmetrix.Одна из причин, по которой это происходит, заключается в кэшировании, как Кэширование DNS и кэширование сервера . Узнайте, почему, далее в нашем водопадном анализе.
Страница сводки GTmetrix также содержит визуализацию скорости, которая показывает временную шкалу ключевых событий во время загрузки страницы. На приведенном ниже снимке экрана вы можете увидеть TTFB, FCP, LCP, время загрузки, время до взаимодействия и время полной загрузки для kinstalife.com.
В нижней части сводной страницы также есть разделы «Основные проблемы» и «Сведения о странице». В разделе «Основные проблемы» вы можете увидеть список элементов с высоким приоритетом, которые необходимо исправить, а в разделе «Сведения о странице» представлены данные о процентах и размерах файлов вашей страницы.Основные проблемы GTmetrix и сведения о странице.
Производительность
Далее следует вкладка GTmetrix «Производительность», которая показывает ряд полезных показателей, полученных из данных о производительности Lighthouse.
Показатели производительности GTmetrix Lighthouse.В дополнение к LCP, TBT и CLS, показанным на сводной странице, в разделе «Показатели производительности» также показаны индекс скорости (SI), время до взаимодействия (TTI) и первая содержательная отрисовка (FCP).
Хотя раздел «Показатели производительности» не показывает, что именно вам нужно исправить, он дает хорошее представление о том, какие ключевые показатели взаимодействия с пользователем вы можете улучшить.
Ниже по странице GTmetrix также показывает несколько более традиционных статистических данных «Время работы браузера», включая время загрузки, время до первого байта, время полной загрузки и многое другое. В прошлом эти традиционные показатели были очень важны. Однако, поскольку Google прокладывает путь к стандартизированным метрикам с помощью Web Vitals, мы рекомендуем вместо этого оптимизировать их. В большинстве случаев вы обнаружите, что оптимизация для Web Vitals также приводит к хорошим показателям времени браузера.
Показатели времени браузера GTmetrix.Структура
На вкладке GTmetrix «Структура» вы можете просмотреть конкретные проблемы, влияющие на производительность вашего сайта. Эта страница очень полезна, потому что она предоставляет вам полезную информацию, такую как «устранение ресурсов, блокирующих рендеринг» и «уменьшение CSS», чтобы начать оптимизацию вашего сайта.
Мы постараемся охватить наиболее распространенные и популярные из них, с которыми сталкиваются владельцы сайтов WordPress. Обязательно добавьте этот пост в закладки, так как мы будем постоянно его обновлять. Как правило, если вы улучшите их на своем сайте, вы должны увидеть увеличение производительности.
Оценка GTmetrix PageSpeed Подача масштабированных изображений
Когда дело доходит до работы с изображениями на вашем веб-сайте, вы всегда должны пытаться загружать их в масштабе и не позволять CSS изменять их размер. Если вы этого не сделаете, вы получите рекомендацию подавать масштабированные изображения .
Если вы используете WordPress, по умолчанию он изменяет размер ваших изображений при загрузке их в медиатеку. Эти настройки можно найти в разделе «Настройки > Мультимедиа». Вы должны убедиться, что максимальная ширина близка к ширине вашего сайта. Таким образом, CSS не пытается уменьшить размер вашего изображения, чтобы оно поместилось внутри. Вы также можете автоматически изменить их размер с помощью плагина оптимизации изображений.
Отображение масштабированных изображений
Встроенное маленькое CSS
Встраивание вашего CSS обычно не рекомендуется, так как это увеличит общий размер загрузки вашей страницы. Однако, если ваш сайт небольшой, с минимальными запросами, это может улучшить вашу производительность.
Небольшой встроенный CSSЧтобы легко встроить свой CSS, вы можете использовать бесплатный плагин, такой как Autoptimize. Просто проверьте «Встроить все CSS?» вариант, а затем убедитесь, что вы исключили дополнительные файлы CSS, которые вы не встраиваете.
Автооптимизировать встроенный CSSВстроенный небольшой JavaScript
Как и в случае встраивания небольшого CSS, то же самое относится и к встраиванию маленького JavaScript. Обычно это не рекомендуется, так как это увеличит общий размер загружаемого запроса страницы. Однако, если ваш сайт небольшой, с минимальными запросами, это может улучшить вашу производительность. Опять же, вы можете использовать настройки JavaScript Autoptimize.
Небольшой встроенный JavaScriptИспользование кэширования браузера
Использование кэширования браузера — очень распространенная рекомендация, с которой люди сталкиваются. Это происходит из-за отсутствия правильных заголовков кэша HTTP на вашем веб-сервере. См. наш подробный пост о том, как исправить предупреждение о кэшировании браузера. Вы можете исправить это только на ресурсах, которые вы контролируете. Например, если вы видите это в сторонних рекламных сетях, вы ничего не можете сделать.
Использование кэширования браузераПодача ресурсов с согласованного URL-адреса
Если вы видите обслуживание ресурсов с согласованного URL-адреса, скорее всего, у вас есть идентичные ресурсы, обслуживаемые с одного и того же URL-адреса.
Подавать ресурсы с согласованного URL-адресаВо многих случаях это может произойти, когда задействованы строки запроса. Узнайте, как удалить строки запроса из статических ресурсов. Как только они исчезнут, его больше не придется загружать дважды.
Отложить синтаксический анализ JavaScript
JavaScript и CSS по умолчанию блокируют рендеринг. Это означает, что они могут предотвратить отображение веб-страницы до тех пор, пока они не будут загружены и обработаны браузером. Атрибут defer указывает браузеру отложить загрузку ресурса до завершения синтаксического анализа HTML. Несколько простых способов исправить это — использовать бесплатные плагины Autoptimize или Async JavaScript. Обязательно ознакомьтесь с нашим подробным сообщением о том, как устранить блокировку рендеринга JavaScript и CSS.
Отложить синтаксический анализ JavaScriptПодробное объяснение см. в статье Как отложить синтаксический анализ предупреждения Javascript в WordPress (4 метода).
Минимизация CSS и JavaScript
Минификация, по сути, удаляет все ненужные символы из исходного кода без изменения его функциональности.
Минимизируйте CSS и JavaScriptЭто может включать разрывы строк, пустое пространство, отступы и т. д. Таким образом можно сэкономить байты данных и ускорить загрузку, синтаксический анализ и время выполнения.
Опять же, для этого отлично подходит бесплатный плагин Autoptimize. Просто убедитесь, что «Оптимизировать код JavaScript» и «Оптимизировать код CSS» отмечены флажками. Если у вас большой сайт, вы также можете поиграть с дополнительными настройками внизу, так как некоторые из них могут снизить производительность вашего сайта. Встраивание или комбинирование CSS и JavaScript на больших сайтах обычно не рекомендуется. Вот где в игру вступает мощь HTTP/2.
Автоматическая оптимизация минимизации CSS и JavaScriptЕсли вы являетесь клиентом Kinsta, вы можете воспользоваться функцией минимизации кода, встроенной прямо в панель управления MyKinsta. Это позволяет клиентам быстро и легко включать автоматическую минимизацию CSS и JavaScript одним щелчком мыши, ускоряя работу своих сайтов без каких-либо ручных усилий.
Оптимизация изображений
По данным HTTP Archive, по состоянию на апрель 2017 года изображения составляют в среднем 66% от общего веса веб-страницы. Поэтому, когда дело доходит до оптимизации вашего сайта WordPress, изображения — это, безусловно, первое, с чего вы должны начать! Это важнее скриптов и шрифтов.
Оптимизация изображенийВ идеальном мире каждое изображение должно быть сжато и оптимизировано перед загрузкой в WordPress. Но, к сожалению, это просто нереально. Поэтому мы рекомендуем использовать хороший плагин для оптимизации изображений. Это поможет автоматически сжимать ваши изображения, изменять их размер и обеспечивать их легкую и быструю загрузку на вашем сайте. Ознакомьтесь с нашим подробным постом о том, как оптимизировать изображения для Интернета.
Уменьшить начальное время отклика сервера
Для WordPress основной причиной медленного начального времени отклика сервера является отсутствие кэширования страниц. Без кэширования страниц WordPress использует PHP для динамического создания страниц для каждого отдельного запроса, что означает, что он может быстро перегружаться запросами.
Уменьшить начальное время отклика сервера.С включенным кэшированием страниц ваш сайт может обслуживать заранее созданные HTML-файлы, что намного быстрее и масштабируемее, чем использование PHP для выполнения каждого запроса страницы.
Если вы размещаетесь на Kinsta, вам не нужно беспокоиться о кэшировании страниц, потому что мы позаботимся об этом за вас с помощью нашей конфигурации Nginx. Если ваш хост WordPress не поддерживает кэширование страниц, вы можете установить плагин кэширования, такой как WP Rocket или W3 Total Cache. Чтобы еще больше сократить время отклика сервера, мы рекомендуем интегрировать Cloudflare APO с вашим сайтом WordPress. Этот инновационный сервис оптимизации от Cloudflare распространяет HTML-страницы вашего сайта по всему миру, что может сократить время отклика сервера в глобальном масштабе.
Минимизировать HTML
Так же, как CSS и JavaScript, HTML также можно минимизировать, чтобы удалить ненужные символы и сэкономить байты данных, чтобы ускорить время выполнения.
Minify HTMLБесплатный плагин Autoptimize также отлично подходит для этого. Просто включите опцию «Оптимизировать HTML-код».
Автоматическая оптимизация HTML-кодаВключить сжатие GZIP
GZIP — это формат файла и программное приложение, используемое для сжатия и распаковки файлов. Сжатие GZIP включено на стороне сервера и позволяет еще больше уменьшить размер файлов HTML, таблиц стилей и JavaScript. Он не будет работать с изображениями, так как они уже сжаты другим способом. Некоторые видели до 70% сокращения из-за сжатия. Это, вероятно, одна из самых простых оптимизаций, которую вы можете сделать, когда дело доходит до WordPress. Примечание. Сжатие GZIP включено по умолчанию на всех серверах Kinsta.
Включить сжатие GZIPЧтобы включить сжатие GZIP в Apache, просто добавьте следующий код в файл .htaccess.
# Сжимайте HTML, CSS, JavaScript, текст, XML и шрифты Приложение AddOutputFilterByType DEFLATE/javascript Приложение AddOutputFilterByType DEFLATE/rss+xml Приложение AddOutputFilterByType DEFLATE/vnd. Mozilla/4\.0[678] без gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Заголовок добавляет Vary User-Agent
Если вы используете NGINX, просто добавьте следующее в файл nginx.conf.
gzip включен; gzip_disable "MSIE [1-6]\.(?!.*SV1)"; gzip_vary включен; gzip_types текст/обычный текст/текст css/изображение javascript/изображение svg+xml/приложение x-icon/приложение javascript/x-javascript;
Обязательно ознакомьтесь с нашим подробным сообщением о том, как включить сжатие GZIP.
Минимизировать перенаправления
Минимизация HTTP-перенаправлений с одного URL-адреса на другой сокращает дополнительные RTT и время ожидания для пользователей. Посмотрите наш пост о перенаправлениях WordPress, в котором мы обнаружили, что 2 неверных перенаправления увеличили время загрузки сайта на 58%! Проще говоря, перенаправления WordPress замедляют работу вашего сайта. Вот почему стоит потратить время на то, чтобы свести к минимуму количество перенаправлений посетителей на ваш сайт.
Минимизировать перенаправленияУказать средство проверки кэша
Рекомендация указать средство проверки кэша появляется, когда отсутствуют заголовки кэширования HTTP. Их следует включать в каждый ответ исходного сервера, поскольку они одновременно проверяют и устанавливают длину кэша. Если заголовки не найдены, каждый раз будет генерироваться новый запрос на ресурс, что увеличивает нагрузку на ваш сервер. Использование заголовков кэширования гарантирует, что последующие запросы не нужно будет загружать с сервера, тем самым экономя пропускную способность и повышая производительность для пользователя. И помните, вы не можете исправить это на сторонних ресурсах, которые вы не контролируете.
Укажите средство проверки кэша.Существует несколько различных заголовков кэширования HTTP, которые можно использовать для исправления этой рекомендации. Ознакомьтесь с нашим подробным сообщением о том, как указать валидатор кеша.
Укажите размеры изображения
Точно так же, как вы не должны позволять CSS изменять размер ваших изображений, вы также должны указать размеры изображения.
Это означает включение ширины и высоты в ваш HTML-код.
Неверно
Правильно
Удалить строки запроса из статических ресурсов
Ваши файлы CSS и JavaScript обычно имеют версию файла в конце своих URL-адресов, например domain.com/style .css?ver=4.6 . Некоторые серверы и прокси-серверы не могут кэшировать строки запросов, даже если присутствует заголовок
cache-control:public
. Таким образом, удаляя их, вы иногда можете улучшить кэширование. Это легко сделать с помощью кода или бесплатных плагинов WordPress.Ознакомьтесь с нашим подробным сообщением о том, как удалить строки запроса из статических ресурсов. И помните, вы не можете исправить это на сторонних ресурсах, которые вы не контролируете.
Удалить строки запроса из статических ресурсовУкажите Vary: Accept-Encoding Header
Это заголовок HTTP, который следует включать в каждый ответ исходного сервера, поскольку он сообщает браузеру, может ли клиент обрабатывать сжатые версии содержимого.
Укажите вариант: accept-encoding header. Обычно, когда сжатие GZIP включено, это также исправлено. Но обязательно ознакомьтесь с нашим подробным сообщением о том, как исправить рекомендацию в заголовке «указать изменение: принять-кодирование». И опять же, на сторонних ресурсах это не исправить.
Водопадная диаграмма GTmetrix
Водопадная диаграмма GTmetrix отображает все отдельные запросы на вашей веб-странице (как показано ниже). Затем вы можете проанализировать каждый запрос, чтобы увидеть, что вызывает задержки и проблемы с производительностью на вашем сайте. Ниже приведено более подробное резюме и/или определение того, что означает каждый из цветов в каждом запросе.
Водопадная диаграмма GTmetrixБлокировка (Коричневый)
Когда браузер загружает веб-страницу, ресурсы JavaScript и CSS обычно препятствуют отображению веб-страницы до тех пор, пока они не будут загружены и обработаны браузером. Эта временная задержка отображается как блокирует на каскадной диаграмме GTmetrix.
блокировкаОзнакомьтесь с нашим подробным сообщением о том, как устранить блокировку рендеринга JavaScript и CSS для получения дополнительной информации.
DNS-поиск (бирюзовый)
DNS-поиск можно представить себе как телефонную книгу. Существуют серверы, называемые серверами доменных имен, которые содержат информацию о вашем веб-сайте и IP-адресе, на который он должен быть перенаправлен. Когда вы впервые запускаете свой веб-сайт через GTmetrix, он выполняет новый поиск и должен запрашивать записи DNS, чтобы получить информацию об IP-адресе. Это приводит к некоторому дополнительному времени поиска.
Когда вы запускаете свой веб-сайт через GTmetrix во второй раз, он кэширует DNS, потому что он уже знает информацию об IP, и ему не нужно выполнять поиск снова. Это одна из причин, почему вам может понравиться, что ваш веб-сайт будет отображаться быстрее после многократного запуска его через GTmetrix. Как вы можете видеть на экране ниже, во втором тесте время поиска DNS при начальной загрузке DOC составляет 0 мс.
Второй поиск DNSЭто одна из областей, которую многие люди неверно истолковывают! Мы рекомендуем запускать тест несколько раз и брать среднее значение, если вы не хотите, чтобы DNS был частью вашего отчета, и в этом случае вы можете пройти первый тест.
То же самое относится к вашим активам (JavaScript, CSS, изображениям), если вы используете CDN. Кэш CDN работает так же, как DNS, после кэширования он становится намного быстрее при последовательных загрузках. Еще один совет по ускорению DNS — использовать предварительную выборку DNS. Это позволяет браузеру выполнять поиск DNS на странице в фоновом режиме. Вы можете сделать это, добавив несколько строк кода в заголовок вашего сайта WordPress. См. несколько примеров ниже.
Или, если вы используете WordPress версии 4.
6 или новее, вы можете использовать подсказки ресурсов. Разработчики могут использовать фильтр
wp_resource_hints
для добавления пользовательских доменов и URL-адресов дляdns-prefetch
,preconnect
,prefetch
илиprerender
.Подключение (зеленый)
Время подключения в GTmetrix относится к TCP-соединению или общему времени, необходимому для создания TCP-соединения. Вам действительно не нужно понимать, как это работает, но это просто метод связи между хостом/клиентом и сервером, который должен иметь место.
ПодключениеОтправка (красный)
Время отправки — это просто время, необходимое веб-браузеру для отправки данных на сервер.
ОтправкаОжидание (фиолетовый)
Время ожидания в GTmetrix на самом деле относится ко времени до первого байта, также известному как TTFB в некоторых инструментах. TTFB – это показатель, используемый для определения скорости отклика веб-сервера или другого сетевого ресурса.
ОжиданиеКак правило, все, что меньше 100 мс, является приемлемым и хорошим TTFB. Если вы приближаетесь к диапазону 300-400 мс, возможно, что-то неправильно настроено на вашем сервере, или, возможно, пришло время перейти на лучший веб-стек. Как вы можете видеть в нашем тесте ниже, это было примерно 100 мс, и это здорово.
Несколько простых способов уменьшить TTFB — убедиться, что ваш хост имеет надлежащее кэширование и использует CDN. Ознакомьтесь с нашим подробным сообщением обо всех способах уменьшить TTFB на вашем сайте WordPress.
Получение (серый)
Время приема — это просто время, необходимое веб-браузеру для получения данных с сервера.
ПолучениеТайминги событий
Каждый раз, когда вы запрашиваете страницу, у нее есть тайминги событий, в которые вещи отображаются и загружаются.
- Первая отрисовка (зеленая линия): Первая точка, в которой браузер выполняет любую визуализацию на странице, например, отображение цвета фона.
- DOM загружен (синяя линия): Точка, в которой DOM (объектная модель документа) готова.
- Загрузка (красная линия): Когда обработка страницы завершена и все ресурсы на странице (изображения, CSS и т. д.) завершили загрузку.
- Полная загрузка (фиолетовая линия): Точка после срабатывания события Onload и отсутствия сетевой активности в течение 2 секунд.
Заголовки ответа HTTP
Вы также можете щелкнуть по отдельному запросу, чтобы увидеть, как они называют заголовки ответа HTTP. Это дает ценную информацию. На приведенном ниже экране мы можем мгновенно увидеть такие вещи, как gzip, включенный на веб-сервере, он работает через HHVM, он обслуживается из кеша (HIT, иначе будет отображаться MISS), заголовки управления кешем, архитектура сервера (это не всегда виден), заголовки с истекающим сроком действия, пользовательский агент браузера и многое другое.
Заголовок ответа HTTP в GTmetrixЕще одна вещь, о которой следует знать, это то, что инструмент GTmetrix поддерживает HTTP/2 , в отличие от Pingdom, потому что в настоящее время он использует Chrome 58+ для запуска своих тестов.
Chrome добавил поддержку HTTP/2 в версии 49. Поэтому имейте в виду, когда вы выбираете, какой инструмент для проверки скорости использовать.
Видео
Чтобы помочь вам отладить визуальные сбои и проблемы с производительностью внешнего интерфейса, последняя версия GTmetrix включает вкладку «Видео». При включенной функции видео GTmetrix автоматически записывает встраиваемое видео, показывающее, как загружается страница для каждого теста производительности. Эта функция очень полезна для отладки визуальных проблем, которые появляются только в определенных сочетаниях браузера и размера экрана.
Видеозапись GTmetrix.История
На вкладке истории вы можете просмотреть все ваши прошлые тесты скорости. Существует ограничение на количество хранимых в бесплатных учетных записях. Вы также можете отслеживать URL-адрес, который позволяет отслеживать производительность с течением времени и видеть любые изменения, когда они происходят.
ИсторияОдна действительно интересная функция — вы можете выбрать свои прошлые отчеты и сравнить их рядом друг с другом.
Сравните отчеты в GTmetrixЭто может быть очень полезно, особенно когда вы оптимизируете свой сайт, чтобы увидеть, есть ли улучшения. Помните, что иногда вы также можете переоптимизировать.
Пример конфигурации домена
Если вы зашли так далеко в нашем подробном обзоре GTmetrix, то вас ждет угощение. Всегда раздражает, когда люди делятся советами и примерами из практики, но не рассказывают, как они к этому пришли. Итак, ниже приведена наша точная конфигурация домена примера, использованного выше! Не стесняйтесь повторять это.
Архитектура
- Домен тематического исследования (perfmatters.io) размещен в Kinsta на облачной платформе Google в США (центральное расположение). Kinsta использует HTTP/2, NGINX, MariaDB, что способствует быстрой загрузке.
- Сайт использует HHVM. PHP 7.3 теперь доступен на Kinsta, и это даже быстрее, чем HHVM! Вы можете переключиться на версии PHP одним нажатием кнопки.
- Сайт не использует плагин кеширования .
Kinsta кэширует все на уровне сервера, что значительно упрощает работу и в большинстве случаев работает быстрее!
Плагины WordPress
А вот список плагинов, используемых на сайте WordPress.
- Бесплатный подключаемый модуль CDN Enabler используется для развертывания KeyCDN.
- Бесплатный подключаемый модуль CAOS используется для локальной синхронизации Google Analytics.
- Плагин премиум-класса perfmatters используется для избавления от ненужных HTTP-запросов и отключения таких вещей, как Emojis и Embeds.
- Плагин премиум-класса Gonzalez используется для отключения загрузки определенных скриптов.
- Плагин премиум-класса Imagify используется для сжатия изображений.
Рекомендуемые учебные пособия для дальнейшего чтения:
- Как ускорить работу вашего сайта WordPress (Полное руководство)
- Как отключить эмодзи в WordPress
- Как отключить встраивание в WordPress
- Определение и анализ внешних служб на вашем сайте WordPress
- Как получить 100/100 баллов в Google PageSpeed Insights с помощью WordPress
- Как диагностировать высокий уровень использования Admin-Ajax на вашем сайте WordPress
- 7 советов о том, как сократить количество запросов DNS и ускорить их
Резюме
Как видите, знание того, как работает инструмент тестирования скорости GTmetrix немного лучше и что означают все диаграммы, может помочь вам принять более обоснованное решение, когда речь идет о производительности.
Водопадный анализ, как мы его называем, имеет решающее значение для понимания того, как загружаются ваши отдельные активы. И помните, когда дело доходит до сравнения с Pingdom, это разные инструменты, поэтому лучше придерживаться одного или другого, поскольку они вычисляют вещи по-разному. У вас есть другие полезные советы по GTmetrix?
Если вы хотите увидеть больше подробных статей, подобных приведенной выше, сообщите нам об этом в комментариях!
Экономьте время, затраты и повышайте производительность сайта с помощью:
- Мгновенная помощь от экспертов по хостингу WordPress, круглосуточно и без выходных.
- Интеграция с Cloudflare Enterprise.
- Глобальный охват аудитории благодаря 35 центрам обработки данных по всему миру.
- Оптимизация с помощью нашего встроенного мониторинга производительности приложений.
Все это и многое другое в одном плане без долгосрочных контрактов, сопровождаемой миграции и 30-дневной гарантии возврата денег.
Ознакомьтесь с нашими планами или поговорите с отделом продаж, чтобы найти план, который подходит именно вам.
Как использовать GTMetrix в 2022 году
В этом посте мы собираемся ответить на важный вопрос «Как вы используете GTmetrix»?
GTmetrix — это очень мощный инструмент, который вы можете использовать для проверки скорости и производительности вашего веб-сайта, но понимание того, как его лучше всего использовать и какие у него отдельные функции, может помочь вам выявить и устранить отдельные проблемы с вашим сайтом.
Как агентство, мы используем этот инструмент в тандеме с Google PageSpeed и PingDom Tools для определения аспектов наших веб-сайтов, на улучшении которых нам необходимо сосредоточиться. Это может быть что угодно: от оптимизации изображений до удаления CSS и замены целых плагинов. Этот инструмент позволит нам определить, на чем именно нам нужно сосредоточиться, чтобы сделать веб-сайт настолько быстрым, насколько это возможно.
Этот инструмент не просто измеряет скорость вашей страницы, он предлагает массу дополнительных функций, таких как каскадные диаграммы загрузки и воспроизведение видео.
Вы можете использовать эти расширенные функции для доступа к большему количеству данных и информации, чем некоторые другие инструменты повышения скорости веб-сайта в Интернете.
Теперь, когда мы понимаем, что такое GTmetrix и почему он может быть таким мощным, давайте пройдемся по всем его аспектам от начала до конца и обсудим, как на самом деле использовать этот инструмент.
Как использовать GTmetrix
GTmetrix — это онлайн-платформа, поэтому ее нельзя загрузить. Чтобы получить доступ к инструменту, перейдите на https://gtmetrix.com/.
После того, как вы загрузили инструмент, вы можете ввести URL-адрес страницы, которую хотите протестировать, а затем нажать «Анализ». вы можете ввести домен своей домашней страницы или домен отдельной страницы, которую вы хотите протестировать. Например, если у вас есть сообщения в блоге, к которым применен шаблон, вы можете ввести одно сообщение в блоге, чтобы увидеть, насколько быстро оно нагрузки.
Есть несколько параметров, которыми вы можете управлять, даже не запуская анализ вашей страницы с помощью GTmetrix.
Параметры анализа
Если вы нажмете «параметры анализа», вы получите выпадающее меню, подобное этому, где вы можете изменить множество аспектов среды загрузки, в которой тест будет запускать вашу веб-страницу.
Местом по умолчанию, где выполняется тест, является Ванкувер, Канада, но вы можете изменить это местоположение, чтобы оно более географически соответствовало вашей пользовательской базе. У вас есть вариант для всех основных континентов, и в большинстве случаев вам следует выбирать ближайшее к вам место.
В браузере (вы можете выбрать между Chrome или Firefox) вы можете включить или выключить рекламный блок и остановить тест в window.onload. Поведение по умолчанию — остановить тест через 2 секунды бездействия сети (после срабатывания onload).
Вы также можете создать видео процесса загрузки вашей страницы, которое затем может быть замедлено в четыре раза, что позволит вам визуально просматривать отдельные элементы и их поведение при загрузке.
Это может быть очень полезно, чтобы увидеть, не сломается ли что-нибудь в процессе загрузки, что не было бы видно человеческому глазу при нормальной скорости.
Мы рекомендуем, если у вас нет конкретной настройки, которую вам нужно запустить, вы должны оставить все в форме по умолчанию.
Для нашего варианта использования мы собираемся оставить все эти параметры анализа GTmetrix по умолчанию, так как базовое сканирование даст нам точное представление о скорости загрузки нашего веб-сайта в стандартном веб-браузере и при подключении к Интернету.
Запуск сканирования
Когда вы нажмете «Анализ», GTmetrix поместит ваш URL-адрес в очередь для проверки. Затем он пропустит его через несколько разных механизмов тестирования, и по завершении выведет для вас отчет. Это может занять несколько секунд, так как одновременно использовать этот инструмент может очень много людей, и они запускают ваш сайт через несколько различных тестов, о которых мы поговорим ниже.
На экране загрузки всегда есть куча интересной статистики, например, количество сайтов, проанализированных GTmetrix за последние 24 часа.
Обычно это колеблется от 400 000 до 500 000.
Как только ваша страница загрузится, вы получите доступ к своему тесту и всем данным, связанным с ним. В следующем разделе мы рассмотрим каждый тест, что он вам предлагает и как вы можете использовать информацию, чтобы сделать свой веб-сайт быстрее.
Базовые элементы отчета GTmetrix
Во-первых, элементы управления в правой части экрана позволят вам повторно протестировать свой веб-сайт, сравнить этот тест с предыдущими тестами, которые вы запускали на платформе, отредактировать настройки страницы, настроить оповещения (GTmetrix автоматически запустит ваш тест на различные интервалы, а затем по электронной почте вы получите оповещения о вашей PageSpeed, если она отключена) и многое другое.
Одной из самых мощных функций этого инструмента является возможность экспорта этого отчета в формате PDF. Мы будем говорить об этом отчете в онлайн-формате, но загрузка отчета GTmetrix в формате PDF позволяет распечатать его и легко отправить клиентам (если вы занимаетесь бизнесом).
В заголовке вашего отчета GTmetrix будет показан ваш веб-сайт и критерии тестирования. В приведенном выше примере мы запускали наш веб-сайт через сервер в Ванкувере с помощью браузера Chrome.
Совокупные оценки и сведения
Оценки производительности покажут вам совокупное состояние скорости и производительности вашего веб-сайта. Они не будут определять отдельные проблемы, которые неверны на вашей стороне, но если вы набрали более 80 баллов по обоим показателям, время полной загрузки страницы составляет менее 3 секунд, управляемый размер страницы (обычно менее двух МБ) и низкие запросы. , то вы знаете, что с производительностью вашего сайта все в порядке.
Как правило, если вы запускаете отчет GTmetrix впервые и только пытаетесь научиться им пользоваться, вас будут приветствовать меньшими числами, чем в этом примере. Это связано с тем, что вы, вероятно, не оптимизировали свой веб-сайт по скорости и производительности, в чем вам поможет инструмент GTmetrix.
Отчет PageSpeed
Теперь мы переходим к отдельным отчетам и их индивидуальным рекомендациям. Первый отчет, который будет отображаться при загрузке отчета о результатах GTmetrix, — это PageSpeed.
В этом отчете вы найдете рекомендации по отдельным действиям, которые вы можете предпринять для повышения скорости и производительности вашего веб-сайта. Примеры включают предоставление масштабированных изображений, минимизацию JavaScript, включение сжатия, другой анализ JavaScript и использование кэширования браузера. Затем он предложит вам оценку для каждой категории, классифицирует их по подкатегориям и расскажет, какое влияние это окажет на производительность ваших веб-сайтов.
Например, встраивание небольшого CSS имеет высокий приоритет, поскольку сильно влияет на скорость вашего веб-сайта. В то же время раннее указание набора символов оказывает лишь среднее влияние на скорость вашего сайта. Вы должны сначала решить все проблемы с высоким приоритетом, а затем перейти к проблемам со средним приоритетом.
Кроме того, имейте в виду, что в зависимости от того, как построен ваш веб-сайт, вы не сможете набрать идеальную сотню в каждой категории. Например, веб-сайт нашего агентства должен откладывать JavaScript, но мы можем это сделать, поскольку JavaScript, который не отложен, важен для удобства использования страницы. Во всем, включая оптимизацию производительности и скорости веб-сайта, вам необходимо найти компромисс между удобством использования и скоростью.
Однако отчет PageSpeed послужит вам хорошей отправной точкой и порекомендует отдельные вещи, на которых вы можете сосредоточить свои усилия по оптимизации скорости, чтобы в конечном итоге сделать веб-сайт более быстрым.
YSlow
Следующий отчет, к которому у вас есть доступ с помощью инструмента GTmetrix, называется YSlow.
YSlow сканирует ваш веб-сайт и сравнивает его со списком из 23 правил, основанных на правилах Yahoo для высокопроизводительных веб-сайтов.
Как и в первом отчете, вы получите оценку рекомендации, подкатегорию рекомендации и приоритет.
Опять же, решение проблем с высоким приоритетом должно быть в начале вашего списка — после того, как все они будут решены, вы должны заняться проблемами со средним и низким приоритетом.
Примеры использования YSlow включают добавление заголовков с истекающим сроком действия, минимизацию JavaScript, предотвращение перенаправлений и многое другое.
Вы заметите, что эти два теста во многом совпадают.
Разница между PageSpeed и YSlow очень минимальна. Оба будут запускать ваш веб-сайт с помощью своих собственных алгоритмов и определять, что можно улучшить — каждый будет предлагать разные предложения, что дает вам хороший набор вещей, на которых вы можете сосредоточиться на улучшении своего веб-сайта.
Обычно мы ориентируемся только на рекомендации PageSpeed. Повышение оценки в рекомендациях PageSpeed также повысит оценку в рекомендациях YSlow, и наоборот.
Водопад
Теперь мы наткнулись на каскадную диаграмму, которая, вероятно, является самым важным и полезным инструментом, который может предложить GTmetrix.
Диаграмма водопада предлагает вам визуальное представление времени загрузки каждого отдельного ресурса на вашем веб-сайте, от изображений до шрифтов, HTML, JavaScript и всего остального.
Это действительно полезно, чтобы увидеть, какие ресурсы загружаются больше всего. С помощью этой диаграммы вы можете определить ресурсы с медленной загрузкой и посмотреть, сможете ли вы их заменить. вы также можете сортировать каждый актив по его собственному типу — так что вы можете изолировать все активы JavaScript и сосредоточить свои усилия на этом, затем вы можете изолировать все активы шрифта и сосредоточить свои усилия на этом.
Если вы наведете курсор на полосу отдельного актива, вы сможете увидеть больше информации о фактическом времени его загрузки.
Например, большая часть времени загрузки этого ресурса была заблокирована. Поскольку вы знаете, что блокировка занимает много времени, вы можете сосредоточиться на минимизации времени блокировки, реализуя определенные стратегии.
Этот инструмент также полезен для идентификации каждого ресурса, загруженного на страницу. Если вы видите что-то, что не предназначено для загрузки на странице, вы можете использовать такой инструмент, как очистка активов, чтобы остановить его загрузку на определенной странице, что улучшит вашу оценку GTmetrix и производительность веб-сайта.
Кроме того, если вы видите, что актив заблокирован или его получение занимает очень много времени, вы можете сосредоточить все свои усилия на этом, поскольку он оказывает наибольшее влияние на ваш веб-сайт.
Проще говоря, самые длинные столбцы на каскадной диаграмме — это активы, к которым следует обращаться в первую очередь, поскольку они оказывают наибольшее влияние на время загрузки страницы.
Если вы прокрутите вниз, вы также сможете увидеть загрузку ЦП и использование памяти. Это полезно, чтобы понять, используете ли вы сервер, мощность которого слишком мала для вашего веб-сайта.
Если вы видите, что мощность ЦП достигает 100% для всей загрузки веб-сайта, хорошей идеей будет увеличение мощности ЦП путем перехода к новому провайдеру веб-хостинга.
В нашем примере или в верхней части нашего диапазона, и, вероятно, следует подумать об обновлении нашего плана Cloudways в ближайшем будущем.
Что касается хостинга, если вы ищете хостинг, который предлагает масштабируемую мощность процессора и памяти, позволяет размещать ваш веб-сайт на облачном хостинге корпоративного уровня и предлагает первоклассную поддержку клиентов, взгляните на Cloudways.
Тайминги
Ваша следующая вкладка в отчете GTmetrix называется Тайминги и предлагает вам основную информацию о тайминге вашей страницы. Есть несколько основных этапов, через которые проходит каждая страница. Здесь отображается каждая веха с количеством времени, которое требуется для достижения. В этом примере наше время до 1-го байта составляет 327 миллисекунд, а наш Дом загружается за 0,9 секунды. Наведение курсора на каждое поле вызовет диалог о том, что это означает.
Следует отметить, что каждая коробка имеет свой цвет. Если вы хотите визуально увидеть, где каждая из этих вех встречается на вашей каскадной диаграмме, для каждой вехи есть согласованные по цвету линии.
Таким образом, желтая линия на вашей каскадной диаграмме будет временем до 1-го байта.
На этой странице есть еще один показатель, называемый индексом скорости RUM. Согласно определению GTmetrix, этот показатель «представляет собой показатель производительности загрузки страницы, который показывает, насколько быстро страница была визуально заполнена. Чем ниже оценка, тем лучше».
Видео
На следующей вкладке будет показано видео загрузки вашей страницы, если вы включили его в параметрах бесплатного анализа, которые мы обсуждали в начале этого поста. Это позволит вам визуально определить, какие элементы вызывают проблемы с загрузкой. Водопадная диаграмма гораздо полезнее для этого, но видео нужно посмотреть, и оно может быть полезно в некоторых ситуациях.
История отчетов (сравнение отчетов сверхурочно)
На вкладке истории отчетов вы можете просмотреть изменения между основными показателями в отчетах GTmetrix. Например, если вы запустили отчет месяц назад, а он только что запустил еще один, вы можете графически сравнить все между ними.
На самом деле это очень полезно, если вы внедряете оптимизацию скорости на своем веб-сайте и хотите увидеть, имеет ли это значение.
Заключение
Это руководство должно было познакомить вас с инструментом оценки производительности GTmetrix, ответить на важный вопрос «Как мне использовать GTmetrix» и дать представление о каждой небольшой категории. Мы большие поклонники этого инструмента из-за его простоты, пользователи, не являющиеся техническими специалистами, могут легко понять большинство его аспектов и возможностей. Запуск этого отчета сгенерирует множество вещей, которые вы можете сделать, чтобы сделать ваш сайт быстрее.
Более того, GTmetrix — это бесплатный инструмент, и все, что мы только что упомянули в этом сообщении в блоге, доступно, если перейти на домен https://gtmetrix.com/ и ввести свой URL-адрес в панель анализа.
Точно ли GTmetrix измеряет основные веб-жизненные показатели? Q/A Session
Все мы знаем старую поговорку: «Это может быть быстро, но хорошо ли это?» Что ж, как общество, мы, кажется, потеряли способность терпеливо ждать.
Сегодня скорость действительно имеет значение. Если мы сможем сделать что-то быстрее, чем наши конкуренты, у нас больше шансов на успех.
Более быстрая загрузка страниц, более быстрый отклик кнопок, более быстрый поток корзины и более быстрые результаты оплаты. Ваш веб-сайт по-прежнему должен быть хорошим, но обычно выигрывает скорость. Скорость была основным принципом нашей бизнес-модели здесь, в Rocket.net, с момента нашего запуска.
С тех пор, как Google выпустила свои Core Vitals и Core Web Vitals, мы уделяем больше внимания производительности и скорости наших веб-сайтов, чем когда-либо прежде. В дополнение к Core Web Vitals Google измеряет растущее число ориентированных на пользователя показателей отклика, включая взаимодействие до следующей отрисовки (INP) и время до первого байта (TTFB).
Но как узнать, проходит ли ваш веб-сайт этот тест на взаимодействие с пользователем? Мы напрямую связались с Яном Фамом из GTmetrix (ведущий инструмент мониторинга производительности веб-сайтов) и спросили их, является ли GTmetrix точным для правильного измерения Core Web Vitals?
Ян великодушно согласился ответить на несколько вопросов.
Эй, Ян. Может быть, вы можете представиться и рассказать нам немного больше о своем опыте и времени, проведенном с GTmetrix
Конечно, меня зовут Ян Фам, и я работаю в GTmetrix с момента ее основания в 2009 году./2010 (Уф, это звучит как вечность назад!). Я начинал как дизайнер пользовательского интерфейса для GTmetrix, а теперь отвечаю за общие операции и управление в качестве руководителя платформы.
Как появилась GTmetrix?
GTmetrix начинался как небольшой внутренний инструмент для нашего , а затем хостингового бизнеса материнской компании.
Цель состояла в том, чтобы показать клиентам, что их веб-сайты не оптимизированы для внешнего интерфейса — некоторые из них отправляли заявки о низкой производительности, и мы хотели показать им, что внутренний сервер не является проблемой.
Мы быстро собрали инструмент, используя библиотеки Google PageSpeed/Yahoo YSlow, и запустили веб-сайты клиентов с помощью этого инструмента.
Первая версия GTmetrixЭто выявило чрезмерное использование изображений, слишком много запросов, неэффективные перенаправления, сторонние ресурсы и т. д. — все то, что мы как хост в то время не могли контролировать. Для клиентов было очень показательно видеть, насколько раздулись их страницы в ходе разработки.
Клиентам понравился итоговый отчет, и они спросили, можем ли мы создавать отчеты для веб-сайтов, размещенных в других местах, отправляя нам несколько URL-адресов для запуска, публикуя результаты на различных форумах и т. д.
Мы знали, что у нас в руках ценный инструмент, поэтому с помощью быстрого редизайна, выбора имени и изменения кодовой базы мы запустили GTmetrix для широкой публики в 2010 году.
что люди вдруг впервые стали активно интересоваться скоростью своего сайта. Был Pingdom и GTmetrix, с чем связан переход на производительность сайта?
Я думаю, что главной причиной этого было объявление Google в апреле 2010 года о том, что они будут учитывать скорость в поисковом рейтинге.
Нам повезло, что мы запустились примерно в то же время — мы резко увеличили трафик и расширили набор функций, чтобы у владельцев сайтов было все, что им нужно для создания быстрого веб-сайта.
Второй внезапный интерес к производительности возник примерно 2 года назад, когда было объявлено, что Web Vitals является сигналом ранжирования в поиске для мобильных веб-сайтов. К счастью, мы уже планировали отказаться от старых библиотек PageSpeed/YSlow, и до запуска GTmetrix с метриками Lighthouse (включая Web Vitals) оставалось несколько месяцев.
Я знаю, что он по-прежнему доступен в традиционных отчетах, но у GTmetrix изначально был тест с общей загрузкой по времени, и люди были расстроены, когда вся эта штука с основными веб-жизненными показателями стала реальностью. Каково было в GTmetrix, когда люди начали волноваться из-за изменений?
Определенно всплеск обращений в службу поддержки! Когда мы перешли на метрики Lighthouse, многие пользователи пришли в бешенство из-за того, что их оценки «ухудшились», и сказали нам откатить обновление.
Многие привыкли видеть, что их веб-сайты оцениваются по шкале Green/A, и были расстроены тем, что «вся их тяжелая работа оказалась бесполезной» с этим новым релизом.
В действительности это было изменением в методологии оценки — предыдущий метод оценки производительности страницы (т. е. основанный на времени полной загрузки) устарел и больше ориентировался на структуру вашего веб-сайта, а не на то, как он на самом деле выполнено с точки зрения ориентированных на пользователя показателей.
В конце концов мы позволили генерировать устаревшие отчеты по желанию пользователей, но Web Vitals сосредоточился на новых показателях, которые действительно важны для восприятия быстро загружаемого веб-сайта — для GTmetrix было необходимо оценить производительность на основе этих показателей, чтобы оставаться быть в курсе более широкого мира веб-производительности, особенно если они являются ключевыми показателями, которые Google рассматривает для SEO.
Хотя многие это понимали, были и такие, которым вообще не нравились перемены.
Было проведено много разъяснений и дискуссий с клиентами о том, почему им необходимо перейти на Web Vitals.
Говоря об этом, каково ваше общее мнение о Core Web Vitals, оказывает ли оно какое-либо реальное влияние на SEO как фактор ранжирования?
Улучшение SEO всегда рекламировалось как причина для оптимизации производительности сети. Хотя мы знаем, что это играет некоторый фактор в улучшении поисковой выдачи (сам Google сказал об этом), мы до сих пор не знаем, насколько сильно, и мы не видели каких-либо явных и очевидных примеров улучшения SEO в результате одной лишь оптимизации производительности. .
Однако, когда пользователи оптимизируют производительность, мы ясно и очевидно видим улучшение:
- Показателей отказов
- Просмотров страниц
- Коэффициентов конверсии
- Продаж/дохода
- Общего вовлечения
Этого должно быть достаточно. поставить приоритет веб-производительности над любыми преимуществами SEO.
Мы всегда говорили, что нужно оптимизировать веб-производительность для ваших пользователей , а не только для SEO.
По вашему опыту, что является самой большой проблемой для людей, не являющихся техническими специалистами, в улучшении их Core Web Vitals?
Все, что связано с JavaScript. В наши дни JavaScript является неотъемлемой частью практически каждого веб-сайта, и добавить функциональность JavaScript на сайт довольно просто, особенно если вы используете CMS, такую как WordPress (например, с помощью плагинов). Однако оптимизация JavaScript — это совсем другая история, и загрузка, синтаксический анализ и выполнение JavaScript (как собственного, так и стороннего) часто являются основными виновниками низкой производительности.
Некоторые передовые методы оптимизации JS (такие как разделение кода, удаление повторяющихся модулей, ленивая загрузка сторонних ресурсов с помощью фасадов и т. д.) не могут быть легко исправлены одним нажатием кнопки, поскольку они требуют знания кодовая база веб-сайта – здесь практически необходим опыт разработчика.
LCP, CLS, прочее? В чем ошибается большинство людей, пытаясь улучшить производительность своего веб-сайта?
Web Vitals в целом — это та область, которую большинство людей обычно изо всех сил пытаются оптимизировать, поскольку каждый Web Vital ориентирован на разные аспекты взаимодействия с пользователем: LCP измеряет производительность загрузки, CLS измеряет визуальную стабильность, а TBT измеряет удобство использования вашего сайта. Даже если вы можете в некоторой степени оптимизировать LCP с помощью плагинов кэширования (и других относительно простых оптимизаций), оптимизация CLS и TBT требует больше технических навыков. CLS требует понимания видовых экранов, того, как браузеры отображают контент и какие запросы и в каком порядке загружаются. TBT, по нашему мнению, является еще более сложной метрикой для оптимизации, поскольку понимание выполнения JavaScript требует более высокого уровня технических знаний.
TTFB — еще одна метрика, с которой некоторые люди борются, так как это может быть связано с плохим внутренним кодом или недостаточными ресурсами хостинга.
Аудит «уменьшить начальное время отклика сервера» — один из самых отмеченных аудитов в отчетах GTmetrix, с которыми мы сталкивались. Вот почему так важно, чтобы ваш веб-сайт не имел недорогого/бюджетного хостинга — мы слишком часто видели, как люди объединяют веб-сайт WordPress/WooCommerce/Premium Theme с дешевым хостингом и удивляются, почему их производительность находится в минусе.
Прогнозируется, что FID будет пересчитан с введением Interaction to Next Paint (INP). Как вы это видите?
Это определенно интересная метрика, позволяющая получить представление о производительности, связанной с реальным взаимодействием, которое, возможно, более реалистично, чем неинтерактивная загрузка страницы.
Однако, поскольку он по-прежнему помечен как экспериментальный, большинству вещей, которые Google помечает как таковые, нужно время, чтобы созреть. Я помню, когда предполагалось, что «First Meaningful Paint» заменит «First Contentful Paint» как лучшее представление первого релевантного рендеринга в браузере, но в ходе тестирования он оказался слишком ненадежным в качестве метрики.
Не говорю, что INP постигнет та же участь, но мы следим за ним и смотрим, станет ли он достаточно стабильным, прежде чем рассматривать внедрение в отчеты GTmetrix.
Я понимаю, что у GTmetrix есть серверы по всему миру для тестирования из разных мест, как именно это работает?
Всего у нас есть 82 тестовых сервера, работающих в 22 локациях (7 бесплатных и 15 премиальных локаций) по всему миру. Это сделано для того, чтобы мы могли покрыть почти все континенты на планете (кроме Антарктиды, конечно). У нас есть глобальная база пользователей, и эти владельцы веб-сайтов также, как правило, имеют глобальную базу пользователей, поэтому крайне важно, чтобы мы дали им возможность увидеть, как местоположение влияет на производительность их сайта.
У нас есть собственная серверная инфраструктура в нашем доме в Ванкувере, Канада, и мы используем комбинацию виртуальных серверов Azure и AWS, чтобы предоставлять почти одинаковое оборудование по всему миру.
Когда пользователь выбирает одно из наших местоположений для тестирования (например, Сидней, Австралия), мы фактически загружаем страницу из нашего местоположения в Сиднее, используя реальный браузер, чтобы проанализировать, как страница будет восприниматься пользователем, посетившим страницу из Сиднея.
Каковы преимущества использования теста GTMetrix по сравнению с тестом Google PSI?
GTmetrix и Google PageSpeed Insights (PSI) работают на Lighthouse, однако на этом сходство заканчивается. Наша методология тестирования полностью отличается, поскольку мы фокусируемся на «наблюдаемой производительности» (т. е. мы используем настоящий браузер для загрузки страницы и сбора полученных данных). PSI, с другой стороны, фокусируется на «симуляции производительности» (т. е. они используют безголовый браузер и имитацию дросселирования/фонаря для имитации загрузки страницы на обычном устройстве).
Другими словами, результаты GTmetrix ближе к тому, что реальный пользователь испытал бы при загрузке вашей страницы в своем браузере.
PSI также не позволяет вам изменять какие-либо параметры тестирования, но GTmetrix позволяет вам изменять местоположение, скорость соединения, устройство и позволяет проводить тестирование в различных сценариях (например, Adblock, Cookies, HTTP-аутентификация , так далее.).
Кроме того, GTmetrix предоставляет другие функции, такие как каскадные диаграммы (для сопоставления различных показателей времени и показателей с тем, как загружаются запросы страниц), мониторинг и оповещения (автоматическое тестирование с запланированной периодичностью и оповещения для отчетов, когда производительность отклоняется от ожидаемого профиля), отслеживание исторической производительности ( с помощью различных графиков и диаграмм), организация отчетов и загрузка CSV-файлов с историей и т. д.
В то время как PSI подходит для выборочной проверки вашей производительности, GTmetrix полезен как более надежный и долгосрочный инструмент отслеживания производительности для пользователей всех уровней.
Что дальше для GTmetrix?
Мы работаем над некоторыми интересными функциями, которые помогут вам лучше организовывать отчеты, лучше сотрудничать в команде и просто лучше понимать свои результаты, чтобы вы могли принимать более обоснованные решения.
Наша цель состоит в том, чтобы сделать оптимизацию веб-производительности более понятной и доступной как для технических, так и для нетехнических пользователей.
Спасибо, Ян, так много здесь, что я не знал о происхождении GTmetrix и о том, как все развивалось с годами. Я думаю, что читатели найдут это действительно полезным.
Мне очень приятно, что вы предоставили мне возможность рассказать нашу историю. Обязательно посетите GTmetrix и дайте нам знать, если у вас возникнут вопросы!
В дополнение к планированию, сборке, заполнению и запуску веб-сайты вашего клиента нуждаются в постоянном мониторинге и оптимизации, чтобы поддерживать их максимальную эффективность.
Платежные шлюзы, CDN, интеллектуальное кэширование, программатик-реклама, пограничные серверы — наши веб-сайты с каждым днем становятся все более похожими на ракетостроение.
Итак, как мы узнаем, работают ли наши веб-сайты на 80% или 90% своей мощности? Верно. Мы измеряем это.
«Проверка скорости GTmetrix покажет вам массу информации. Однако вы можете сравнить свои результаты с помощью альтернативного инструмента проверки скорости веб-сайта, такого как IsItWP Website Speed Test Tool или Pingdom».
wpbeginner.comЧто такое GTmetrix?
GTmetrix — это продукт компании Carbon60, который тестирует скорость Интернета с 2009 года. Это простой в использовании инструмент для мониторинга и повышения производительности вашего веб-сайта. Производительность , что касается времени загрузки и удобства использования вашего веб-сайта, является последним фактором ранжирования Google в центре внимания SEO.
Если вы хотите быть в списке на полезной позиции в любых результатах поиска, вы (надеюсь) обращали внимание на производительность вашего веб-сайта и веб-сайтов ваших клиентов.
Если GTmetrix до сих пор вам неизвестен, вы наверняка слышали о Google «Page Speed» наряду с «Pingdom»; две услуги, которые особенно хорошо известны.
Вот презентация GTmetrix Elevator
GTmetrix дает вам обзор того, что замедляет работу вашего сайта. Он дает вам различные предложения о том, как улучшить вашу скорость и производительность. GTmetrix предлагает вам два способа сделать это.
Во-первых, зайдя на их сайт и введя URL вашего сайта. Если вы создадите учетную запись, тестирование, которое вы здесь проведете, будет сохранено в вашей истории. Хорошая функция.
Кроме того, вы можете использовать плагин GTmetrix для WordPress. Использование плагина для вашего сайта WordPress занимает немного больше времени, чем вариант А. Вам нужно будет установить плагин и создать бесплатную учетную запись GTmetrix. Учетная запись дает вам ключи API для плагина и определенное количество ежедневных запросов. Однако плагин генерирует только старые отчеты PageSpeed/YSlow, поэтому, если вы ищете метрики Lighthouse, придерживайтесь веб-сайта GTmetrix.
.
По умолчанию бесплатные настройки тестирования для GTmetrix: Ванкувер, Канада, рабочий стол и браузер Chrome (изображение ниже).
С бесплатной учетной записью вы можете воспользоваться многими другими функциями.
Вы можете зарегистрировать платную учетную запись, начиная с 9 долларов в месяц, которая предлагает неограниченные запросы и другие функции.
Вы можете зарегистрировать платную учетную запись, начиная с 13 долларов в месяц (скидки предоставляются на более долгосрочные планы), которая предлагает больший объем тестирования и более продвинутые функции.
Создайте бесплатную учетную запись GTmetrix: https://gtmetrix.com
Создайте платную учетную запись GTmetrix: https://gtmetrix.com/pricing.html
Загрузите плагин WordPress: https://wordpress. org/plugins/gtmetrix-for-wordpress
Установка плагина GTmetrix в WordPress — отличное решение, если вы предпочитаете отслеживать производительность своего сайта, не покидая его.
Создайте бесплатную учетную запись и сгенерируйте ключ API (ниже)
Войдите на свой веб-сайт WordPress и установите плагин GTmetrix
Добавьте свой ключ API и адрес электронной почты вашей учетной записи GTmetrix
Теперь вы можете начать измерения, проверив свою главную страницу или введя URL-адрес или название страницы
Что делает мой тест скорости GTmetrix Средние баллы?
Прежде чем мы перейдем к самому инструменту, было бы неплохо поговорить о том, как запустить тест скорости веб-сайта. Существует множество инструментов, в том числе GTmetrix. Многие из них замечательны, но они не очень полезны, если вы проверяете скорость своего сайта только один раз и только на определенных страницах.
Как и при любом тестировании, вам необходимо выполнять много тестов с течением времени. Экспериментируйте с различными факторами, чтобы получить наилучшие и наиболее точные результаты. То, что вы прошли тест скорости сейчас, не означает, что вы пройдете его в следующем месяце.
Не проверяйте только главные страницы. Каждая страница на вашем сайте имеет значение. Люди пытаются заказать пару обуви с вашего сайта по телефону, с минимальным Wi-Fi, в гараже, в субботу вечером, в Уичито. Они не сидят в вашем офисе, просто вызывая вашу домашнюю страницу на рабочем столе.
Производительность вашего веб-сайта подвержена ежедневным колебаниям и зависит от различных факторов, таких как количество посетителей или требуемые и доступные ресурсы вашего хостинг-сервера.
Для получения наиболее точных результатов тестирования вам необходимо:
- проводить тестирование в течение более длительного времени (недели, а не дни)
- тестировать на различных устройствах
- выполнять различные задачи на вашем веб-сайте
- тестировать в разное время суток
Как выглядят отчеты GTmetrix?
Прямо из коробки есть полезная разница между отчетами GTmetrix и другими инструментами. Если ваши клиенты хотят быть в курсе производительности веб-сайта, эти отчеты дадут им более четкое представление, чем Google Page Speed Insights.
Отчеты «Сводка», «Производительность», «Структура» и «Каскад» удобно разделены на вкладки вместе с отчетливо видимыми основными показателями. Вкладки «Видео» и «История» (также бесплатные) также находятся прямо в интерфейсе.
Отчет о производительности содержит показатели производительности (веб-жизненные показатели), за которыми следует время работы браузера.
В структурном отчете приводится подробная информация о каждой проблеме, проверенной аудитом, так что у вас есть хороший обзор каждого действенного улучшения, которое вы можете сделать перед следующим тестом производительности.
Диаграмма водопада дает вам разбивку загрузки вашей страницы по запросам. Диаграмма водопада подробно показывает, какие факторы влияют на скорость вашего сайта. Вы можете увидеть, сколько времени требуется файлу и в каком порядке загружаются файлы.
Одной из наиболее интересных функций GTmetrix является видео загрузки вашего веб-сайта. Это видео можно встроить и поделиться с клиентами.
(ниже) Это функция, которая делает GTmetrix таким ценным. На видео показана структура страницы. Но этот простой трюк позволяет вам и вашим клиентам четко различать измеренное время загрузки и воспринимаемое время загрузки.
На сегодняшний день лучшая функция, которую GTmetrix предлагает как в тарифах Free, так и в PRO, — это History Graph. Отчет сохраняется каждый раз, когда вы измеряете свой веб-сайт. (ниже) Сравнение времени загрузки вашего сайта за несколько дней или недель может быть очень информативным.
Существует 3 графика истории, которые помогут вам следить за производительностью вашей страницы, отслеживая следующее: ключевые показатели производительности, количество HTTP-запросов и общий размер страницы, баллы страницы
В чем разница между GTmetrix и Google PageSpeed?
Если вы уже используете PageSpeed или другой инструмент мониторинга производительности, возможно, вы не знакомы с GTmetrix. Если это так, вы, возможно, уже отвечаете на этот вопрос для себя.
Функции, доступные в бесплатной учетной записи GTmetrix, потрясающие!
Если мы сравниваем две системы, то мы сравниваем яблоки с апельсинами. GTmetrix дает вам больше практических ощущений при тестировании.
Клиенты будут более чем приятно удивлены дополнительной информацией о тестировании и производительности веб-сайта прямо из коробки.
Google PageSpeed Insights — это инструмент, который оценивает скорость загрузки, а также поведение веб-страницы. Он измеряет просмотры мобильных и настольных компьютеров и дает конкретные предложения по улучшению в зависимости от результатов.
PageSpeed измеряет время загрузки данного URL-адреса, вычисляет оценку и анализирует веб-сайт на предмет возможных улучшений. Самое замечательное в этом то, что любой URL-адрес можно ввести и проверить бесплатно, без создания учетной записи.
GTmetrix — решение для мониторинга веб-сайтов. Он использует измерения Google с 2020 года, включая Core Web Vitals.
Это отраслевой стандарт для измерения производительности веб-сайта.
Вы можете протестировать свой веб-сайт с помощью GTmetrix с любой комбинации устройства и браузера по вашему выбору, включая мобильные телефоны. Вам необходимо зарегистрироваться, чтобы настроить эти параметры.
Основное преимущество GTmetrix по сравнению с PageSpeed Insights заключается в том, что вы можете отслеживать производительность своего веб-сайта с течением времени, проводить эксперименты и иметь единый обзор производительности вашего веб-сайта.
Иногда показатели производительности GTmetrix могут отличаться от результатов других инструментов. Эти различия обусловлены различными факторами: реализацией Lighthouse, методологией тестирования, местом тестирования, скоростью соединения, аппаратным обеспечением и т. д.
Поскольку разные инструменты используют разные методологии и конфигурации, показатели производительности будут различаться. Lighthouse может быть общим компонентом, но есть различия в том, как реализован Lighthouse.
PageSpeed Insights и web.dev — это инструменты Google. Они используют Маяк по-своему. Ключевое отличие заключается в том, что PageSpeed Insights предоставляет данные о пользовательском опыте Chrome (CrUX). Это фактические пользовательские данные, собранные из браузеров Chrome по всему миру и предоставляющие данные о реальной эффективности пользователей.
GTmetrix предлагает лабораторные/синтетические тесты. Анализ выполняется в контролируемых средах и сценариях.
«GTmetrix может быть лучшим вариантом для компаний и организаций, которые быстро обновляют веб-страницы или обслуживают быстро меняющийся рынок. Это связано с тем, что пользователи могут выполнять автоматический мониторинг по расписанию, что позволяет им получать обновления о производительности своих веб-страниц».
techrepublic.comЯвляется ли GTmetrix точным для надежных результатов производительности веб-сайта?
GTmetrix точен, но результаты и тестирование могут отличаться от того, к чему привыкли вы или ваши клиенты.
Тестирование GTmetrix выполняется в реальном браузере для загрузки веб-сайтов с нерегулируемым соединением (без порогов использования) по умолчанию. Некоторые параметры тестирования (местоположение, скорость и тип соединения, разрешение экрана и т. д.) можно изменить в зависимости от требований к тесту и плана пользователя.
PageSpeed Insights и тест web.dev используют регулирование скорости сети (пороги использования) для имитации загрузки страницы при различных сетевых условиях. Кроме того, PageSpeed Insights и web.dev используют Lantern, который моделирует активность страницы и имитирует работу браузера для оценки показателей производительности.
Отчет о скорости страницы в GTmetrix (выше) и отчет PageSpeed Insights от Google
Какой тест производительности веб-сайта следует использовать — GTmetrix или Google PageSpeed?
Как GTmetrix, так и PageSpeed Insights предоставляют ценные наборы соответствующих функций веб-мониторинга и анализа.
GTmetrix может быть лучшим вариантом для вас, если веб-сайты вашего клиента регулярно обновляются или обслуживают быстро меняющийся рынок. Вы можете выполнять автоматический мониторинг по расписанию с помощью GTmetrix, предоставляя вам регулярные и архивные обновления. Вы также можете определить тип и скорость интернет-соединения, чего нельзя сделать в PageSpeed Insights.
Инструмент PageSpeed Insights может быть лучше, если ваши клиенты плохо знакомы с мониторингом производительности веб-сайта. Они могут воспользоваться онлайн-доступом PageSpeed и упрощенными предложениями по улучшению.
«GTmetrix — одна из лучших альтернатив PageSpeed Insights, когда речь идет об измерении производительности вашего сайта. В WP Rocket мы ежедневно используем GTmetrix вместе с другими инструментами тестирования производительности, чтобы помочь нашим клиентам проверять свои сайты и максимально использовать его рекомендации».
wp-rocket.meКак улучшить показатели GTmetrix на моем веб-сайте?
Оценка 100/100 практически не работает, особенно если вы используете пользовательские функции на своем веб-сайте. Оценка от 80 до 90 желательна как для поисковой системы, так и для ваших посетителей.
Забавный факт: 80% всех домашних страниц из списка Fortune 500 имеют показатель производительности менее 50 (storyblok.com)
В отчете о структуре GTmetrix предоставляет список всех аудитов, пройденных или нет. Затем вы можете пройтись по каждому действенному элементу и со временем перейти от желтого к зеленому — «нужно улучшить» — к «хорошему».
Структурный отчет содержит детализированный список каждого аудита. (изображение выше). Нажмите на один из открытых, чтобы открыть все подробности, относящиеся к этому аудиту, чтобы увидеть, что нуждается в улучшении. (изображение ниже)
Первое, что вы можете сделать, чтобы улучшить производительность вашего сайта, это на уровне сервера.
Ваш веб-сервер работает медленно?
Возможно. Мы советуем использовать веб-службу CDN
Сеть доставки контента — это сеть из множества серверов, таких как Cloudflare, разбросанных по всему миру, на которых хранятся ваши файлы. Это позволяет вашим посетителям в других странах или континентах получать файлы для вашего веб-сайта намного быстрее, чем на обычном сервере.
Что еще вы можете сделать прямо сейчас, чтобы улучшить скорость вашего сайта?
- Уменьшение размера файлов (например, изображений)
- Уменьшение размера шрифтов
- Ленивая загрузка (закадровых) изображений
- Минимизация и сжатие скриптов и стилей
- Устранение ресурсов JavaScript 9088 5
- Сокращение файлов CSS
- Очистка и тестирование файлов CSS
«GTmetrix — один из самых популярных способов тестирования производительности WordPress (или производительности веб-сайтов любого другого типа).
winwp.comТем не менее, он выдает вам много данных и предложений, поэтому может быть сложно понять, как использовать его наиболее эффективно».
Как получить результаты GTmetrix Mobile?
GTmetrix тестирует результаты для мобильных устройств с 2013 года. В то время два телефона Samsung Galaxy Nexus включали их набор для мобильного тестирования, что позволяло пользователям создавать отчеты GTmetrix на основе фактической загрузки страниц на этих устройствах. С тех пор они прошли долгий путь!
Понятно, что мы давно прошли «мобильный момент». Еще в 2011 году продажи мобильных устройств превзошли настольные компьютеры. Всего два года спустя Facebook сообщил, что больше людей заходили на его платформу с мобильных устройств, чем с настольных компьютеров. Сегодня не менее половины трафика нашего сайта приходится на мобильные устройства. Тест Good PageSpeed по умолчанию, как и сам алгоритм поиска Google, ориентирован на мобильные устройства.
Google предполагает, как и должно быть, что люди будут посещать наши веб-сайты с мобильных устройств.
«Пользователи GTmetrix PRO имеют доступ к мобильному тестированию, как с помощью реального аппаратного решения (только Chrome Android, Galaxy Nexus, Vancouver), так и с помощью нашего тестирования с имитацией устройств, которое позволяет вам тестировать и контролировать свою страницу с более чем 30 различные устройства и варианты».
GTmetrixGTmetrix предлагает два типа тестирования мобильных устройств:
- Настоящее аппаратное устройство Android, расположенное в Ванкувере, Канада.
- Тестирование симуляции устройства во всех местах, доступных на уровне плана PRO.
Выбрать мобильное устройство, которое вы хотите протестировать, очень просто:
Войдите в свою учетную запись GTmetrix и введите URL-адрес тестируемого сайта. С правой стороны нажмите «Настройки страницы»
. Войдите в свою учетную запись или используйте бесплатную версию, чтобы проверить производительность своего веб-сайта.
Некоторые настройки страницы можно изменить в бесплатной версии. Для других настроек требуется план PRO.
Используя настройки страницы, вы можете выбрать город, браузер и устройство, а также скорость интернета. Бесплатная учетная запись предлагает выбор опций, которые можно расширить с помощью версии PRO.
Затем вы можете выбрать браузер, устройство и скорость интернета. Бесплатная учетная запись предлагает выбор опций, которые можно расширить с помощью версии PRO.
Может ли GTmetrix сообщить мне, что мой сервер работает медленно?
Да, GTmetrix может сообщить вам, если ваш сервер работает медленно, и это хорошо. Вы можете повлиять на три важных фактора, которые увеличат время загрузки вашего веб-сайта:
- Скорость вашего хостинг-сервера
- Количество и размер данных, которые необходимо передать
- Количество файлов, которые можно передать параллельно
Время до первого байта (TTFB или время первого байта) является одним из первых значений, которые можно измерить на пути к полностью загруженному веб-сайту, а представляет собой время, необходимое для установления соединения с вашим сервером и последующего получения первого байта данных страницы обратно .
В GTmetrix это общее время, затраченное на перенаправление (если есть), выполнение поиска DNS, сокетов, согласование SSL (рукопожатие) и ожидание, пока ваш сервер создаст вашу страницу. Если вы измеряете Google Core Web Vitals своего веб-сайта, то TTFB — это большая вещь.
Чем больше времени требуется для получения данных с сервера, тем больше времени требуется для отображения вашей веб-страницы. Google рекомендует поддерживать значение TTFB менее 200 миллисекунд. В Rocket мы гордимся тем, что наша платформа имеет глобальное среднее значение TTFB, что составляет менее 100 мс , если только в некоторых местах нет проблем с сетью.
Значение TTFB заключается в том, что это самая важная метрика, о которой никто не думает для Core Web Vitals. Это делает его наиболее важной метрикой для ваших веб-сайтов. Почему? Помните, скорость побеждает!
GTmetrix измеряет не только Google Core Web Vitals (первое изображение ниже), но и скорость ответа вашего сервера, как показано в TTFB (второе изображение ниже)
GTmetrix отчитывается по всему моему веб-сайту или только по одному URL-адресу?
Бесплатная учетная запись GTmetrix позволяет еженедельно тестировать ограниченное количество URL-адресов, а также отслеживать один URL-адрес ежедневно, еженедельно или ежемесячно.
План GTmetrix PRO позволяет отслеживать дополнительные URL-адреса с ежечасной частотой.
Как мы уже писали, каждая страница на вашем сайте имеет значение. Некоторые страницы могут быть тяжелее других или вызывать проблемы со скоростью, с которыми вы сталкиваетесь. GTmetrix не выполняет массовое тестирование, но вы можете протестировать каждый URL-адрес и сравнить производительность разных страниц.
Как сравнить URL-адреса в GTmetrix?
После создания отчета для URL нажмите «Сравнить» в правом верхнем углу. Затем вы можете сравнить другой URL-адрес с ранее протестированным.
Введите URL-адрес, который вы хотите сравнить с только что созданным отчетом, или напрямую вставьте URL-адрес отчета GTmetrix другого отчета, который вы хотите сравнить. Экран сравнения с результатами сравнения появится автоматически.
Если вы хотите сравнить дополнительные URL-адреса, нажмите кнопку «Добавить другой URL-адрес» — вы можете сравнить до 4 уникальных URL-адресов.
Подводим итоги!
Если вы еще не используете GTmetrix, спросите себя, почему. Базовая версия бесплатна. Скорость хорошая. Бесплатно это хорошо!
По сравнению с другими инструментами, GTmetrix довольно прост в использовании. Если вы новичок, вы можете научиться этому довольно быстро. Оценки и рекомендации генерируются с помощью Lighthouse (или PageSpeed/YSlow для устаревших отчетов), дополненного собственным опытом GTmetrix и запатентованными формулами.
Удобство использования GTmetrix очень велико. Пользовательский интерфейс довольно прост, а четкое отображение значений KPI является несомненным плюсом. Спектр функций, включая отслеживание производительности страниц для серверов по всему миру, видео и параметры расширенного анализа, огромен. В дополнение к основным значениям, таким как скорость сайта и размер страницы, вы также получите множество советов по оптимизации.
Повысьте производительность своего веб-сайта с помощью Rocket!
Наша команда экспертов готова.
Большинство владельцев веб-сайтов несколько раз меняли хостинг-провайдеров за историю своего сайта. Мы уверены, что вы не оглянетесь назад, как только перейдете на Rocket.net.
Лучшая поддержка клиентов 24/7, сверхвысокая скорость, простота использования и доступ к лучшим инструментам и ведущим в отрасли ресурсам всегда должны быть стандартными. Мы революционизируем то, как ваш сайт WordPress обслуживается по всему миру, и мы с нетерпением ждем возможности сотрудничать с вами в развитии вашего бизнеса.
Как использовать GTMetrix для ускорения работы вашего сайта?
Скорость очень важна для SEO , и если скорость вашего сайта очень низкая, пользователи могут покинуть ваш сайт, и показатель отказов будет увеличен. Так что надо думать о Как улучшить скорость вашего сайта . На рынке доступно множество бесплатных инструментов для проверки скорости вашего сайта. GTMetrix — это один из инструментов, который используется для получения подробных отчетов о производительности веб-сайта.
Конечно, он использует комбинацию Google PageSpeed Insights и YSlow для получения оценок и рекомендаций, поэтому ваши результаты должны быть точными.
GTmetrix создан людьми из GT.net — хостинговая компания из Ванкувера, Канада. Этот инструмент действительно полезен в SEO , а также для разработчиков. Вы можете получить представление о том, что не так с веб-сайтом, и легко улучшить его с помощью GTMatrix . Он очень подробно проверяет показатели Google PageSpeed и YSlow, присваивая вашему сайту оценку от F до A . Отчеты GTMatrix разделены на пять различных разделов, включая PageSpeed, YSlow, каскадную разбивку, видео и историю. Хороший PageSpeed или YSlow баллов означает, что ваша страница оптимизирована для максимально быстрого отображения браузером. Однако оценки, которые он дает, не являются точными на 100%. В настоящее время у вас может быть плохое интернет-соединение или на ваш сайт заходит много посетителей — инструмент поставит вам более низкую оценку, чем обычно.
Как использовать GTMetrix?
Чтобы запустить отчет о производительности GTMetrix для вашего веб-сайта, выполните следующие действия:
- С помощью браузера перейдите на https://gtmetrix.com.
- В текстовом поле введите URL вашего веб-сайта:
- Нажмите «Проверить свой сайт». GTMetrix анализирует ваш сайт.
Важно отметить, что время выполнения анализа зависит от того, насколько загружен сайт GTMetrix в данный момент, а также от скорости вашего собственного сайта. Весь процесс анализа может занять от нескольких секунд до минуты.
После того, как GTMetrix завершит анализ вашего веб-сайта, он отобразит отчет о производительности вашего сайта.
Сведения о странице — это самая важная и оперативная информация о производительности вашего веб-сайта:
Время полной загрузки
Время, необходимое для того, чтобы ваша страница стала интерактивной в тестовом браузере , выраженное в секундах.
Общий размер страницы
Общий объем данных , загруженных на тестовый сервер, в МБ, включая все мультимедийные ресурсы, такие как изображения.
запросов
Это количество отдельных HTTP-запросов , сгенерированных вашим сайтом с помощью скриптов, CSS и т. д.
ОтчетыGTMetrix разделены на пять различных разделов, включая PageSpeed, YSlow, водопад, разбивку , видео и историю.
На отдельных вкладках под областью сводки производительности в результатах gtmatrix можно увидеть, в каких конкретных областях ваш веб-сайт работает хорошо или плохо.
Скорость страницы
Pagespeed показывает самую основную информацию и самый простой способ ускорить загрузку вашего сайта. Рекомендации оцениваются с использованием системы букв, где от A до F (от лучшего к плохому). В столбцах «Тип» показано, к какому типу контента или области относятся рекомендации (контент, сервер, js и т.
д.), а в последнем столбце, , приоритет , указывается важность отдельной проблемы в общем результате. (Высокий, Низкий и Средний).
Используя маленькую стрелку слева от размера каждой рекомендации , вы можете расширить раздел.
YМедленно
YSlow — следующая категория результатов. Аналогично предыдущей вкладке ( pagespeed ) тест YSlow представляет ключевые области, по которым ваш сайт работает медленно. На этой вкладке предлагаются предложения по повышению производительности вашей страницы и предоставляется подробная статистика, связанная со страницей, в дополнение к обобщению различных компонентов страницы.
Водопад
Это диаграмма каждого отдельного запроса, сделанного вашим сайтом, включая файлы мультимедиа, JavaScript , CSS и т. д. Она отображает поведение загрузки вашего веб-сайта в зависимости от запроса. Здесь отображаются все сценарии, медиафайлы и/или сторонние ресурсы, запрашиваемые вашей страницей.
Тайминги
На вкладке таймингов отображаются некоторые расширенные результаты, эти события включают:
- Продолжительность перенаправления
- Продолжительность подключения
- Продолжительность бэкэнда
- Время до первого байта (TTFB)
- Время первой отрисовки
- Время интерактивного взаимодействия DOM
- Время времени загрузки содержимого DOM (и продолжительности события JavaScript)
5 При загрузке продолжительность события)
- RUM Индекс скорости
Уникальная временная шкала GTmatrix Визуализация дает вам события в порядке, чтобы вы могли сразу увидеть, где они происходят. События в порядке, однако они не в масштабе. Это из-за веб-страниц потенциально имеют огромные или незначительные различия между событиями.
Видео
Опция видео — еще одна функция, доступная только для зарегистрированных пользователей, но она довольно удобна.