Włącz kompresję GZIP w WordPressie za pomocą pliku .htaccess
Objaśnienie
Aby przyspieszyć ładowanie swojej strony WordPress, możesz włączyć kompresję GZIP za pomocą pliku .htaccess. Pomaga to skompresować pliki takie jak HTML, CSS i JavaScript, co sprawia, że są mniejsze i szybciej się ładują.
Oto proste podsumowanie, co robi ten kod:
- Kompresja plików: Kod kompresuje różne typy plików, takie jak HTML, CSS, JavaScript, czcionki i XML. Dzieje się to za pomocą dyrektywy
AddOutputFilterByType DEFLATE
, która informuje serwer, aby skompresował te typy plików przed wysłaniem ich do przeglądarki. - Kompatybilność z przeglądarkami: Zawiera kilka reguł, które obsługują starsze przeglądarki, które mogą mieć problemy z GZIP. Zapewnia to, że kompresja nie psuje strony dla użytkowników korzystających ze starszych przeglądarek.
- Nagłówek Vary: Linia
Header append Vary User-Agent
pomaga w buforowaniu, informując serwery proxy i CDN, że różne wersje strony mogą być wysyłane do różnych przeglądarek.
Dodając ten fragment do swojego pliku .htaccess, instruujesz serwer, aby kompresował te pliki, co może znacznie poprawić szybkość ładowania Twojej strony i ogólną wydajność.
Kod
# BEGIN GZIP Compression
<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
# END GZIP Compression
Instrukcja
Aby włączyć kompresję GZIP na swojej stronie WordPress, wykonaj poniższe kroki, aby zmodyfikować swój plik .htaccess. Pomoże to skompresować pliki takie jak HTML, CSS i JavaScript, co sprawi, że będą mniejsze i szybsze do pobrania.
Wymagania wstępne:
- Dostęp do katalogu głównego swojej strony WordPress.
- Podstawowa znajomość FTP lub menedżera plików w panelu sterowania hostingu.
Kroki wdrożenia:
- Znajdź plik .htaccess:
- Użyj klienta FTP lub menedżera plików swojego dostawcy hostingu, aby uzyskać dostęp do katalogu głównego swojej strony WordPress.
- Poszukaj pliku .htaccess. Jeśli go nie widzisz, upewnij się, że twój menedżer plików jest ustawiony na wyświetlanie plików ukrytych.
- Utwórz kopię zapasową pliku .htaccess:
- Przed wprowadzeniem jakichkolwiek zmian, pobierz kopię istniejącego pliku .htaccess na swój komputer jako kopię zapasową.
- Edytuj plik .htaccess:
- Otwórz plik .htaccess w edytorze tekstu.
- Skopiuj podany fragment kodu do kompresji GZIP.
- Wklej kod na końcu swojego pliku .htaccess.
- Zapisz i prześlij:
- Zapisz zmiany w edytorze tekstu.
- Prześlij zmodyfikowany plik .htaccess z powrotem do katalogu głównego swojej strony WordPress, zastępując istniejący plik.
- Przetestuj swoją stronę:
- Odwiedź swoją stronę internetową, aby upewnić się, że ładuje się poprawnie.
- Skorzystaj z narzędzi online, takich jak GiftOfSpeed GZIP Test, aby zweryfikować, czy kompresja GZIP jest włączona.
Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy, rozważ skontaktowanie się z ekspertami na stronie wp-dude.com, aby uzyskać profesjonalną pomoc w zakresie wdrożenia lub bardziej zaawansowanej funkcjonalności.