Optimizarea unei teme Woocommerce prin eliminarea fișierelor jQuery
La scorul Google Page Speed contribuie și nota primită pe baza timpului de execuție a scripturilor Java Script din pagină. Uneori aceste execuții au loc inaintea afișării conținutului din pagină, situație în care scripturile sunt amplasate în zona <head> a paginii. Astfel, afi;area paginii este întârziată de rularea acestor scripturi.
Dacă am putea să mutăm aceste fișiere în sbsolul paginilor (<footer>) sau și mai bine să le eliminăm cu totul, fără să afectăm funcționarea corectă a paginii în browser, atunci am câștiga puncte bune în nota generală Core Web vitals sau Google Page Speed.
Mutarea fișierelor JQuery din antet (header) în subsol (footer)
Codul care trebuie rulat îl plasăm în fișierul child-theme/functions.php atașat hook-ului de acțiune “wp_enqueue_scripts”.
add_action('wp_enqueue_scripts', 'sweb_adding_scripts');
function sweb_adding_scripts()
{
//daca nu suntem în admin și dacă nu suntem într-o pagină care necesită jQuery în antet
if (!is_admin() && !is_page('portofoliu')) {
//fisierul este eliminat din antet
wp_dequeue_script('jquery');
wp_dequeue_script('jquery-core');
wp_dequeue_script('jquery-migrate');
//fisierul va fi inserat in subsol
wp_enqueue_script('jquery', false, array(), false, true);
wp_enqueue_script('jquery-core', false, array(), false, true);
wp_enqueue_script('jquery-migrate', false, array(), false, true);
}
}Punctele câștigate în scorul general Google Page speed sunt semnificative.
Eliminarea fișierelor jQuery din pagină
Pentru un impact decisiv asupra scorului Core Web Vitals și Google Page Speed se pot elimina fișierele JQuery dacă tema paginii permite acest lucru.
add_action('wp_enqueue_scripts', 'sweb_adding_scripts');
function sweb_adding_scripts()
{
//daca nu suntem în admin și dacă nu suntem într-o pagină care necesită jQuery în antet
if (!is_admin() && !is_page('portofoliu')) {
//fisierul este eliminat din antet
wp_dequeue_script('jquery');
//fisierul este eliminat din sistem
wp_deregister_script('jquery');
wp_dequeue_script('jquery-core');
wp_deregister_script('jquery-core');
wp_dequeue_script('jquery-migrate');
wp_deregister_script('jquery-migrate');
wp_dequeue_script('jquery-ui-core');
wp_deregister_script('jquery-ui-core');
}
}
Dacă template-ul paginii este construit cu Elementor, pentru a putea elimina total jQuery din pagină vor trebui eliminate efectele dinamice aplicate elementelor (ex – coloane).
Exemple de site-uri web optimizate prin eliminarea JQuery sau mutarea fișierelor JQuery în subsol
Află detalii privind realizarea site-urilor pe WordPress
Creare site WordPress
Sau ia legatura cu noi aici
