Содержание
Как оптимизировать WooCommerce для загрузки скриптов и CSS условно только при необходимости?
WooCommerce и интернет-магазины — одна из лучших вещей произошла для всех пользователей WordPress
Почти год WordPress приобрел WooCommerce, и это было потрясающее путешествие. Кажется, в настоящее время WooCommerce охватывает почти ~40% of all online stores и это большое число. На Crunchify мы хотели иметь Интернет- магазин цифровых товаров и решили попробовать.
WooCommerce поставляется как простая установка плагинов, как и любой другой плагин, но он будет немного загружен ресурсами .
Посмотрите это:
WooCommerce добавляет всего 13 новых таблиц базы данных
WooCommerce загружает 3 CSS-файла и 5 JavaScript-файлов на каждой странице
|
1
2
3
4
5
6
7
8
9
10
11
|
// CSS файлы
woocommerce — верстка . CSS
woocommerce — маленький экран . CSS
WooCommerce . CSS
// файлы JavaScript
добавить в корзину . мин . JS
JQuery. blockUI . мин . JS
WooCommerce . мин . JS
JQuery. печенье . мин . JS
корзина — фрагменты . мин . JS
|
Теперь, как мы знаем из цели оптимизации скорости , абсолютно не обязательно загружать все эти 8 дополнительных ресурсов, кроме cart , checkout или же product стр. Загрузка этих 8 дополнительных файлов может замедлить ваш блог , который может создать некоторое негативное влияние Google Search Engine Result (SERP) стр.
Вот краткие советы disable all above scripts кроме корзины, оформления заказа, моей учетной записи и страницы товара.
|
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
|
// * ставим в очередь скрипты и стили
add_action ( 'wp_enqueue_scripts' , 'crunchify_disable_woocommerce_loading_css_js' ) ;
функция crunchify_disable_woocommerce_loading_css_js ( ) {
// Проверяем, активен ли плагин WooCommerce
если ( function_exists ( 'is_woocommerce' ) ) {
// Проверяем, есть ли на странице WooCommerce
если ( ! is_woocommerce ( ) &&! is_cart () &&! is_checkout ()) {
## Удаление стилей WooCommerce
wp_dequeue_style ( 'WooCommerce-макета');
wp_dequeue_style ( 'woocommerce-general' ) ;
wp_dequeue_style ( 'woocommerce-smallscreen' ) ;
## Удаление сценариев WooCommerce
wp_dequeue_script ( 'wc-cart-фрагменты' ) ;
wp_dequeue_script ( 'woocommerce' ) ;
wp_dequeue_script ( 'wc-add-to-cart' ) ;
wp_deregister_script ( 'JS-печенье' ) ;
wp_dequeue_script ( 'JS-печенье' ) ;
}
}
}
|
Поместите приведенный выше код в файл functions.php вашей темы и save ваши изменения.
И это все, у тебя все должно быть хорошо. Теперь попробуйте проверить еще раз на домашней странице своего блога и других постах, и вы не должны видеть ни один из этих файлов, загруженных на этой странице / посте.
0.00 (0%) 0 votes
