Perfmatters, руководство по конфигурации

Он не поддерживаетсерверные языки,такие как PHP.Для добавления пользовательского PHP-кода рекомендуется использовать плагинCode Snippets.

Предварительная загрузка

В разделе "Предварительная загрузка" первый вариант под названием"Мгновенная страница" используетбиблиотекуinstant.pageи загружает небольшой JS файл размером менее 2 КБ(instantpage.js)локально на Вашем сайте и используется для предварительной загрузки URL,когда пользователь наводит курсор на ссылку или изображение в настольной версии.На мобильных устройствах URL-адрес предварительно загружается после того,как пользователь начинает касаться ссылки на экране,и до того,как он ее отпустит.

Через65 миллисекундпредварительная загрузка URL начинается автоматически в фоновом режиме.

Этот инструмент является эквивалентом"Instant Click" от Litespeed и"Preload Links" от WP Rocket,поэтому если Вы используете эту опцию в любом из этих двух плагинов,Вам следует деактивировать ее,чтобы попробовать Perfmatters.

В моем случае это сработало немного лучше,чем аналогичная опция в Litespeed,хотя следует отметить,что в некоторых случаях это может увеличить нагрузку на сервер.

Как и в случае с опциями Javascript и CSS,использование предварительной загрузки и предварительного подключения должно использоваться в соответствии с Вашими потребностями на основе различных тестов.

Предварительная загрузка важных изображений(тех,которые находятся над сгибом)-это опция,которая поканаходится в стадии бета-тестированияи может помочь сократить время,затрачиваемое на рисование более крупного контента(LCP)в Core Web Vitals.

Как правило,это такие изображения,как логотип,главное изображение в посте,основное изображение на целевой странице и т.д.Когда Вы предварительно загружаете их,они перемещаются на вершину водопада и,по сути,говорятбраузеру,что они имеют приоритет и должны быть загружены немедленно.

Вы можете выбрать между нулем,чтобы предварительно загрузить ни одного(вариант по умолчанию),и пятью изображениями.Permattersрекомендуетвыбиратьдва или максимум три,поскольку в Chrome есть ограничение надвапредварительно загруженных изображения,которые будут появляться в верхней части водопада.

Ленивая загрузка

Еще одна классика,связанная с производительностью,которую WordPress включил в свой состав с момента выхода версии 5.4 в 2020 году.

В моем случае я используювариант Litespeed,потому что в тестах я обнаружил немного лучшие результаты,но даже в этом случае вариант Perfmatters работает действительно хорошо и также применяется к CSS фоновых изображений

Шрифты

Еще один хороший момент.Эта опция,добавленная в версию 1.7.4 программыPerfmattersбыл выпущен 7 июня 2022 года.Он позволяет Вам размещать и загружать Google Fonts локально с помощью пары щелчков мыши.

Преимуществ локального размещения шрифтов много,Вы получаете полный контроль над ними,Вы устраняете все эти запросы и,следовательно,время загрузки,и Вы можете решать,как их обслуживать.

Функция автоматически находит любую ссылку Google Fonts,существующую на Вашем блоге,загружает соответствующие шрифты с сайтаfonts.google.comи размещает их локально на Вашем сервере в каталоге:/wp-content/cache/perfmatters/your-domain.com/fonts/

Вэтой другой заметкеболее подробно объясняется его использование.

CDN

Здесь нет ничего особенного,и комментировать практически нечего.Инструмент,всегда полезно добавить CDN,который Вы используете.Поскольку я используюQUIC.CLOUD,мне это пока не понадобилось.

Аналитика

Хотя я не использую его сейчас,так как я началпереход на Matomoи передал управление сценарием Analyticsмоему плагинууправления согласием на куки RGPD/CCPA,который также управляет им правильно,но я знаю,что он очень хорошо работает с Perfmatters,потому что я использовал его в свое время.

Отсюда Вы можете разместить скрипт Google Analytics локально.Это поможет ускорить работу Вашего сайта за счет сокращения дополнительных поисков DNS и решения проблемы "использования кэша браузера" их скрипта.

СогласноPerfmatters,как ни странно,собственный скрипт Google выдает предупреждение о кэшировании,но это потому,что у них очень короткий срок действия заголовка кэша HTTP.Если Вы размещаете его самостоятельно,заголовки кэша HTTP от Вашего собственного CDN или сервера будут применены автоматически.Другими словами,Вы получаете полный контроль над кэшированием скрипта.

Они также отмечают,чтоэтот инструментофициально не поддерживается компанией Google,но используется в течение многих лет без каких-либо проблем.

Локальное размещение Google Analytics и обслуживание скрипта из собственной CDN или сервера также позволяет Вам воспользоваться преимуществами единого HTTP/2 соединения.