10 sposobów na zoptymalizowanie witryny WordPress, aby była szybsza

Dzięki niedawnemu badaniu Microsoftu, które wykazało, że nasz czas uwagi zmniejszył się z 12 sekund w 2000 roku do 8 sekund w 2013 roku, coraz wyraźniej widać, że użytkownicy sieci są niecierpliwi. Dalsze badania pokazują, że 40% osób opuści Twoją witrynę, jeśli załadowanie zajmie więcej niż 3 sekundy.

Podczas gdy WordPress domyślnie jest lekki i szybki, konfiguracja przeciętnego użytkownika sieci może sprawić, że rzeczy będą powolne i bardzo zawiłe. Jeśli chcesz mieć szybką witrynę WordPress, zwróć szczególną uwagę na poniższe wskazówki.

1. Regularnie optymalizuj swoją bazę danych

WordPress to CMS, który jest w dużym stopniu zależny od bazy danych, co może przyczynić się do spowolnienia działania.

Następujące aspekty wykorzystują dużo bazy danych i mogą przyczynić się do spowolnienia witryny:

• Publikowanie wersji: Publikowanie wersji może szybko zatkać bazę danych i spowolnić działanie witryny. Każda wersja postu to nowy wpis w Twojej bazie danych, który szybko się sumuje. Możesz albo wyłączyć wersje publikowania, albo je ograniczyć. Jeśli chcesz mieć ograniczone wersje, możesz zaktualizować plik wp-config.php , dodając poniższy kod:

  [kod]
  define('AUTOSAVE_INTERVAL', 300); // sekundy
  define('WP_POST_REVISIONS', 5);
  [/kod]

  Powyższy kod instruuje WordPress, aby zapisywał maksymalnie 5 wersji postów i zapisywał wersje tylko w 5-minutowych odstępach. Możesz edytować kod, aby odzwierciedlić swoje potrzeby w zakresie wersji postu.

  Alternatywnie, jeśli nie chcesz dodawać kodu do pliku wp-config.php, możesz zainstalować Kontrolę wersji lub wtyczkę WP-Sweep WordPress, aby automatycznie zarządzać publikowanymi wersjami.

• Pingbacki i trackbacki: Pingbacki i trackbacki mogą również zatkać Twoją bazę danych, więc możesz je wyłączyć.
• Komentarze na blogu: komentarze na blogu niekoniecznie są złe, dopóki nie dowiesz się, że masz tysiące komentarzy spamowych, które niepotrzebnie zajmują miejsce w Twojej bazie danych. Pamiętaj, aby regularnie usuwać spamowe komentarze, aby zapobiec zajmowaniu przez nie miejsca w pamięci.
• Wtyczki: Niektóre wtyczki przechowują dane i logi w Twojej bazie danych; początkowo uważasz je za przydatne, dopóki nie uświadomisz sobie, ile zajmują miejsca. Miałem wtyczkę do skracania adresów URL, która pokazuje również, że dane analityczne wykorzystują aż 160 MB mojej przestrzeni w bazie danych. Tak, to tylko jedna wtyczka! Zazwyczaj te wtyczki są niepotrzebne i można je usunąć lub zastąpić.
• Analityka i dzienniki: ogólnie uważaj na wtyczki, które przechowują dane analityczne i dzienniki w Twojej witrynie; przez większość czasu zajmują dużo miejsca w bazie danych i mogą sprawić, że Twoja witryna będzie zawiła i powolna.

Co więcej, możesz zainstalować wtyczkę WP-Optimize i używać jej do regularnego czyszczenia bazy danych.

2. Zoptymalizuj swoje obrazy

Rozmiar obrazów sumuje się do czasu potrzebnego do załadowania witryny; dzieje się tak zwłaszcza wtedy, gdy prowadzisz witrynę z dużą ilością obrazów lub gdy używasz obrazów do wszystkich swoich artykułów, a one muszą ładować się również na stronie głównej.

Można to zrobić na dwa sposoby:

• Regularnie optymalizuj i zmniejszaj rozmiary obrazów; możesz to zrobić bez uszczerbku dla jakości, jak wyjaśnię później.
• Opóźnienie ładowania obrazów; w ten sposób obrazy nie ładują się, dopóki czytelnicy nie przewiną do miejsca, w którym znajdują się obrazy. Może to również pomóc w zapobieganiu problemom z ładowaniem witryny.

Optymalizując obrazy, obraz o wielkości 2 MB można zmniejszyć do 600 KB bez utraty jakości; odbywa się to poprzez usunięcie informacji osadzonych w obrazie, które nie są konieczne dla wygody użytkownika. Możesz zoptymalizować obrazy na swoim blogu WordPress, instalując wtyczkę WP Smush lub wtyczkę EWWW Image Optimizer. W przypadku opcji ręcznej, która nie jest ograniczona do WordPressa, warto przyjrzeć się Krakenowi.

3. Włącz buforowanie i wygasanie nagłówków

Większość witryn WordPress może działać dwa razy szybciej, jeśli włączone jest buforowanie; buforowanie działa poprzez przechowywanie wersji Twojej witryny w pamięci podręcznej przeglądarki użytkownika, dzięki czemu są one automatycznie obsługiwane w wersji z pamięci podręcznej za każdym razem, gdy odwiedza Twoją witrynę. Zwykle, o ile nie skonfigurujesz inaczej ustawień pamięci podręcznej, pamięć podręczna przeglądarki odwiedzającego zostanie odświeżona po aktualizacji witryny, zapewniając, że niczego nie stracą.

Efektywnie wykorzystując buforowanie, możesz zoptymalizować szybkość swojej witryny w następujący sposób:

• Zamiast żądać plików bezpośrednio z serwera, przeglądarki Twoich czytelników pobierają je ze swojej pamięci podręcznej, co prowadzi do niemal natychmiastowego korzystania z nich.
• Ze względu na zmniejszoną liczbę żądań na Twoim serwerze zmniejsza się obciążenie Twojego serwera, co powoduje, że Twój serwer znacznie szybciej dostarcza pliki do nowych użytkowników.

Buforowanie może być tak skuteczne w zwiększaniu szybkości witryny, a zaobserwowano, że włączenie pełnego buforowania witryny może poprawić szybkość witryny z 2,4 sekundy do 900 milisekund.

Możesz włączyć buforowanie w swojej witrynie, instalując następujące wtyczki:

• WP Super Cache
• Całkowita pamięć podręczna WP
• WordFence (a następnie włącz „Falcon Engine”)

Po włączeniu buforowania możesz także włączyć nagłówki Expires, aby Twoja witryna była znacznie szybsza; Dzięki informowaniu przeglądarek odwiedzających, kiedy mają zażądać określonych plików z Twoich serwerów, Expires Headers może zaoszczędzić zasoby serwera i zapewnić użytkownikom szybszą witrynę. Oto przydatny samouczek dotyczący włączania nagłówków Expires.

4. Włącz kompresję GZIP

Jakie jest twoje ulubione narzędzie do kompresji plików do formatu ZIP na twoim komputerze? 7-zip? WinRar? Prawdopodobnie przynajmniej raz skompresowałeś pliki i zauważyłeś cudowny efekt, gdy plik 200 MB nagle zmniejszył się do 40 MB? Jak to się stało, u licha? Chociaż nie jestem zbyt zaznajomiony z technicznymi aspektami kompresji, wiem, że możliwe jest odtworzenie tego dla Twojej witryny i zapewnienie szybszego korzystania z witryny.

Kompresja GZIP pomaga skompresować pliki witryny do formatu ZIP i zapewnia odwiedzającym wszystko w nienaruszonym stanie; innymi słowy, wrażenia z odwiedzania Twojej witryny są takie same, ale Twoja witryna jest znacznie szybsza, ponieważ odwiedzający otrzymują skompresowaną wersję.

W artykule dla magazynu Smashing, Marcus Taylor przedstawił studium przypadku witryny, której rozmiar zmniejszył się z 68 KB do 13 KB wyłącznie z powodu kompresji GZIP; w oparciu o samą kompresję GZIP strona ta jest zasadniczo pięć razy szybsza. Oto samouczek, który pokazuje 3 sposoby włączenia kompresji GZIP.

5. Użyj CDN

Badania wykazały, że CDN może zwiększyć szybkość Twojej witryny nawet o 60%.

Istnieje wiele czynników, które wpływają na dostarczanie treści, ale strona internetowa hostowana w Indiach będzie dostępna znacznie szybciej z połączenia internetowego w Indiach niż z połączenia internetowego w USA. Niewiele można z tym zrobić; osoby z połączeniem internetowym bliżej lokalizacji Twojej witryny uzyskają większe prędkości, chyba że korzystasz z niezawodnej usługi CDN.

Konfigurując swoją witrynę WordPress do korzystania z CDN, umożliwiasz dystrybucję swoich treści na serwerach na całym świecie, dzięki czemu odwiedzający mogą otrzymywać najbliższą im wersję; więc osoba odwiedzająca z Azji otrzyma wersję Twojej witryny w Azji, zamiast głównej wersji w USA

Istnieje wielu dostawców CDN, a wyszukiwanie w Google ujawni opcje; niektóre z najpopularniejszych usług CDN to CloudFlare (bezpłatny) i MaxCDN (płatny).

6. Zoptymalizuj lub zmień swój motyw WordPress

Twój motyw WordPress może również znacznie przyczynić się do czasu ładowania witryny; jeśli użyjesz motywu WordPress, który jest nadęty i który w dużej mierze opiera się na zapytaniach zewnętrznych, uzyskasz znacznie wolniejszą witrynę w porównaniu z kimś, kto używa motywu opartego na standardach zgodności.

W studium przypadku dla Copyblogger Jerrod Morris ujawnił, w jaki sposób zmiana motywu strony internetowej mogła skrócić czas ładowania strony z 630 ms do 172 ms; działo się tak pomimo faktu, że wszystko inne było równe, z wyjątkiem zmiany w jego motywie WordPress.

7. Połącz obrazy tła z obrazem Sprite

Twój motyw WordPress opiera się na kilku obrazach tła w połączeniu z poleceniami CSS, aby prawidłowo wyświetlać czyste tło; więc piękny obraz tła, który widzisz, składa się prawdopodobnie z 12 różnych obrazów tła. Na pozór wygląda to normalnie i niewinnie, dopóki nie zdasz sobie sprawy, że 12 obrazów reprezentuje 12 różnych żądań na Twój serwer z przeglądarki odwiedzającego; co jeśli możesz zamienić te 12 obrazów w 1? Zauważysz drastyczny wzrost prędkości.

Łącząc obrazy tła w obrazki, możesz zamienić różne obrazy tła motywu w jeden obraz, a następnie użyć CSS, aby Twoja witryna wyświetlała się normalnie. Zmniejszy to całkowitą liczbę bajtów, które przeglądarki użytkowników muszą pobrać, opóźnienia spowodowane przez obie strony i obciążenie żądaniami. Rezultatem jest znacznie szybsza strona internetowa.

Możesz łączyć swoje obrazy w duszki za pomocą SpriteMe.

8. Używaj tylko dostarczania asynchronicznego dla kodów JavaScript

Prawdopodobnie widziałeś, jak przestój Facebooka powoduje wyłączenie stron internetowych lub ich absurdalne spowolnienie? Interesujące jest to, że dzieje się to nie tylko podczas instalacji kodu na Facebooka; może się to zdarzyć, gdy synchronicznie zainstalujesz kod z dowolnej witryny – zwłaszcza usług analitycznych lub śledzących. Jeśli kod jest instalowany synchronicznie w Twojej witrynie, kod musi zostać załadowany jako pierwszy – w zależności od sekcji kodu – przed załadowaniem innych elementów w Twojej witrynie.

Używając tylko dostarczania asynchronicznego dla swoich kodów JavaScript, możesz mieć pewność, że Twoja witryna działa poprawnie i szybko, niezależnie od tego, co dzieje się z serwerami kodów JavaScript, które masz na swojej stronie.

9. Włącz utrzymywanie protokołu HTTP

Za każdym razem, gdy odwiedzający zażąda pliku z twojego serwera, każdy plik zostanie wysłany indywidualnie; problem z tym podejściem polega na tym, że musi otwierać nowe połączenie dla każdego pliku, co ostatecznie prowadzi do powolnej witryny w zależności od tego, ile osób odwiedza ją jednocześnie. Włączając HTTP Keep-Alive, każesz przeglądarce odwiedzającego dostarczyć wszystkie pliki za pośrednictwem jednego połączenia; w ten sposób połączenie pozostanie otwarte do momentu wysłania wszystkich plików, zmniejszając w ten sposób liczbę połączeń otwartych na serwerze i powodując szybszą witrynę.

10. Zdobądź lepszego gospodarza

Jeśli Twój hosting jest do niczego, wskazówki przedstawione w tym artykule nie będą miały większego znaczenia; Regularnie analizuję i profiluję hosty internetowe, aw tym procesie widziałem hosty internetowe, które oceniają 2 na 10, jeśli chodzi o ładowanie strony; z tymi hostami internetowymi nic, co zrobisz, nie przyspieszy Twojej witryny, ponieważ ich konfiguracja serwera jest do niczego.

W artykule Smashing Magazine Marcus Taylor zamieścił studium przypadku, aby pokazać, jak duży wpływ może mieć host sieciowy na czas ładowania witryny; porównał szybkość witryny dwóch swoich klientów; jeden na serwerze dedykowanym, a drugi na współdzielonym hoście. Odpowiedź była oszałamiająca; witryna na serwerze dedykowanym miała czas odpowiedzi 7 milisekund, podczas gdy witryna na tanim współdzielonym serwerze hostingowym miała czas odpowiedzi 250 milisekund.

Twój host internetowy zdecydowanie ma znaczenie; upewnij się, że wykonałeś należyte badania, zanim zdecydujesz się na hosting.