Jak przyspieszyć dowolną witrynę WordPress za pomocą .HTACCESS

Czy ładowanie Twojej witryny WordPress trwa zbyt długo? Czy wiesz, że powolna strona wpłynie na Twoje SEO i doświadczenie użytkownika?

Istnieje kilka różnych sposobów na przyspieszenie działania witryny poza używaniem wtyczek. Jednym ze sposobów jest wykorzystanie pamięci podręcznej przeglądarki, a innym sposobem jest skompresowanie plików. 

Oba można osiągnąć poprzez modyfikację i optymalizację pliku .htaccess .

Co to jest pamięć podręczna przeglądarki?

Gdy ktoś odwiedza Twoją witrynę, pliki są pobierane i przechowywane w tymczasowej lokalizacji.

Typy plików obejmują wszystkie dokumenty składające się na Twoją witrynę, takie jak pliki HTML(HTML) , obrazy, JavaScript i CSS . Pamięć podręczna przeglądarki(Browser) odnosi się do tej tymczasowej lokalizacji pobranych plików.

Gdy pamięć podręczna jest pełna, zajmuje zbyt dużo miejsca na komputerze odwiedzającego. Powoduje to powolną przeglądarkę i witrynę, której ładowanie trwa zbyt długo.

Na szczęście istnieje sposób, aby to naprawić, edytując plik .htaccess.

Co powinieneś zrobić najpierw?

Zanim zaczniesz edytować plik .htaccess, rozważ następujące środki ostrożności:

  • Zawsze twórz kopię zapasową pliku .htaccess WordPress(WordPress .htaccess) przed jego zmianą.
  • Wyłącz wszystkie wtyczki WordPress , których możesz używać.
  • Przetestuj szybkość swojej witryny przed wprowadzeniem zmian w pliku .htaccess, aby uzyskać pomiar bazowy. Możesz użyć GTmatrix , Pingdom lub Google PageSpeed ​​Insights .

Możesz teraz użyć kodu za pośrednictwem pliku .htaccess, aby poinformować instalację WordPress , aby dłużej buforowała pliki statyczne w celu powrotu odwiedzających do Twojej witryny. Możesz użyć cPanel lub FTP . Zapoznaj się z poniższymi wskazówkami dla każdego z nich. 

Po uzyskaniu dostępu do pliku .htaccess skorzystaj z dodatkowych wskazówek, aby wprowadzić zmiany. 

Korzystanie z cPanel

Zaloguj(Log) się do swojej witryny cPanel. Zwykle możesz się tam dostać, wpisując yourdomain.com/cPanel w przeglądarce internetowej.

Zaloguj(Log) się za pomocą nazwy użytkownika i hasła, które otrzymałeś podczas instalacji WordPressa(WordPress) w swojej domenie. Po zalogowaniu znajdź i kliknij Menedżer plików(File Manager) .

Twój plik .htaccess znajduje się w folderze głównym. Kropka przed nazwą pliku wskazuje, że jest to ukryty plik w instalacji WordPressa. Pamiętaj, aby zaznaczyć pole wyboru Pokaż ukryte pliki(Show Hidden Files) .

Powinieneś zrobić kopię pliku przed edycją, ponieważ jeśli popełnisz błąd, możesz zawiesić swoją witrynę. Aby zrobić kopię, kliknij .htaccess i zaznacz go. Aby zapisać kopię, kliknij przycisk pobierania znajdujący się w górnym menu.  

Po utworzeniu kopii możesz teraz edytować plik. W Menedżerze plików(File Manager) cPanel kliknij prawym przyciskiem myszy plik .htaccess i kliknij edytuj(edit) .

Korzystanie z FTP

Możesz także edytować plik .htaccess za pomocą klienta FTP . Jednym z popularnych klientów FTP jest FileZilla , użyty w poniższym przykładzie.

Zacznij(Start) od otwarcia klienta FTP i włącz hosta. (FTP)Zazwyczaj jest to adres Twojej domeny, nazwa użytkownika i hasło. Jeśli nie masz pewności, co to jest, skontaktuj się z usługodawcą hostingowym.

Wykonaj poniższe czynności, aby uzyskać dostęp, skopiować i edytować plik .htaccess:

  • Przejdź do katalogu głównego.
  • Znajdź plik .htaccess, utwórz kopię i przeciągnij go na pulpit.
  • Zachowaj kopię oryginału i edytuj inną kopię na wypadek konieczności przywrócenia oryginału.
  • Użyj(Use) edytora, takiego jak Notatnik(Notepad) , aby edytować plik.
  • Po zakończeniu edycji prześlij plik do katalogu głównego.

Jeśli popełniłeś błąd, Twoja strona internetowa nie będzie działać. Aby to naprawić, prześlij plik kopii zapasowej. 

Teraz możesz wprowadzić zmiany w pliku .htaccess, aby przyspieszyć działanie witryny WordPress .

Kompresuj swoje pliki za pomocą Gzip

Kompresja Gzip(Gzip) sprawia, że ​​Twoje pliki są mniejsze i szybciej się ładują. Dodanie poniższego kodu do pliku .htaccess (pod bieżącym kodem) za pomocą gzip spowoduje skompresowanie plików CSS , HTML i PHP .

 <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 (only needed for really old browsers)
  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>

Nie zapomnij kliknąć „Zapisz zmiany”.

Buforowanie przeglądarki

Gdy ktoś odwiedza Twoją witrynę, przeglądarka, z której korzysta, pobierze wszystkie pliki powiązane ze stroną, do której uzyskuje dostęp.

Wykorzystanie pamięci podręcznej przeglądarki oznacza, że ​​chcesz pobierać tylko niezbędne pliki, a nie niepotrzebne zasoby. Są to zazwyczaj projekt i styl Twojej strony, a czasami zawierają również funkcje JavaScript.

Korzystając z pamięci podręcznej przeglądarki, każesz serwerowi ignorować części Twojej strony internetowej, które zostały wcześniej pobrane dla powracających użytkowników.

Aby edytować plik .htaccess, zlokalizuj go i utwórz dwie kopie w taki sam sposób, jak podczas kompresji plików, jak opisano powyżej, używając klienta FTP lub cPanel.

Zachowaj kopię oryginalnego pliku .htaccess na wypadek problemów ze zmianami. Wprowadź zmiany w drugiej kopii. 

Dodaj następujący kod poniżej bieżącej zawartości pliku .htaccess:

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault A0
 
<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(css)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200
</FilesMatch>
</IfModule>
 
<IfModule mod_headers.c>
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
 
<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"
</FilesMatch>
</IfModule>

Nie zapomnij kliknąć Zapisz(Save) , aby zachować dodatki do pliku.

Kompresja plików i wykorzystanie pamięci podręcznej przeglądarki znacznie skróci czas ładowania stron internetowych. Pomoże to Twojej witrynie uzyskać wyższą pozycję w wynikach wyszukiwania i poprawić wrażenia użytkownika. Nikt nie chce czekać dłużej niż kilka sekund na załadowanie strony.



Ksawery Tomaszewski

About the author

inżynier audiofilski i specjalista ds. produktów audio z ponad 10-letnim doświadczeniem. Specjalizuję się w tworzeniu wysokiej jakości głośników muzycznych i słuchawek od początku do końca. Jestem ekspertem w rozwiązywaniu problemów z dźwiękiem oraz projektowaniu nowych głośników i systemów słuchawkowych. Moje doświadczenie wykracza poza samo tworzenie dobrych produktów; Mam również pasję pomagania innym w byciu jak najlepszymi, czy to poprzez edukację, czy pracę społeczną.


Related posts