UPD 26.07.2020: Screaming frog додав функціонал перевірки, і не потрібно жодних танців з бубном:
Google робить чудову роботу з надання різних інструментів для SEO та веб-майстрів. Хоча вони не можуть надати найбільш детального аналізу, але ми можемо бачити, як Google переглядає наші веб-сторінки.
Недолік сервісу в тому, що ми не можемо перевірити масово всі сторінки сайту. А перевіряти окремо кожну сторінку сайту не дуже хочеться. І часто цей момент упускаємо, не надаючи швидкості завантаження особливого значення.
Але я знаю, як виправити це, і автоматизувати процес отримання метрик швидкості завантаження сайту за допомогою screaming frog.
URL адреси
Для початку нам необхідно одержати весь список URL свого сайту. Чи не весь, тут суть не в цьому. Покажу на своєму прикладі, т.к. на своєму сайті.
Парсі сайт, копіюємо всі необхідні посилання в Excel, стовпець B.
Потім вам потрібно додати до комірки А1 URL-адресу сторінки за замовчуванням для швидкості сторінки: https://developers.google.com/speed/pagespeed/insights/?url=
У комірку С1 додайте формулу = $ A $ 1 & B1 і розтягніть на всі рядки, які є в стовпці B.
У результаті у вас має вийти так:
Налаштування
Тепер коли у вас є необхідні урли, необхідно налаштувати фрог так, щоб Google не зрозумів, що ви використовуєте бота і не показав вам Captcha:
- перемикаємось у режим списку (в меню Mode > List);
- переходимо до налаштувань рендерингу, що знаходиться в розділі Configuration > Spider > Rendering - вибираємо JavaScript, і збільшуємо тайм-аут AJAX з 5 секунд до 10 для безпеки;
- так само зменшуємо швидкість обходу сторінок у меню Configuration > Speed. Встановлюємо 1 потік і максимум url/s між 0,1 і 0,5 секунди. Пограйте із цим і знайдіть своє число.
Extraction
Тепер коли ми всі підготували, необхідно налаштувати вибірку даних, ті самі оцінки.
Переходимо в меню Configuration > Custom > Extraction і вводимо наступні коди XPath:
Оцінка мобільної оптимізації:
(//div[@class="lh-gauge__percentage"])[2]
Оцінка оптимізації на ПК:
(//div[@class="lh-gauge__percentage"])[3]
Мобільний FCP:
(//div[@class="metric-value"]//text())[1]
ПК FCP:
(//div[@class="metric-value"]//text())[5]
Перша затримка мобільного введення (FID):
(//div[@class="metric-value"]//text())[2]
Перша затримка ПК введення (FID):
(//div[@class="metric-value"]//text())[6]
Час завантаження першого контенту для мобільних:
(//div[@class="lh-metric__value"]//text())[1]
Час завантаження першого контенту для ПК:
(//div[@class="lh-metric__value"]//text())[7]
Час завантаження достатньої частини контенту для мобільних:
(//div[@class="lh-metric__value"]//text())[4]
Час завантаження достатньої частини контенту для ПК:
(//div[@class="lh-metric__value"]//text())[10]
Індекс швидкості завантаження для мобільних:
(//div[@class="lh-metric__value"]//text())[1]
Індекс швидкості завантаження для ПК:
(//div[@class="lh-metric__value"]//text())[8]
Час закінчення роботи ЦП для мобільних:
(//div[@class="lh-metric__value"]//text())[5]
Час закінчення роботи ЦП для ПК:
(//div[@class="lh-metric__value"]//text())[11]
Час завантаження для взаємодії для мобільних:
(//div[@class="lh-metric__value"]//text())[3]
Час завантаження для взаємодії для ПК:
(//div[@class="lh-metric__value"]//text())[9]
Приблизний час затримки під час введення для мобільних:
(//div[@class="lh-metric__value"]//text())[6]
Приблизний час затримки під час введення для ПК:
(//div[@class="lh-metric__value"]//text())[12]
Якщо ви все зробили правильно, у вас має бути зелена галочка поруч із кожним записом:
Не забудьте вибрати XPath і Extract Text, щоб все заробило як потрібно.
Тиснемо ОК.
Запускаємо парсинг
Копіюємо підготовлений список із Excel і вставляємо його через кнопку Upload > Paste.
Прокинувшись і випивши чашку кави наступного ранку можна приступати до експорту та аналізу отриманих даних:
Робимо через меню Custom> Filter> Extraction і експортуємо до таблиці .xls:
Після того, як файл експорту відкритий, у першому стовпці замінюємо https://developers.google.com/speed/pagespeed/insights/?url= нічим. Так ми повернемо всі колишні адреси url нашого сайту.
Після невеликого форматування ви повинні отримати таблицю, яка виглядає приблизно так:
Я сподіваюся, що це короткий посібник було корисно, і якщо у вас виникнуть будь-які проблеми або будь-які інші корисні трюки з функцією extraction, то дайте мені знати в коментарях нижче.
P.S. Працює лише на версії 9.0 і вище.
