Налаштування модуля Google PageSpeed

Вступ

• У випадку, якщо активація додаткової SEO опції та, імпліцитно, модуля Google PageSpeed створює небажані відмінності на сайті, або візуально, або функціонально, різні компоненти модуля можуть бути вибірково деактивовані шляхом редагування файлу .htaccess.

Вимоги

• Деталі доступу до панелі керування (Plesk або cPanel, залежно від випадку), для редагування файлу .htaccess через Файловий менеджер.

Кроки

• Щоб перевірити, чи модуль PageSpeed є відповідальним за виниклу проблему, можна деактивувати увесь модуль, додавши до файлу .htaccess, з кореневого каталогу сайту, наступний рядок:

ModPagespeed off

• Після цього кроку, якщо сайт завантажується коректно, додані вище рядки будуть видалені, і процес продовжиться для ідентифікації конкретного елемента, відповідального за помилкове відображення.
• Першим кроком буде перевірка помилок, отриманих під час завантаження сторінки, отримавши доступ до неї через Режим розробника в браузері, загальний ярлик активації - F12 для звичайних браузерів. Наприклад, помилка завантаження для JS або CSS вказуватиме на можливий конфлікт з фільтрами PageSpeed, які взаємодіють з цими елементами.

Щоб вимкнути певний фільтр, наступне правило слід додати до файлу .htaccess:

ModPagespeedDisableFilters ім'я_фільтра

Де name_filter буде замінено на бажаний ідентифікатор.

• Альтернативно, можна змінити режим роботи PageSpeed, щоб ви могли вибірково активувати кожен бажаний елемент, встановивши:

ModPagespeedRewriteLevel PassThrough

Тоді бажані елементи для активації будуть задані наступним чином:

ModPagespeedEnableFilters filter_name

Також, name_filter буде замінено на потрібний ідентифікатор.

• Файл .htaccess також може бути створений з цими правилами в підкаталозі, що містить стилі (CSS, Javascript, HTML). Таким чином, преференційні правила будуть суворо застосовуватися до цього підкаталогу.
• Елементи, які активуються за замовчуванням при ввімкненні додаткової опції SEO, такі:
  *Це також ідентифікатори, які ви можете використовувати в правилах .htaccess.

• • add_head
    Додає елемент типу <head> до документа, якщо він ще не існує.
  • combine_css
    Об'єднує кілька CSS-елементів в один.
  • combine_javascript
    Об'єднує кілька елементів JavaScript в один.
  • remove_comments
    Видаляє коментарі з оброблених HTML-файлів. Однак не видаляє коментарі в інлайн CSS або JavaScript.
  • sprite_images
    Об'єднайте фонові зображення з CSS в один спрайт.
  • collapse_whitespace
    Видаляє порожні пробіли з HTML-файлів, за винятком тегів: "pre, script, style, textarea"
  • lazyload_images
    Завантажує зображення лише тоді, коли вони стають видимими на сторінці.
  • convert_meta_tags
    Додає "заголовок відповіді" для кожного "meta" тегу з атрибутом "http-equiv".
  • extend_cache
    Подовжує термін зберігання кешу, пов'язаного з зображеннями, елементами CSS та скриптами, які не були оптимізовані, підписуючи URL-адреси з хешем змісту.
    Наступні фільтри є неявно активними, якщо extend_cache увімкнено:
    extend_cache_css
    extend_cache_images
    extend_cache_scripts
    Для більшого контролю зазначені вище фільтри можуть бути активовані індивідуально
  • fallback_rewrite_css_urls
    Переписати URL-адреси для ресурсів, які не могли бути мінімізовані або оброблені з CSS-файлів.
  • flatten_css_imports
    Рекурсивно замінює кожне @import правило вмістом імпортованого CSS файлу, щоб зменшити кількість зовнішніх запитів.
  • inline_css
    Додає маленькі зовнішні CSS-ресурси до HTML-документа у форматі inline.
  • inline_import_to_link
    Перетворює "style" теги, що містять лише CSS @import, на відповідні "link" теги
  • inline_javascript
    Перепишіть ресурси JS малого розміру як вбудовані в HTML-документ.
  • rewrite_css
    Переписує файли CSS, щоб видалити коментарі та надмірні пробіли.
  • переписати_зображення
    Оптимізує зображення, модифікуючи їх і видаляючи зайві пікселі.
    Крім того, додає малі зображення як інлайн у документ.
  • переписати_javascript
    Переписує файли JavaScript, видаляє зайві пробіли та коментарі.
  • rewrite_style_attributes_with_url
    Переписує CSS з атрибутів стилю, якщо він містить текст "url(", використовуючи фільтр rewrite_css, що налаштований.