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

Niedawne badanie firmy Microsoft, które wykazało, że nasz czas koncentracji zmniejszył się z 12 sekund w 2000 r. do 8 sekund w 2013 r., staje się coraz bardziej oczywiste, że użytkownicy sieci są niecierpliwi. Dalsze badania pokazują, że 40% osób opuści Twoją witrynę, jeśli ładowanie zajmie więcej niż 3 sekundy.

Chociaż WordPress jest domyślnie lekki i szybki, konfiguracja przeciętnego użytkownika sieci może spowolnić i bardzo skomplikować działanie. Jeśli chcesz mieć szybką witrynę WordPress, zwróć szczególną uwagę na następujące wskazówki.

1 Regularnie optymalizuj swoją bazę danych

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

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

• Opublikuj poprawki: Wersje opublikuj mogą szybko zapchać bazę danych i spowolnić witrynę. Każda wersja posta to nowy wpis w Twojej bazie danych, a to szybko się sumuje. Możesz albo wyłączyć poprawki postów, albo je ograniczyć. Jeśli chcesz ograniczone wersje, możesz zaktualizować swój wp-config.phpplik, dodając poniższy kod:

  define('AUTOSAVE_INTERVAL', 300); // seconds
  define('WP_POST_REVISIONS', 5);

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

  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ć wersjami postów.

• Pingbacki i trackbacki: Pingbacki i trackbacki mogą również zapchać twoją bazę danych, więc możesz chcieć je wyłączyć.

• Komentarze na blogu: Komentarze na blogu niekoniecznie są złe, dopóki nie odkryjesz, że masz tysiące spamerskich komentarzy, które niepotrzebnie zajmują miejsce w Twojej bazie danych. Pamiętaj, aby regularnie usuwać komentarze będące spamem, aby nie zajmowały miejsca w pamięci.

• Wtyczki: niektóre wtyczki przechowują dane i dzienniki w Twojej bazie danych; początkowo uznasz je za przydatne, dopóki nie zdasz sobie sprawy, ile miejsca zajmują. Miałem wtyczkę do skracania adresów URL, która pokazuje również, że dane analityczne wykorzystują aż 160 MB miejsca w mojej bazie danych. Tak, to tylko jedna wtyczka! Zwykle 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 zagmatwana 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 Twoich obrazów sumuje się z czasem potrzebnym do załadowania Twojej 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, które również muszą ładować się na stronie głównej.

Można to zrobić na dwa sposoby:

• Regularnie optymalizuj i zmniejszaj rozmiary swoich obrazów; możesz to zrobić bez utraty jakości, jak wyjaśnię później.
• Opóźnij ładowanie 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 zredukować do 600 KB bez utraty jakości; odbywa się to poprzez usuwanie informacji osadzonych w obrazie, które nie są niezbędne do doświadczenia użytkownika. Możesz zoptymalizować obrazy na swoim blogu WordPress, instalując wtyczkę WP Smush lub wtyczkę EWWW Image Optimizer. Aby uzyskać opcję ręczną, która nie jest ograniczona do WordPress, możesz rzucić okiem na Kraken.

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 polega na przechowywaniu wersji Twojej witryny w pamięci podręcznej przeglądarki odwiedzającego, dzięki czemu automatycznie otrzymuje wersję z pamięci podręcznej za każdym razem, gdy odwiedzają Twoją witrynę. Zwykle, o ile nie skonfigurujesz inaczej ustawień pamięci podręcznej, pamięć podręczna przeglądarki odwiedzającego zostanie odświeżona, gdy zaktualizujesz swoją witrynę, zapewniając, że niczego nie stracą.

Efektywnie wykorzystując buforowanie, możesz zoptymalizować szybkość swojej witryny na następujące sposoby:

• Zamiast żądać plików bezpośrednio z twojego serwera, przeglądarki twoich czytelników pobierają je z ich pamięci podręcznej, co prowadzi do niemal natychmiastowego doświadczenia.
• Ze względu na zmniejszone żądania na serwerze, obciążenie serwera zmniejsza się, co powoduje, że serwer dostarcza pliki do nowych użytkowników znacznie szybciej.

Buforowanie może być bardzo skuteczne w zwiększaniu szybkości witryny i 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 znacznie przyspieszyć swoją witrynę; informując przeglądarki odwiedzających, kiedy mają zażądać określonych plików z Twoich serwerów, Expires Headers może zaoszczędzić zasoby serwera i zapewnić szybszą witrynę dla użytkowników. 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 komputerze? 7-zip? WinRar? Prawdopodobnie co najmniej raz skompresowałeś pliki i zauważyłeś cudowny efekt, gdy plik o wielkości 200 MB nagle zmniejszył się do 40 MB? Jakim cudem to się stało? Chociaż nie jestem zbyt zaznajomiony z technicznymi aspektami kompresji, wiem, że można to powtórzyć w swojej witrynie i zapewnić szybsze działanie witryny.

Kompresja GZIP pomaga skompresować pliki witryny do formatu ZIP i udostępnia 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 Smashing Magazine Marcus Taylor przedstawił studium przypadku witryny, której rozmiar wzrósł z 68 KB do 13 KB wyłącznie dzięki kompresji GZIP; oparta na samej kompresji GZIP, ta strona jest zasadniczo pięć razy szybsza. Oto samouczek, który pokazuje 3 sposoby włączania kompresji GZIP.

5 Użyj sieci CDN

Badania wykazały, że CDN może zwiększyć prędkość 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 łączem 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 sieci CDN, umożliwiasz dystrybucję treści na serwerach na całym świecie, aby odwiedzający mogli otrzymać najbliższą im wersję; więc ktoś odwiedzający 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żywasz motywu WordPress, który jest rozdęty i który w dużej mierze opiera się na zewnętrznych zapytaniach, uzyskasz znacznie wolniejszą stronę internetową w porównaniu do kogoś, kto używa motywu zbudowanego w oparciu o standardy zgodności.

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

7 Połącz obrazy tła z obrazkiem 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 ten piękny obraz tła, który widzisz, prawdopodobnie składa się z 12 różnych obrazów tła. Z pozoru wygląda to normalnie i niewinnie, dopóki nie zdasz sobie sprawy, że 12 obrazów reprezentuje 12 różnych żądań skierowanych do Twojego serwera 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 duszki obrazu, możesz zamienić różne obrazy tła motywu w 1 obraz, a następnie użyć CSS, aby Twoja witryna wyświetlała się normalnie. Zmniejszy to łączną liczbę bajtów, które przeglądarki odwiedzających użytkowników muszą pobrać, zmniejszy opóźnienia spowodowane podróżami w obie strony i obciążenie związane z żądaniami. Rezultatem jest znacznie szybsza strona internetowa dla Ciebie.

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

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

Prawdopodobnie widziałeś, jak przestój Facebooka powoduje awarię stron internetowych lub sprawia, że ​​są śmiesznie powolne? Co ciekawe, dzieje się tak nie tylko podczas instalowania kodu Facebooka; może się to zdarzyć, gdy synchronicznie instalujesz kod z dowolnej witryny – zwłaszcza usługi analityczne lub śledzące. Jeśli kod jest instalowany synchronicznie w Twojej witrynie, kod musi się najpierw załadować — w zależności od tego, w jakiej sekcji znajduje się kod — przed załadowaniem innych elementów witryny.

Używając tylko asynchronicznego dostarczania kodów JavaScript, możesz zapewnić prawidłowe i szybkie działanie witryny niezależnie od tego, co dzieje się z serwerami kodów JavaScript, które masz w witrynie.

9 Włącz utrzymywanie aktywności HTTP

Za każdym razem, gdy odwiedzający poprosi o plik z Twojego serwera, każdy plik zostanie wysłany osobno; problem z tym podejściem polega na tym, że musi otwierać nowe połączenie dla każdego pliku, co ostatecznie prowadzi do powolnej strony internetowej w zależności od tego, ile osób jednocześnie odwiedza Twoją witrynę. Włączając HTTP Keep-Alive, mówisz przeglądarce odwiedzającego, aby dostarczała wszystkie pliki za pośrednictwem jednego połączenia; w ten sposób połączenie pozostanie otwarte do momentu wysłania wszystkich plików, co zmniejszy liczbę otwartych połączeń na serwerze i spowoduje szybszą witrynę.

10 Zdobądź lepszego gospodarza

Jeśli Twój hosting jest do bani, wskazówki przedstawione w tym artykule nie będą miały większego znaczenia; Regularnie analizuję i profiluję hosty internetowe, a w trakcie tego procesu 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 bani.

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; strona na serwerze dedykowanym miała czas odpowiedzi 7 milisekund, podczas gdy strona na tanim współdzielonym serwerze hostingowym miała czas odpowiedzi 250 milisekund.

Twój usługodawca hostingowy zdecydowanie ma znaczenie; upewnij się, że przeprowadziłeś odpowiednie badania, zanim zdecydujesz się na hosta internetowego.