Darmowa wtyczka JavaScript do WordPressa
Frank Goossens opracował bezpłatną wtyczkę Async JavaScript. Możesz użyć wtyczki, aby wyeliminować blokującą renderowanie zawartość JavaScript (JS) w części strony widocznej na ekranie. Jest zgodny z WordPressem 4.6 i nowszymi. Możesz pobrać ją bezpłatnie w pięciu językach: niderlandzkim, angielskim amerykańskim i trzech dialektach hiszpańskich
Ta aplikacja zapewnia pełną kontrolę nad dodawaniem i eliminowaniem atrybutu odroczenia lub oczekiwania do skryptów i pomaga rozwijać witrynę prędkość ładowania. Inne wtyczki oferujące asynchroniczne ładowanie JS to Lazy Widget Loader i Reverb for Publishers.
Objaśnienie ładowania asynchronicznego
Zazwyczaj WordPress ładuje skrypty pojedynczo. Ponieważ musi w pełni załadować jeden element przed załadowaniem następnego, wydłuża to ogólny czas ładowania witryny.
Asynchroniczne ładowanie pozwala na równoległe ładowanie plików. Programiści robią to, dodając atrybut async do skryptów JavaScript lub atrybut „defer”, aby wykluczyć określone skrypty.
Obsługa przeglądarki i CSS
Async to nowy atrybut w HTML 5 i Chrome, Internet Explorer 10 i nowsze, Firefox 3.6 i nowsze, Safari i Opera . Działa tylko z wbudowanym kolejkowaniem skryptów WordPress.
Innym przydatnym atrybutem do użycia z asynchronicznymi jest await, który jest przydatny dla funkcji internetowego interfejsu API. Pamiętaj, że await działa tylko w ramach funkcji asynchronicznych. Określony jest określony warunek i tylko wtedy, gdy ten warunek zostanie spełniony, JavaScript zostanie załadowany asynchronicznie.
Wtyczka działa tylko z JS i nie zmienia w żaden sposób skryptów CSS. Aby zoptymalizować CSS, potrzebujesz dedykowanej wtyczki do tej funkcji.
Zwiększenie wydajności witryny
Async JavaScript umożliwia właścicielom witryn asynchroniczne ładowanie JavaScript lub wyeliminowanie lub odroczenie ładowania określonych skryptów, skracając czas ładowania strony. Inną przydatną opcją jest „czekaj”, gdzie skrypty ładują się dopiero po spełnieniu określonego warunku. Await także upraszcza kodowanie.
W najnowszej wersji programista dodał obejście dla określonych wbudowanych skryptów JS , które są synchronizowane asynchronicznie.
