W artykule:
Chcesz dowiedzieć się, jak dodać wygasa nagłówki w WordPress?
Wygasa nagłówki to reguły, które pozwalają przeglądarkom internetowym wiedzieć, czy załadować zasób strony internetowej, taki jak obrazy z pamięci podręcznej przeglądarki odwiedzającego, czy z serwera. Mogą one pomóc poprawić wydajność witryny.
W tym artykule pokażemy dwa sposoby dodawania wygasa nagłówki w WordPress.
Jak są wygasa nagłówki używane w WordPress?
Gdy ktoś po raz pierwszy odwiedza stronę internetową w Twojej witrynie WordPress, wszystkie pliki są ładowane jeden po drugim. Wszystkie te żądania między przeglądarką a serwerem hostingowym WordPress zwiększają czas ładowania strony internetowej.
Buforowanie przeglądarki przechowuje niektóre lub wszystkie te pliki na komputerze odwiedzającego. Oznacza to, że przy następnej wizycie na stronie pliki można załadować z własnego komputera, zwiększając wydajność WordPress.
Teraz możesz się zastanawiać, skąd przeglądarki wiedzą, które Pliki zapisać i jak długo je przechowywać?
Tam pojawiają się nagłówki expires.
Reguły o tym, które pliki mają być zapisywane i jak długo je zapisywać, są ustawiane za pomocą wygasa nagłówki lub cache-nagłówki sterujące. W tym artykule skupimy się na nagłówkach expires, ponieważ są one prostsze do skonfigurowania dla większości użytkowników.
Nagłówki Expires ustawiają datę wygaśnięcia dla każdego typu pliku przechowywanego w pamięci podręcznej przeglądarki. Po tej dacie pliki zostaną ponownie załadowane z serwera, aby zapewnić odwiedzającym najnowszą wersję strony.
Pokażemy Ci, jak dodać nagłówki expires przy użyciu dwóch różnych metod. Pierwsza metoda jest łatwiejsza i zalecana dla większości użytkowników. Możesz kliknąć poniższe linki, aby przejść do preferowanej sekcji:
- Metoda 1: Dodaj wygasa nagłówki z WP Rocket WordPress Plugin
- Metoda 2: Dodaj wygasa nagłówki w WordPress za pomocą kodu
Video Tutorial
Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.
Metoda 1: Dodaj wygasa nagłówki z WP Rocket WordPress Plugin
WP Rocket to najbardziej przyjazna dla początkujących wtyczka buforująca WordPress na rynku. Po włączeniu działa natychmiast, aby przyspieszyć witrynę bez konieczności mieszania się ze skomplikowanymi ustawieniami konfiguracyjnymi, takimi jak wiele innych wtyczek buforujących.
WP Rocket to wtyczka premium, ale najlepsze jest to, że wszystkie funkcje są zawarte w ich NAJNIŻSZYM planie.
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę WP Rocket. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po zainstalowaniu i aktywacji WP Rocket automatycznie włączy buforowanie przeglądarki. Domyślnie dodaje nagłówki wygasające i nagłówki sterujące pamięcią podręczną z najlepszymi ustawieniami, aby przyspieszyć witrynę WordPress.
To wszystko, co musisz zrobić. Jeśli chcesz dowiedzieć się więcej o wtyczce, zobacz nasz przewodnik, jak poprawnie zainstalować i skonfigurować wp Rocket w WordPress.
Jeśli wolisz użyć darmowej wtyczki buforującej, aby dodać nagłówki wygasa na swojej stronie, zalecamy zapoznanie się z W3 Total Cache.
W3 Total Cache oferuje takie same funkcje jak WP Rocket, ale nie jest tak przyjazny dla początkujących. Musisz ręcznie włączyć nagłówki expires, ponieważ nie włącza ich automatycznie.
Metoda 2: Dodaj wygasa nagłówki w WordPress za pomocą kodu
Druga metoda dodawania nagłówków wygasa w WordPress polega na dodaniu kodu do plików WordPress. Nie zalecamy tego dla początkujących, ponieważ błąd w kodzie może spowodować poważne błędy i zepsuć witrynę.
Przed wprowadzeniem tych zmian zalecamy utworzenie kopii zapasowej witryny WordPress. Aby uzyskać więcej informacji, zobacz nasz przewodnik na temat tworzenia kopii zapasowych i przywracania witryny WordPress.
Mając to na uwadze, przyjrzyjmy się, jak dodać nagłówki wygaśnięcia, dodając kod do WordPress.
Określ, czy w Twojej witrynie działa Apache lub Nginx
Najpierw musisz dowiedzieć się, czy Twoja witryna korzysta z serwerów Apache lub Nginx. Aby to zrobić, przejdź do swojej witryny i kliknij ją prawym przyciskiem myszy, a następnie wybierz opcję „Sprawdź”.
Następnie kliknij kartę „Sieć” u góry strony. Może być konieczne odświeżenie strony, aby załadować wyniki.
Następnie możesz kliknąć nazwę domeny u góry kolumny „Nazwa”. Następnie należy przewinąć w dół do sekcji „nagłówki odpowiedzi” i sprawdzić pozycję o nazwie „serwer”.
Pokaże ci, który serwer WWW jest używany. W takim przypadku strona działa na serwerze Nginx.
Teraz, gdy wiesz, z którego serwera www korzysta Twoja witryna, użyj poniższych linków, aby przejść do przodu:
- Jak dodać nagłówki Expires w Apache
- Jak dodać nagłówki Expires w Nginx
Jak dodać nagłówki Expires w Apache
Aby dodać nagłówki expires do serwera Apache, musisz dodać kod do swojego .htaccess plik.
Aby edytować ten plik, musisz połączyć się z kontem hostingowym WordPress za pomocą klienta FTP lub narzędzia menedżera plików hosta. Znajdziesz swoje .htaccess plik w folderze głównym witryny.
Czasami .plik htaccess można ukryć. Jeśli potrzebujesz pomocy w znalezieniu go, zapoznaj się z naszym przewodnikiem, dlaczego nie możesz go znaleźć .plik htaccess w Twojej witrynie WordPress.
Następnie musisz dodać nagłówki wygaśnięcia, aby włączyć buforowanie przeglądarki. Informuje to przeglądarkę internetową, jak długo powinna przechowywać zasoby witryny, zanim zostaną usunięte.
Możesz dodać następujący kod u góry .htaccess plik do dodawania nagłówków wygasających:
## EXPIRES HEADER CACHING ## < IfModule mod_expires.c> ExpiresActive On ExpiresByType image / jpg "dostęp 1 rok" ExpiresByType image / jpeg "dostęp 1 rok" ExpiresByType image / gif "dostęp 1 rok" ExpiresByType image / png "dostęp 1 rok" ExpiresByType image / svg "dostęp 1 rok" ExpiresByType text / css "dostęp 1 miesiąc" ExpiresByType application / pdf "dostęp 1 miesiąc" ExpiresByType application / javascript "dostęp 1 miesiąc" ExpiresByType application / x-javascript "dostęp 1 miesiąc" ExpiresByType application / x-shockwave-flash "dostęp 1 miesiąc" ExpiresByType image / X-icon "dostęp 1 rok" ExpiresDefault "dostęp 3 dni" < / IfModule> ## EXPIRES HEADER CACHING ##
Wartości te powinny działać dobrze dla większości witryn, ale możesz dostosować okresy czasu, jeśli twoje potrzeby są różne.
Zauważ, że kod ustawia różne daty wygaśnięcia pamięci podręcznej w zależności od typu pliku. Obrazy są buforowane dłużej niż HTML, CSS, Javascript i inne typy plików, ponieważ zwykle pozostają takie same.
Jak dodać nagłówki Expires w Nginx
Jeśli używasz serwera Nginx do hostowania swojego bloga WordPress, musisz edytować plik konfiguracyjny serwera, aby dodać nagłówki wygaśnięcia.
Sposób edycji i dostępu do tego pliku zależy od hosta, więc możesz skontaktować się z dostawcą hostingu, jeśli potrzebujesz pomocy w uzyskaniu dostępu do pliku.
Następnie musisz dodać następujący kod, aby dodać nagłówki wygaśnięcia:
lokalizacja ~*.(jpg / jpeg / gif / png / svg)$ {
wygasa 365d;
}
lokalizacja ~*.(pdf|css|html|js|swf)$ {
wygasa 3d;
}
Ten kod ustawi czas wygaśnięcia dla różnych typów plików. Zauważ ponownie, że obrazy są buforowane dłużej niż HTML, CSS, JS i inne typy plików, ponieważ obrazy zwykle pozostają takie same.
Mamy nadzieję, że ten poradnik pomógł Ci dowiedzieć się, jak dodać wygasa nagłówki w WordPress. Możesz również zobaczyć nasz najlepszy przewodnik dotyczący bezpieczeństwa WordPress, aby poprawić bezpieczeństwo swojej witryny i zobaczyć nasze porównanie najlepszych usług e-mail marketingowych, aby zwiększyć ruch.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
