Czy kiedykolwiek zastanawiałeś się jak? WordPress wtyczki wpływają na czas ładowania Twojej witryny? The WordPress wtyczki umożliwiają dodanie funkcjonalności do Twojej witryny, ale mogą również wpływać na szybkość działania witryny. W tym samouczku pokażemy, jak to zrobić WordPress wtyczki wpływają na czas ładowania Twojej witryny i jak możesz je skuteczniej kontrolować.
Jak działa wtyczka?
Wtyczki WordPress są podobne do aplikacji dla Twojej witryny WordPress. Możesz je zainstalować, aby dodać więcej funkcji do swojej witryny, takich jak formularze kontaktowe, galerie zdjęć lub sklep e-commerce.
Kiedy ktoś odwiedza Twoją witrynę, WordPress najpierw ładuje swoje podstawowe pliki, a następnie ładuje wszystkie Twoje aktywne wtyczki.
Jak wtyczki mogą wpływać na Twój blog?
każdy WordPress Plugin oferuje różne funkcje. Aby to zrobić, niektóre wtyczki wykonują połączenia do bazy danych w tle, podczas gdy inne ładują pliki na interfejsie użytkownika, takie jak pliki CSS, JavaScript itp.
Większość wtyczek wysyła żądanie HTTP w celu załadowania plików, takich jak skrypty, CSS i obrazy. Każde żądanie wydłuża czas ładowania całej strony witryny.
Po prawidłowym wykonaniu wpływ na wydajność jest często zbyt zauważalny.
Dlatego jeśli używasz wielu wtyczek, które wysyłają zbyt wiele żądań HTTP do przesłania plików, wpłynie to na wydajność witryny i wygodę użytkownika.
Jak sprawdzić pliki ładowane przez wtyczki WordPress?
Aby zobaczyć, jak wtyczki wpływają na czas ładowania strony, musisz sprawdzić pliki załadowane przez te wtyczki na WordPress.
Istnieje wiele narzędzi, których możesz użyć, aby to zrozumieć.
Możesz użyć narzędzia programistycznego przeglądarki (w Google Chrome „Sprawdź element”).
Wystarczy odwiedzić witrynę i kliknąć prawym przyciskiem myszy, aby wybrać „ sprawdzać ”. Spowoduje to otwarcie panelu narzędzi programistycznych.
Musisz kliknąć zakładkę „Sieć”, a następnie ponownie załadować swoją witrynę. Aby zobaczyć, jak się ładuje i zobaczyć wszystkie ładowane pliki.
Aby to zobaczyć, możesz również użyć narzędzi innych firm, takich jak Pingdom i GTmetrix. Te narzędzia pozwolą Ci także zobaczyć wszystkie załadowane pliki i czas ich ładowania.
Ile wtyczek musisz zainstalować?
Jeśli widzisz te różne pliki załadowane, możesz zacząć się zastanawiać, ile wtyczek potrzebujesz użyć?
Odpowiedź naprawdę zależy od zestawu wtyczek, których używasz w swojej witrynie.
Jedna zła wtyczka może załadować pliki 12, a kilka dobrych wtyczek po prostu dodaje kilka dodatkowych plików.
Wszystkie dobrze zakodowane wtyczki starają się ograniczyć przesyłane pliki do minimum. Jednak nie wszyscy twórcy wtyczek są ostrożni. Niektóre wtyczki ładują pliki na każdej stronie, nawet jeśli nie potrzebują tego pliku.
Jeśli używasz wielu z tych wtyczek, zacznie to wpływać na wydajność Twojej witryny.
Jak kontrolować wtyczki?
Najważniejszą rzeczą, jaką możesz zrobić w swojej witrynie WordPress, jest używanie tylko dobrze zakodowanych wtyczek, które mają dobre recenzje i są polecane przez zaufane źródła.
Jeśli znajdziesz WordPress Plugin wpływa na sposób ładowania witryny, więc poszukaj lepszej wtyczki, która wykonuje tę samą pracę, ale lepiej.
Następnie musisz zacząć korzystać z buforowania i CDN, aby jeszcze bardziej poprawić wydajność i szybkość witryny.
Kolejnym czynnikiem, który należy wziąć pod uwagę, jest hosting Twojej witryny. Jeśli Twoje serwery hostingowe nie są odpowiednio zoptymalizowane, nie zwiększy to czasu odpowiedzi Twojej witryny.
Oznacza to, że nie tylko wtyczki, ale ogólna wydajność Twojej witryny będą wolniejsze. Upewnij się, że korzystasz z jednego z najlepszych hostingu WordPress.
W ostateczności możesz odinstalować wtyczki, których nie używasz. Przyjrzyj się uważnie wtyczkom zainstalowanym w Twojej witrynie i sprawdź, czy możesz je odinstalować. Nie jest to idealne rozwiązanie, ponieważ będziesz musiał pogodzić funkcjonalność z szybkością swojego bloga.
Wyłącz wtyczki arkuszy stylów w WordPress
Najpierw musisz znaleźć nazwę lub uchwyt arkusza stylów, który chcesz wyrejestrować. Możesz go zlokalizować za pomocą swojego narzędzia ” sprawdź element ".
Po znalezieniu uchwytu arkusza stylów możesz „ wyrejestrować Dodając ten kod do pliku functions.php Twojego motywu lub głównego pliku wtyczki.
add_action ('wp_print_styles', 'my_deregister_styles', 100); function my_deregister_styles () {wp_deregister_style ('gdwpm_styles-css'); }
W tej funkcji możesz „wyrejestrować” dowolną liczbę uchwytów stylu. Na przykład, jeśli masz więcej niż jedną wtyczkę, której arkusz stylów chcesz „wyrejestrować”, możesz to zrobić w ten sposób:
add_action ('wp_print_styles', 'my_deregister_styles', 100); function my_deregister_styles () {wp_deregister_style ('gdwpm_styles-css'); wp_deregister_style ('bfa-font-awesome-css'); wp_deregister_style ('some-other-stylesheet-handle'); }
Pamiętaj, że „wyrejestrowanie” tych arkuszy stylów wpłynie na funkcjonalność wtyczek w Twojej witrynie. Musisz skopiować zawartość każdego usuniętego arkusza stylów i wkleić ją do swojego arkusza stylów. WordPress lub dodaj je jako niestandardowe CSS.
Wyłącz wtyczki javascript
Podobnie jak w przypadku arkuszy stylów, musisz znaleźć uchwyt używany przez pliki JavaScript do ich „wyrejestrowania”. Jednak nie znajdziesz uchwytu przy użyciu „ sprawdzać ".
W tym celu musisz głębiej zagłębić się w pliki wtyczek, aby znaleźć uchwyt używany przez wtyczkę do załadowania skryptu.
Innym sposobem sprawdzenia wszystkich uchwytów używanych przez wtyczki jest dodanie tego kodu do pliku functions.php motywu.
function bpc_display_pluginhandles () {$ wp_scripts = wp_scripts (); $ handlename. = " "; foreach ($ wp_scripts-> kolejka jako $ uchwyt): $ handlename. = ' '. $ uchwyt. ' '; endforeach; $ handlename. = " "; return $ handlename;} add_shortcode ('pluginhandles', 'bpc_display_pluginhandles');
Po dodaniu tego kodu możesz użyć skrótu [pluginhandles], aby wyświetlić listę uchwytów skryptów pluginów.
Teraz, gdy masz już uchwyty skryptów, możesz je łatwo „wyrejestrować” za pomocą poniższego kodu:
add_action ('wp_print_scripts', 'my_deregister_javascript', 100); function my_deregister_javascript () {wp_deregister_script ('contact-form-7'); }
Możesz także użyć tego kodu, aby wyłączyć wiele skryptów, na przykład:
add_action ('wp_print_scripts', 'my_deregister_javascript', 100); function my_deregister_javascript () {wp_deregister_script ('contact-form-7'); wp_deregister_script ("gdwpm_lightbox-script"); wp_deregister_script ("inny-plugin-skrypt"); }
Teraz, jak wspomnieliśmy wcześniej, wyłączenie tych skryptów uniemożliwi prawidłowe działanie wtyczek.
Aby tego uniknąć, będziesz musiał połączyć kody JavaScript razem, ale czasami to nie działa poprawnie, musisz wiedzieć, co robisz.
To wszystko na ten samouczek. Mam nadzieję, że wiesz, jak ulepszyć swoje wtyczki. Jeśli masz jakieś pytania, możesz je zadać.
