Experiment de Încărcare CSS Condițional și Inline
Cei de la Elementor lucrează constant la îmbunătățirea performanței site-urilor create cu Elementor. Acum s-au concentrat pe obținerea unei încărcări mai rapide a paginii prin reducerea cantității de CSS neutilizate generate de pagini prin adăugarea Experimentului de încărcare CSS condițional și inline.
Activarea Experimentului
Pentru a utiliza această funcție, trebuie să navigați la Elementor > Setări > Experimente și să o activați în meniul drop-down. Salvați modificările în partea de jos a ecranului.
Încărcare CSS Condiționată
Până la Core v3.3.0, toate CSS-urile erau încărcate în același fișier: frontend.css (120KB în Elementor core, 225KB în Elementor Pro). Aceasta înseamnă că materialele CSS care nu sunt utilizate sunt oricum încărcate, un lucru care dăunează scorului paginii și generează procese de blocare a redării.
Acum, când activați experimentul de încărcare CSS îmbunătățită, încărcăm doar CSS-ul widget-urilor care sunt plasate în pagina dvs. o dată. În acest fel, economisim până la 37 KB de active de blocare a randării (CSS) în Elementor Core și economisim până la 171 KB, în funcție de utilizarea dvs.
Încărcare CSS în Linie
În plus față de acest experiment și pentru a preveni solicitările multiple către server, acum încărcăm fișierele CSS ca etichete de stil inline. Acest lucru va reduce și mai mult procesele de blocare a randării și ar trebui să îmbunătățească performanța generală (doar până la 8KB, în caz contrar – fișierul CSS va fi încărcat ca etichetă de link inline).
Dacă Widget-ul este folosit de mai multe ori, nu va exista nicio solicitare sau imprimare suplimentară.
Mecanismul de înțelegere a dimensiunii fișierului CSS („acțiunea scumpă”) se va întâmpla o dată pentru un widget.
Încărcare Condiționată a Bibliotecii de Animații
Biblioteca animations.css va fi încărcată numai dacă ați folosit-o pe pagina dvs. și va ajuta la reducerea încărcării materialelor neutilizate și mai mult (19KB).
Am adăugat, de asemenea, îmbunătățiri „sub capotă” pentru a încărca biblioteca sticky JS (7KB) per utilizare.
Când utilizați Elementor combinat cu Elementor Pro cu experimentele de performanță active, ar trebui să vă așteptați la o creștere majoră a performanței și să economisiți până la 523 KB.
