Уроци • Разработчик
Конфигуриране на модула Google PageSpeed
В тази статия ще бъде представен методът за селективно активиране или деактивиране на PageSpeed филтри, свързани с допълнителната SEO опция.
10
Прегледи 2310Актуализиран 3 aniПубликувано на 04/06/2020до Alexandru Jurca
Въведение
- В случай че активирането на допълнителната SEO опция и имплицитно модула Google PageSpeed създаде нежелани разлики в сайта, било то визуално или функционално, различни компоненти на модула могат да бъдат селективно деактивирани чрез редактиране на .htaccess файла.
Изисквания
- Данните за достъп до контролния панел (Plesk или cPanel, в зависимост от случая), за редактиране на файла .htaccess през File Manager.
Стъпки
- За да проверите дали модулът PageSpeed е отговорен за срещнатия проблем, можете да деактивирате целия модул, като добавите в файла .htaccess, в кореновата директория на сайта, следния ред:
ModPagespeed off
- След тази стъпка, ако сайтът се зареди коректно, добавените по-горе редове ще бъдат изтрити и процесът ще продължи да идентифицира специфичния елемент, отговорен за неправилното показване.
- Първата стъпка би била да проверите грешките, получени при зареждането на страницата, като я достъпите в Режим за разработчици от браузъра, а общият бърз клавиш за активиране е F12 за обичайните браузъри. Например, грешка при зареждане на JS или CSS ще покаже възможен конфликт с филтрите на PageSpeed, които взаимодействат с тези елементи.
За да деактивирате конкретен филтър, следното правило трябва да бъде добавено към .htaccess файла:
ModPagespeedDisableFilters име на филтър
Където name_filter ще бъде заменено с желаното идентификатор.
- Алтернативно, режимът на работа на PageSpeed може да бъде променен, така че да можете селективно да активирате всеки желан елемент, като зададете:
ModPagespeedRewriteLevel PassThrough
След това желаните елементи за активиране ще бъдат посочени по следния начин:
ModPagespeedEnableFilters filter_name
Също така, nume_filtru ще бъде заменено с желаното идентификатор.
- Файлът .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_import_to_link
Преобразува "style" тагове, които съдържат само CSS @import в еквивалентни "link" тагове - inline_javascript
Пренапишете малки JS ресурси като инлайн в HTML документа. - rewrite_css
Преправя CSS файлове, за да премахне коментарите и излишното разстояние. - rewrite_images
Оптимизира изображенията, като ги модифицира и премахва излишните пиксели.
Допълнително добавя малки изображения като инлайн в документа. - rewrite_javascript
Пренаписва JavaScript файлове, премахва излишния интервал и коментари. - rewrite_style_attributes_with_url
Преписва CSS от атрибутите на стил, ако съдържа текста "url(", използвайки filturl rewrite_css, конфигуриран.
- add_head