W artykule:
Czy chcesz zastąpić domyślny skrypt jQuery WordPress jQuery z Google Hosted Libraries?
WordPress domyślnie zawiera jQuery z podstawowym oprogramowaniem. Jednak zastąpienie go najnowszą wersją jQuery z biblioteki Google może poprawić wydajność.
W tym artykule pokażemy, jak łatwo zastąpić domyślny skrypt jQuery WordPress biblioteką Google, aby poprawić wydajność i szybkość.
Dlaczego i kiedy należy zastąpić domyślny WordPress jQuery
jQuery jest popularną biblioteką JavaScript używaną przez programistów do tworzenia pięknych aplikacji internetowych. Jest używany dość często w WordPress, aby dodawać funkcje, takie jak suwaki, wyskakujące okienka i wiele innych.
WordPress zawiera bibliotekę jQuery zapakowaną w podstawowe oprogramowanie WordPress. Wiele z najlepszych wtyczek WordPress i najpopularniejszych motywów WordPress polega na tej bibliotece dla niezbędnych funkcji i funkcji.
Jednak Ładowanie jQuery na współdzielonym serwerze hostingowym może być zasobochłonne i spowalniać witrynę, zwłaszcza jeśli używasz źle zakodowanych motywów lub wtyczek WordPress, które nie przestrzegają najlepszych praktyk WordPress.
Innym problemem związanym z używaniem wersji jQuery dołączonej do WordPress jest to, że nie zostanie zaktualizowany, chyba że WordPress go zaktualizuje. Mogą istnieć nowsze wersje jQuery z poprawkami wydajności lub zabezpieczeń, ale nie uzyskasz do nich dostępu, dopóki nie zostaną uwzględnione w aktualizacji WordPress.
Istnieje kilka obejść, aby to naprawić. Na przykład możesz załadować jQuery za pośrednictwem serwerów Google lub oficjalnego CDN jQuery.
Biblioteki hostowane przez Google to dobry wybór, ponieważ ich serwery są stabilne, aktualizowane i wysoce zoptymalizowane pod kątem prędkości, co pozwala jQuery ładować się znacznie szybciej w witrynie WordPress.
Mając to na uwadze, przyjrzyjmy się, jak łatwo zastąpić domyślny WordPress jQuery biblioteką Google.
Zastąp domyślny WordPress jQuery biblioteką Google
WordPress jest wyposażony we wbudowaną metodę łatwego dodawania skryptów i arkuszy stylów. Pozwala to również bezpiecznie usunąć wszelkie skrypty lub arkusze stylów, które są ładowane za pomocą wbudowanej metody.
Użyjemy tej metody, aby najpierw wyłączyć domyślny jQuery WordPress. Następnie powiemy WordPress, aby załadował jQuery za pośrednictwem biblioteki Google.
Musisz dodać następujący kod do funkcji szablonu.plik php lub wtyczka specyficzna dla witryny.
function wpb_modify_jquery () {
// sprawdź, czy front-end jest oglądany
jeśli (!is_admin()) {
// Usuń domyślny WordPress jQuery
wp_deregister_script ('jquery');
// Zarejestruj nowy skrypt jQuery przez Bibliotekę Google
wp_register_script ('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', false, '3.6.0');
// Enqueue the script
wp_enqueue_script ('jquery');
}
}
// Wykonaj akcję po zainicjowaniu WordPressa
add_action ('INIT', 'wpb_modify_jquery');
To wszystko! WordPress zastąpi teraz domyślny jQuery i załaduje go za pośrednictwem biblioteki Google.
Uwaga: Ta metoda będzie nadal ładować wersję jQuery wspomnianą w adresie URL. W przyszłości może być konieczna zmiana adresu URL biblioteki Google, aby korzystać z nowszej wersji jQuery.
Google nie zaktualizuje automatycznie numeru wersji, ponieważ może to spowodować problemy ze zgodnością, jeśli twój motyw lub wtyczki polegają na innej wersji.
Najnowszy adres URL można znaleźć na stronie Google hosted libraries. Stamtąd możesz również znaleźć adresy URL dla starszych wersji jQuery, których możesz użyć do rozwiązywania problemów w razie potrzeby.
Zastępowanie innych domyślnych bibliotek jQuery
Oprócz podstawowej biblioteki jQuery, WordPress zawiera również kilka innych skryptów jQuery. Niektóre z tych skryptów, takie jak jQuery Mobile i jQuery UI, są hostowane w Bibliotece Google.
W przypadku innych bibliotek możesz użyć własnych serwerów CDN jQuery, aby ładować je znacznie szybciej. W poniższym przykładzie zastąpiliśmy skrypt jQuery-UI-core WordPress oficjalną wersją jQuery-ui.
function wpb_modify_jquery_ui() {
jeśli (!is_admin()) {
wp_deregister_script ('jquery-ui-core');
wp_register_script ('jquery-ui-core', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', false, '1.12.1');
wp_enqueue_script ('jquery-ui-core');
}
}
add_action ('INIT', 'wpb_modify_jquery_ui');
Podobnie jak biblioteki Google, po pewnym czasie będziesz musiał wymienić adres URL, aby korzystać z najnowszej wersji skryptu.
Całkowicie wyłącz jQuery w WordPress
Ze względu na szerokie zastosowanie nie zalecamy całkowitego wyłączania jQuery w Twojej witrynie WordPress. Nawet jeśli twój motyw WordPress nie używa jQuery, wiele popularnych wtyczek WordPress nadal go potrzebuje.
Jeśli jednak masz pewność, że Twoja witryna nie potrzebuje jQuery, możesz ją bezpiecznie wyłączyć. Po prostu dodaj następujący kod do pliku funkcji motywu lub wtyczki WordPress specyficznej dla witryny.
jeśli ( !is_admin ()) wp_deregister_script ('jquery');
To wszystko. Ten kod po prostu wyłącza skrypt jQuery z ładowania na froncie witryny WordPress.
Rozwiązywanie problemów związanych z jQuery w WordPress
Nowe wersje jQuery mogą czasami deprecjonować lub usuwać stare metody i funkcje. Jeśli wtyczka WordPress w Twojej witrynie korzysta ze starszej metody, może to potencjalnie zepsuć rzeczy.
W obszarze konsoli narzędzia Inspect mogą pojawić się ostrzeżenia lub niektóre funkcje przestały działać.
WordPress używał skryptu o nazwie jQuery-migrate, aby zapewnić kompatybilność kopii zapasowych ze starszymi wersjami jQuery. Jednak od WordPress 5.5 ten skrypt został wycofany z WordPress.
Jeśli chcesz dodać skrypt jQuery-migrate lub rozwiązywać problemy między różnymi wersjami jQuery, możesz wypróbować następującą metodę.
Wystarczy zainstalować i aktywować kontrolę wersji dla wtyczki jQuery. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Ustawienia ” Kontrola wersji jQuery strona. Stąd możesz wybrać wersję jQuery, której chcesz użyć.
Wtyczka automatycznie załaduje tę wersję z oficjalnego CDN jQuery.
Wtyczka załaduje również skrypt jQuery migrate. Jeśli chcesz, możesz go wyłączyć podczas rozwiązywania problemów.
Nie zapomnij kliknąć przycisku zapisz zmiany, aby zapisać zmiany.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak zastąpić domyślny WordPress jQuery biblioteką Google. Możesz również zobaczyć te przydatne samouczki jQuery dla użytkowników WordPress lub zobaczyć nasz kompletny przewodnik optymalizacji wydajności WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
