Jak dodać nagłówki wygasania w WordPress (2 metody)

Jednym z częstych błędów, które popełniają właściciele witryn WordPress, jest pomijanie buforowania przeglądarki. Twoja witryna może tracić odwiedzających z powodu wolnego ładowania stron. Nawet po optymalizacji obrazów i ulepszeniu hostingu, Twoja witryna może nadal działać powoli, dopóki nie dodasz nagłówków expires.

Nagłówki Expires działają poprzez informowanie przeglądarek odwiedzających, aby przechowywały pliki Twojej witryny, takie jak obrazy, CSS i JavaScript, przez określony czas. Oznacza to, że gdy ktoś odwiedza wiele stron w Twojej witrynie, jego przeglądarka nie musi pobierać wszystkiego od nowa.

Rezultatem są znacznie szybsze czasy ładowania dla powracających odwiedzających, co poprawia wrażenia użytkownika i może zwiększyć Twoje rankingi w wyszukiwarkach.

Zaimplementowaliśmy nagłówki expires na wielu stronach WordPress i dopracowaliśmy proces do dwóch niezawodnych metod, które działają na każdym rodzaju hostingu. Niezależnie od tego, czy czujesz się komfortowo edytując kod, czy wolisz rozwiązanie w postaci wtyczki, pokażemy Ci, jak dodać nagłówki expires do Twojej strony WordPress.

Jak nagłówki wygaśnięcia są używane w WordPress?

Za pierwszym razem, gdy ktoś odwiedza stronę internetową na Twojej witrynie WordPress, wszystkie pliki są ładowane jeden po drugim. Wszystkie te żądania HTTP między przeglądarką a serwerem hostingowym WordPress zwiększają czas ładowania strony internetowej.

Pamięć podręczna przeglądarki przechowuje część lub wszystkie te pliki na komputerze odwiedzającego. Oznacza to, że następnym razem, gdy odwiedzi stronę, pliki mogą zostać załadowane z jego własnego komputera, zwiększając wydajność Twojej witryny WordPress i poprawiając wrażenia użytkownika.

Teraz możesz się zastanawiać, skąd przeglądarki wiedzą, które pliki zapisać i jak długo je przechowywać. Właśnie tutaj pojawiają się „nagłówki wygaśnięcia”.

Zasady dotyczące tego, które pliki należy zapisywać i jak długo je przechowywać, są ustawiane za pomocą nagłówków expires lub nagłówków cache-control. W tym artykule skupimy się na nagłówkach expires, ponieważ są one prostsze w konfiguracji 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 Twojego serwera, aby zapewnić odwiedzającym najnowszą wersję strony.

Pokażemy Ci, jak dodać nagłówki wygaśnięcia 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:

1. Dodaj nagłówki Expires za pomocą wtyczki WP Rocket WordPress
2. Dodaj nagłówki Expires w WordPress za pomocą kodu
3. Najczęściej zadawane pytania dotyczące nagłówków Expires w WordPress
4. Samouczek wideo

Metoda 1: Dodaj nagłówki wygaśnięcia za pomocą wtyczki WP Rocket WordPress

WP Rocket to najbardziej przyjazny dla początkujących plugin wydajności WordPress na rynku. Po włączeniu działa natychmiast, poprawiając szybkość Twojej witryny bez konieczności grzebania w skomplikowanych ustawieniach konfiguracyjnych, 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 szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.

Po zainstalowaniu i aktywacji WP Rocket automatycznie włączy buforowanie przeglądarki. Domyślnie dodaje nagłówki expires i nagłówki cache-control z najlepszymi ustawieniami, aby przyspieszyć Twoją witrynę WordPress.

To wszystko, co musisz zrobić. Jeśli chcesz dowiedzieć się więcej o wtyczce, zapoznaj się z naszym przewodnikiem na temat jak prawidłowo zainstalować i skonfigurować WP Rocket w WordPressie.

Jeśli wolisz użyć darmowej wtyczki do buforowania, aby dodać nagłówki wygaśnięcia do swojej strony internetowej, zalecamy zapoznanie się z W3 Total Cache.

W3 Total Cache oferuje niektóre z tych samych funkcji co WP Rocket, ale nie jest tak przyjazny dla początkujących. Nie oferuje również wszystkich funkcji, które otrzymujesz w kompleksowej wtyczce wydajności, takiej jak WP Rocket. Będziesz musiał ręcznie włączyć nagłówki expires, ponieważ nie włącza ich automatycznie.

Metoda 2: Dodaj nagłówki expires w WordPressie za pomocą kodu

Drugą metodą dodawania nagłówków expires w WordPressie jest dodanie fragmentu 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ć Twoją witrynę.

Przed wprowadzeniem tych zmian zalecamy najpierw wykonanie kopii zapasowej Twojej strony WordPress. Więcej szczegółów znajdziesz w naszym przewodniku na temat jak wykonać kopię zapasową i przywrócić Twoją stronę WordPress.

Mając to na uwadze, przyjrzyjmy się, jak dodać nagłówki expires, dodając kod do WordPress.

Określ, czy Twoja witryna działa na Apache czy Nginx

Najpierw musisz ustalić, czy Twoja strona internetowa korzysta z serwerów Apache czy Nginx. Musisz przejść do swojej strony internetowej, kliknąć prawym przyciskiem myszy na stronie, a następnie wybrać opcję „Zbadaj”.

Następnie musisz kliknąć kartę „Sieć” u góry strony.

Może być konieczne odświeżenie strony, aby wyniki się załadowały.

Następnie możesz kliknąć nazwę swojej domeny w górnej części kolumny „Nazwa”.

Następnie należy przewinąć w dół do sekcji „Nagłówki odpowiedzi” i sprawdzić element o nazwie „server”.

Pokaże to, jakiego serwera WWW jest używany. W tym przypadku witryna działa na serwerze Nginx.

Teraz, gdy już wiesz, jakiego serwera WWW używa Twoja witryna, skorzystaj z poniższych linków, aby przejść do odpowiedniej sekcji:

• 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 pliku .htaccess.

Aby edytować ten plik, musisz połączyć się ze swoim kontem hostingowym WordPress za pomocą klienta FTP lub narzędzia menedżera plików Twojego hosta. Plik .htaccess znajdziesz w folderze głównym swojej witryny.

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 Twojej witryny, zanim zostaną usunięte.

Możesz dodać poniższy kod w pobliżu góry pliku .htaccess:

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Te wartości powinny działać dobrze dla większości witryn, ale możesz dostosować okresy czasu, jeśli Twoje potrzeby są inne.

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ż zazwyczaj 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 Twojego hostingu, więc możesz skontaktować się ze swoim dostawcą hostingu, jeśli potrzebujesz pomocy w dostępie do pliku.

Następnie musisz dodać następujący kod:

location ~* \.(jpg|jpeg|gif|png|svg)$ {
  expires 365d;
}

location ~* \.(pdf|css|html|js|swf)$ {
  expires 3d;
}

Ten kod ustawi czasy wygaśnięcia dla różnych typów plików. Ponownie zauważ, że obrazy są buforowane dłużej niż HTML, CSS, JS i inne typy plików, ponieważ obrazy zazwyczaj pozostają takie same.

Najczęściej zadawane pytania dotyczące nagłówków Expires w WordPress

Poniżej znajdują się najczęściej zadawane pytania dotyczące implementacji nagłówków expires na stronach WordPress. Powinny one pomóc wyjaśnić wszelkie wątpliwości dotyczące tego procesu.

1. Czym dokładnie są nagłówki wygaśnięcia i dlaczego ich potrzebuję?

Nagłówki expires to instrukcje, które mówią przeglądarkom internetowym, jak długo mają przechowywać (buforować) pliki Twojej witryny lokalnie na komputerze odwiedzającego. Kiedy ktoś odwiedza Twoją stronę, pliki takie jak obrazy, CSS i JavaScript są pobierane i przechowywane tymczasowo. Dzięki nagłówkom expires powracający odwiedzający nie muszą ponownie pobierać tych plików, dopóki nie wygasną, co przyspiesza czas ładowania Twojej strony.

2. Czy dodanie nagłówków expires zepsuje moją witrynę WordPress?

Po prawidłowym wdrożeniu nagłówki expires nie zepsują Twojej witryny. Jednak jeśli używasz ręcznej metody kodu i popełnisz błąd w pliku .htaccess, może to spowodować problemy. Dlatego zawsze zalecamy wykonanie kopii zapasowej witryny przed wprowadzeniem jakichkolwiek zmian i użycie wtyczki takiej jak WP Rocket dla początkujących, ponieważ obsługuje ona wszystko automatycznie bez ryzyka.

3. Jak długo powinienem ustawiać moje nagłówki expires dla różnych typów plików?

Zalecamy ustawienie dłuższych czasów wygaśnięcia dla plików, które rzadko się zmieniają, takich jak obrazy (1 rok), i krótszych czasów dla plików, które aktualizują się częściej, takich jak CSS i JavaScript (1 miesiąc). Pliki HTML powinny mieć najkrótsze czasy buforowania (kilka dni), ponieważ Twoja zawartość zmienia się regularnie. Przykłady kodu w naszym artykule wykorzystują te sprawdzone ramy czasowe, które dobrze sprawdzają się w większości witryn WordPress.

4. Czy mogę używać nagłówków expires z dowolnym dostawcą hostingu WordPress?

Tak, nagłówki expires działają z większością dostawców hostingu, ale metoda implementacji zależy od typu serwera. Większość współdzielonych hostingów korzysta z serwerów Apache, co oznacza, że dodasz kod do pliku .htaccess. Niektórzy dostawcy korzystają z serwerów Nginx, które wymagają edycji pliku konfiguracyjnego serwera. Jeśli nie masz pewności co do typu swojego serwera, pokazujemy, jak to sprawdzić w artykule, lub możesz skontaktować się z dostawcą hostingu w celu uzyskania pomocy.

5. Czy potrzebuję nagłówków expires, jeśli już korzystam z CDN?

Chociaż CDN (Content Delivery Networks) pomagają przyspieszyć Twoją witrynę, serwując pliki z lokalizacji bliższych odwiedzającym, nagłówki expires nadal zapewniają dodatkowe korzyści. Współpracują z CDN, aby jeszcze bardziej zmniejszyć liczbę żądań serwera i poprawić czasy ładowania.

Wiele usług CDN ma również własne zasady buforowania, ale ustawienie nagłówków expires na serwerze źródłowym zapewnia spójne zachowanie buforowania we wszystkich scenariuszach.

6. Jak mogę przetestować, czy moje nagłówki expires działają poprawnie?

Możesz przetestować swoje nagłówki wygaśnięcia za pomocą narzędzi online, takich jak GTmetrix, Google PageSpeed Insights lub Pingdom. Te narzędzia przeanalizują Twoją witrynę i pokażą Ci, czy buforowanie przeglądarki jest poprawnie skonfigurowane. Możesz również użyć narzędzi deweloperskich swojej przeglądarki, aby sprawdzić nagłówki odpowiedzi i zobaczyć, czy nagłówki wygaśnięcia lub cache-control są wysyłane wraz z Twoimi plikami.

Samouczek wideo

Mamy nadzieję, że ten samouczek pomógł Ci dowiedzieć się, jak dodawać nagłówki wygaśnięcia w WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat jak łatwo naprawić ostrzeżenie „Wykorzystaj buforowanie przeglądarki” w WordPress lub naszym wyborem najlepszych usług CDN dla WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.