Посібники • Дев
Налаштування модуля Google PageSpeed
У цій статті буде представлений метод для активації або деактивації вибіркових фільтрів PageSpeed, що стосуються додаткової опції SEO.
10
Перегляди 2308Оновлено 3 aniОпубліковано на 04/06/2020по Alexandru Jurca
Вступ
- У випадку, якщо активація додаткової 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, що налаштований.
- add_head