Содержание
На Crunchify мы опубликовали множество различных статей по оптимизации WordPress . Оптимизация скорости — одна из наших целей в Crunchify, и мы сделаем все, чтобы оптимизировать скорость сайта . Более быстрая загрузка сайта не только увеличит оценку Google SERP, но и улучшит пользовательский опыт.
Gonzales WordPress Plugin это один из лучших плагинов, которые я использовал на Crunchify, поскольку он предоставляет приятные опции на основе пользовательского интерфейса администраторам WordPress для отключения unwanted CSS and JS files на конкретной странице или сообщениях.
Давайте посмотрим на простой пример. Контактная форма 7 — лучший плагин, но он добавляет файлы CSS и JS на all ваших страниц и постов WordPress. Они вам абсолютно не нужны, кроме страницы контактов .
Плагин Gonzales предоставляет очень простые опции пользовательского интерфейса для отключения определенных файлов JS и CSS на разных страницах или постах.
Как вы могли видеть на изображении выше, плагин обеспечивает nice UI Options отключить определенные файлы JS и CSS на определенных страницах.
Давайте начнем с Gonzales WordPress Plugin:
Шаг 1
Скачайте плагин с официального сайта: https://tomasz-dobrzynski.com/wordpress-gonzales . Лицензия на один сайт costs $29 как вы видите на изображении ниже.
Вы будете перенаправлены на PayPal для вариантов оплаты. После этого вы сможете скачать бинарный плагин .
Шаг 2
Зайдите в админ панель WordPress и установите ее.
Шаг 3
Плагин добавить опцию Gonzales в Site Toolbar , При настройке плагина абсолютно необходимо включить панель инструментов.
Идти к Users -> Your Profile включить панель инструментов.
Шаг 4
Там нет специальной настройки страницы будут добавлены. Вместо этого зайдите на свой сайт и посмотрите на Toolbar ,
Нажмите на ссылку меню Gonzales, и вы увидите всплывающее окно со списком загруженных файлов JS и CSS.
И это все. Не торопитесь и выберите, какие файлы JS и CSS вам нужны на страницах или в сообщениях. Отключите все, что не требуется для ваших нужд.
Теперь плагин сделает все, что нужно, и все ненужные файлы JavaScript и CSS не будут загружены.
Плагин очень красиво написан Томашем. Это очень просто без какой-либо сложной логики. Плагин добавляет две таблицы базы данных после сохранения настроек.
Как проверить, что это работает?
Перед включением Gonzales WordPress плагин
Как вы видите на изображении ниже, есть всего 19 JS and CSS files loaded on site , Это было абсолютно не требуется в моем случае.
После включения Gonzales WordPress плагин
После включения плагина, теперь только 9 JS and CSS файлы загружаются на сайт
В настоящее время он не поддерживает параметр minify для JS и CSS, но было бы неплохо иметь функцию в будущем выпуске Gonzales.
На Crunchify мы уже выполнили так много настроек, используя файл functions.php .
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
// Удалить стили Ярпп ..
add_action ( 'wp_print_styles' , 'crunchify_dequeue_header_styles' ) ;
функция crunchify_dequeue_header_styles ( )
{
wp_dequeue_style ( 'yarppWidgetCss' ) ;
}
add_action ( 'get_footer' , 'crunchify_dequeue_footer_styles' ) ;
функция crunchify_dequeue_footer_styles ( )
{
wp_dequeue_style ( 'yarppRelatedCss' ) ;
}
// Удалить jquery
add_action ( 'init' , 'crunchify_clean_header_hook' ) ;
функция crunchify_clean_header_hook ( )
{
wp_deregister_script ( 'comment-reply' ) ;
если ( ! is_admin ( ) ) {
wp_deregister_script ( 'jquery' ) ;
}
}
// * ставим в очередь скрипты и стили
add_action ( 'wp_enqueue_scripts' , 'crunchify_dequeue_scripts_styles' ) ;
функция crunchify_dequeue_scripts_styles ( )
{
wp_deregister_style ( ' crayon -font-consolas' ) ;
wp_deregister_style ( ' crayon -theme-neon' ) ;
wp_deregister_script ( 'wp-embed' ) ;
}
|
Теперь с плагином Gonzales мне не нужно выполнять все эти настройки с использованием файла functions.php, но с простым пользовательским интерфейсом. Приятного ведения блога.
0.00 (0%) 0 votes
