Acasă » Blog » Optimizarea site-ului Woocommerce pentru Google

Optimizarea site-ului Woocommerce pentru Google

Optimizare site Woocommerce pentru Google

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

nv-author-image

Traian Constantin Predan

Inginer absolvent al Politehnicii București proiectează și construiește sisteme online. Lucrează proiecte extrem de diverse, îi plac viziunile noi care provoacă la dezvoltarea unor soluții tehnice eficiente și stabile.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *