Рубрики
Live

104: всё про PageSpeed nginx, который ускоряет ваш сайт автоматически

Автоматическое ускорение сайта с ngx_pagespeed? В этом эфире мы показали на примере, на что способен модуль! Сделали замеры скорости до и после включения и рассказали, почему не стоит использовать этот инструмент.

Замеряйте скорость сайта из Москвы:

104: Все про PageSpeed nginx, который автоматически ускоряет ваш сайт

Временные метки для видео:

  • 0:00 – Обратный отсчет и мы приступаем!
  • 1:34 – Почему эфир о модуле PageSpeed nginx, чем PageSpeed nginx заслуживает внимание
  • 6:09 – Сайт без оптимизации с Google PageSpeed Insights=0.
  • 7:22 – Вопрос из зала: «Как проверить командами для Apache, nginx работает ли pagespeed в Linux?», показываем на Dev Tools заголовки запросов на сервер – 9:55
  • 7:48 – Оптимизированный сайт с помощью модуля PageSpeed nginx, обсуждаем результаты подключения модуля – 8:24
  • 11:50 – Показываем всю работу модуля nginx по оптимизации наглядно в исходном коде
  • 15:01 – Разбор конфигураций модуля PageSpeed nginx, какие фильтры подключили на сайт
  • 17:52 – Можно ли кэшировать ответ сервера через модуль PageSpeed nginx и другие возможности модуля
  • 20:08 — Чем дольше модуль знает ваш сайт, тем лучше он работает
  • 21:11 – Вопрос из зала о Bootstrap, советы по подключению: «mdb bootstrap + jq понижают рейтинг на телефоне как оптимизировать ? На пк 90 , если ставить на скрипты defer то еще хуже бал и так же на стили bootstrap. Именно отрисовка крупного контента страдает , крупной краски»
  • 24:04 – Вопрос зрителя: «После сжатия картинок сохраняются данные картинки EXIF и другие?»
  • 25:00 – Почему оценка скорости сайта сервисом Google PageSpeed Insights непостоянна
  • 26:00 – Вопрос из зала: «В ваших наработках по отложенной загрузке (той же метрики) на таймаут вешается дополнительное условие — scroll. А если поставить условие — первое движение мыши. Что лучше»
  • 26:32 – Проводим сравнительный анализ показателей двух сайтов, с подключенным модулем PageSpeed nginx и без
  • 28:39 – Вопрос от зрителя: «Кстати, на каких-то сайтах после внедрения отложки на Я.Метрику (скролл+таймаут 100 мс) — статус счетчика — красный (но данные собираются). Сталкивались с таким?»
  • 29:46 – Вопрос о модуле PageSpeed nginx: «Много ли съедает ресурсов сервера модуль? И как модуль отключить?»
  • 30:19 – Вопрос из зала о пользе модуля: «Что-то даст модуль для уже оптимизированного сайта (уже с модификацией, отложкой и прочее)?»
  • 31:02 – Вопрос от зрителя об альтернативном решении: «Если WP, то плагин «Autoptimize» — хорошая альтернатива nginx pagespeed. У нас на сайте включенный nginx pagespeed показывал прилично меньше баллов, чем этот плагин», подробнее об Autoptimize для WordPress – 37:30
  • 32:00 – Вопрос из зала об ISPManager: «Допустим с ispmanager на борту, установив модуль, сама панель и обновления не сломаются?»
  • 33:26 – Вопрос из зала: «Как влияет сам хостинг на скорость сайта?». Проверить скорость ответа сервера по ссылке https://ttfb.loading.express.
  • 35:12 – Вопрос: «Если первый экран загружается за 1 секунду без стилей, и после загружает стили отложено через 3 секунды то Google PageSpeed будет считать время загрузки 4 секунды или поверит в первый контент?». Какие параметры учитываются при общей оценке времени загрузки скорости в эфире с подробным рассказом https://www.youtube.com/watch?v=VQD0PgLQpVs
  • 39:14 – Подключить и НЕ использовать — что мы думаем про использование PageSpeed nginx на рабочем проекте
  • 39:35 – Как ускорить сайт с помощью скриптов от LOADING.express. Купить пакет скриптов по выгодной цене.
  • 40:50 – Вопрос от зрителя о библиотеке JavaScript JQuery: «А jq и скрипты библиотеки тоже сразу загружать, если они присутствуют на первом экране?»
  • 41:15 – Как подключать JavaScript код на первый экран для хорошей скорости по замерам Lighthouse
  • 44:13 – Итоги дня: выяснили насколько система работы модуля PageSpeed nginx в действительности автоматизирована
  • 48:39 – Последний вопрос из зала: «PageSpeed nginx.conf standby не запускается. Не запускается сам nginx с этим параметром и с OFF так же»

Выводы про PageSpeed nginx

  1. Работает не всегда, часто ломает функционал сайта, будьте внимательны, смотрите видеозаписи посещений после установки.
  2. Если у вас тяжелый фронтенд, то он не даст почти ничего.
  3. Эффект накопительный, подождите, пока скрипт проведет оптимизацию на сервере.
  4. Инструмент давно не обновляется и не поддерживается разработчиками Гугл
  5. Может случиться нагрузка на сервер, следите за временем ответа сервера.

Быстрого вам сайта! Как настроить NGINX + http/3.

Автор: Алексей

Маркетолог в loading.express