Jak przenieść JavaScript motywu WordPress do stopki w celu zwiększenia wydajności

Od czasu do czasu możesz usłyszeć skargę dotyczącą słabego czasu ładowania strony. Większość użytkowników WordPress boryka się z tym problemem.

Nawet po zastosowaniu ogólnych wskazówek i sztuczek szybkość witryny nie poprawia się. To dlatego, że ludzie bez wiedzy technicznej nie mają pojęcia o tym, co się ładuje w tle.
Ilekroć wybierasz motyw WordPress, zawsze mówi się o przetestowaniu go w lokalnym środowisku. To dlatego, że nie każdy motyw jest zoptymalizowany pod kątem szybkości.

Jeśli jesteś programistą, możesz wiedzieć, że JavaScript jest językiem skryptowym, a dla witryny WordPress jest to język po stronie klienta.

W tym samouczku dowiesz się o przenoszeniu plików JavaScript motywu WordPress do stopki witryny.

Być może zastanawiasz się, jaka będzie korzyść. Cóż, gdy użytkownicy ładują stronę internetową, przeglądarka zaczyna ładować obrazy, plik CSS, pliki JavaScript i wiele więcej.

Ale jeśli przeniesiesz JavaScript do stopki, użytkownik nawet niczego nie zauważy, ponieważ większość rzeczy obsługiwanych przez JavaScript jest używanych po całkowitym otwarciu strony internetowej.

Tak więc pliki JavaScript zostaną załadowane w tle, a użytkownicy zobaczą Twoją witrynę, zanim to zrobiło.

Pomaga to bezpośrednio zwiększyć szybkość witryny. Najważniejsze jest zawsze doświadczenie użytkownika, a Ty wiesz, że nikt nie lubi czekać na załadowanie witryny, jeśli działa wolno.

Więc dzisiaj przeprowadzę cię przez prosty proces, który może ci pomóc.

Zapoznaj się z kodeksem WordPress Theme Codex

Aby wprowadzić zmiany, przede wszystkim powinieneś wiedzieć, który kod kontroluje ten plik i gdzie go znaleźć.

Jeśli wiesz trochę o motywach WordPress, możesz już wiedzieć, że functions.php plik jest jednym z najważniejszych plików.

Nawet jeśli nie jesteś specjalistą od technologii, być może słyszałeś o tym pliku. Jeśli nie, nie martw się, pomogę ci go zlokalizować.

Wykonaj następujące kroki.

Krok 1

Zaloguj się do panelu administracyjnego WordPress i przejdź do Wygląd>>Redaktor.

Krok 2

Otworzy się nowa strona, na której zobaczysz kody. Ale musisz znaleźć plik functions.php. Wystarczy spojrzeć na menu po prawej stronie.

Szukaj Funkcje motywu (functions.php) i kliknij to.

Krok 3: – Gdy to zrobisz, będziesz mógł zobaczyć wiele funkcji, które kontrolują działanie twojego motywu WordPress lub możesz powiedzieć funkcje swojej strony internetowej.

Musisz znaleźć funkcję, która służy do dodawania plików skryptów.

Szukaj "wp_enqueue_script".

Teraz jest czas na wyjaśnienie tego Kodeksu. Można do tego przekazać wiele parametrów.

wp_enqueue_script ($ uchwyt, $ src, $ deps, $ ver, $ in_footer);

  • $ uchwyt: – To jest nazwa pliku.
  • $ src: – Adres lub ścieżka do pliku.
  • $ deps: – Jest to tablica do obsługi skryptu.
  • $ ver: – To jest wersja pliku.
  • $ in_footer: – Domyślnie jest ustawiony na "Fałszywe".

Więc jeśli zmienisz ostatni parametr na "Prawdziwe", plik JavaScript zostanie przeniesiony do stopki.

To nie jest takie proste?

Możliwe jest, że twórca motywu zapisał w kolejce wiele plików JavaScript.

Uwaga: nie wprowadzaj żadnych zmian, jeśli nie znasz kodeksu motywu.

Pokażę ci przykład pełnych funkcji.

function the_script_file () {
wp_enqueue_script (‘script’, get_template_directory_uri (). ‘/Js/script.js’ , " , „1.0”, prawda);
}
add_filter (‘wp_enqueue_scripts’, ‘the_script_file’);

Każdy programista motywów WordPress ma inny styl kodowania, więc funkcje będą inne.

Ważne jest, aby znaleźć "wp_enqueue_script" Kodeks i ustaw wartość $ in_footer do "Prawdziwe".

Gdy to zrobisz, zapisz plik i możesz sprawdzić kod źródłowy swojej witryny.

Plik JavaScript zostanie przeniesiony do stopki.

Mam nadzieję, że znajdziesz plik functions.php

Jeśli nie widzisz opcji edytora na pulpicie nawigacyjnym WordPress, musisz uzyskać dostęp do tego pliku z cPanel swojej witryny.

Czy możesz zmienić wymagany kod z panelu administracyjnego WordPress

Wspomniałem o najprostszym sposobie edycji pliku functions.php. Może to zrobić nawet początkujący. Musisz tylko znaleźć skryptowy kodeks WordPress i zmienić parametr.

Wiem, że możesz się zastanawiać, jak to jest najłatwiejsze niż to. Cóż, jeśli boisz się wprowadzić tę zmianę, możesz poprosić o to swojego przyjaciela techie.

Uwaga: Chciałbym wspomnieć, że przed wprowadzeniem jakichkolwiek zmian należy wykonać kopię zapasową witryny i jej bazy danych.

Większość ludzi zapomina o tym i psuje swoją stronę internetową. Nie powinieneś ryzykować. Jak już wspomniałem, plik functions.php jest jednym z najważniejszych plików, dlatego należy się z nim obchodzić ostrożnie.

Jeśli dodasz coś innego, spowoduje to zatrzymanie kilku funkcji witryny. Spowoduje to uszkodzenie układu strony. Lepiej jest kiedy ktoś jest bezpieczny niż kiedy jest mu przykro.

Wniosek

Ostatecznym celem jest opóźnienie ładowania do pliku JavaScript, aby przeglądarka mogła szybko wyświetlić stronę użytkownikom.

Gdy trzymasz pliki skryptów w nagłówku, przeglądarka zajmuje tyle czasu, aby załadować wszystkie pliki i wyświetlić stronę internetową.

Pokazałem ci więc prostą sztuczkę, aby przenieść plik JavaScript do stopki witryny. Pomaga skrócić czas ładowania strony.

Sprawdź te 3 najlepsze usługi hostingowe WordPress:

FastComet

Cena wywoławcza:
2,95 USD


Niezawodność
9.7


cennik
9.5


Przyjazny użytkownikowi
9.7


Wsparcie
9.7


funkcje
9,6

Przeczytaj recenzje

Odwiedź FastComet

Hostinger

Cena wywoławcza:
0,99 USD


Niezawodność
9.3


cennik
9.3


Przyjazny użytkownikowi
9.4


Wsparcie
9.4


funkcje
9.2

Przeczytaj recenzje

Odwiedź Hostinger

Hosting A2

Cena wywoławcza:
3,92 USD


Niezawodność
9.3


cennik
9.0


Przyjazny użytkownikowi
9.3


Wsparcie
9.3


funkcje
9.3

Przeczytaj recenzje

Odwiedź A2 Hosting

Powiązane artykuły instruktażowe

  • Jak zwiększyć szybkość witryny, usuwając ciągi zapytań z zasobów statycznych
    pośredni
  • Jak edytować plik wp-config.php WordPressa za pomocą cPanel
    pośredni
  • Jak zainstalować Google Analytics na swojej stronie WordPress
    pośredni
  • Jak sprawdzić i naprawić bazę danych w PhpMyAdmin
    pośredni
  • Jak dodać użytkownika administratora WordPress za pomocą kodu PHP
    ekspert
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me