- Źródła problemów z szybkością WordPress
- Wydajność serwera
- Wydajność klienta
- Sposoby rozwiązywania problemów z szybkością witryny na WordPressie
- Przyspieszenie serwera WordPress
- Przyspieszenie klientów witryn na WordPress
- Główne ustalenia
Doktorat N. E. Lavlinsky, dyrektor techniczny, Method-Lab LLC 
Witryny zbudowane na bazie WordPress są częstymi gośćmi usługi przyspieszenia witryny w Method Lab. W tym artykule omówimy główne obszary problemowe takich witryn i sposoby rozwiązywania problemów.
Źródła problemów z szybkością WordPress
Skąd więc pochodzą powolne witryny WordPress? W skrócie: witryny WordPress są domyślnie wolne. Oznacza to, że aby uzyskać szybką stronę, musisz podjąć wiele działań, aby przyspieszyć. Istnieje kilka powodów: niska kwalifikacja twórców stron, wykorzystanie gotowych szablonów (motywów), brak świadomości na temat technologii przyspieszania witryn.
Wydajność serwera
Zacznijmy od strony serwera. Aby wyświetlić stronę w przeglądarce, musisz uzyskać przynajmniej jej kod HTML. Czas generowania kodu HTML strony ogranicza czas ładowania strony od dołu. Większość witryn WordPress może mieć czas generacji dłuższy niż 1 sekunda, co jest zbyt długim czasem. A to dla zwykłych stron, jeśli wykonujesz skomplikowane sprawy (wyniki wyszukiwania, filtry itd.), Czas generowania może wynosić 2-60 sekund. W takiej sytuacji przyspieszenie witryny powinno rozpocząć się od radykalnego skrócenia czasu uzyskania HTML.
Istotne są również pozostałe aspekty optymalizacji serwera (buforowanie nagłówków, kompresja danych testowych itd.), Ale odnoszą się one do konfiguracji hostingu, a nie do funkcji WordPress.
Wydajność klienta
Duża liczba problemów z szybkością witryny odnosi się do strony klienta. Witryna z punktu widzenia programisty składa się z szablonów, treści i widżetów. Szablony z kolei składają się z obszarów (na przykład nagłówka, stopki itd.). Dlatego najważniejszymi elementami optymalizacji prędkości są części szablonu, które są powtarzane na wielu stronach witryny.
Jakie problemy zwykle widzimy? Po pierwsze, jest to duża liczba plików CSS. Niektóre z nich należą do stylów tematycznych, a niektóre do wtyczek JS. Często te CSS nie są zminimalizowane, a czasami nie są wcale potrzebne (nie używane na stronie). Ponieważ każdy plik CSS blokuje renderowanie strony, prowadzi to do poważnych problemów z szybkością ładowania strony.
Po drugie, większość tematów w witrynach WordPress jest pełna kodu JS, który znajduje się w wielu małych plikach. Z reguły istnieje biblioteka jQuery i pewna liczba wtyczek. Pliki JS blokują się również podczas renderowania strony, a ich skompilowanie wymaga czasu (zwłaszcza na urządzenia mobilne).
Po trzecie, dziś większość nowoczesnych stron internetowych korzysta z połączonych czcionek internetowych. Z naszego doświadczenia wynika, że programiści często korzystają z usługi Google Fonts, która dynamicznie generuje pliki CSS i czcionki. Pod względem szybkości pobierania witryny podejście to ma kilka wad: należy utworzyć oddzielne połączenie z serwerami Google, dodać żądanie dla jednego lub więcej CSS, dodać punkt niepowodzenia klienta (frontend SPOF).
Po czwarte, większość treści nowoczesnych witryn to obrazy. Jednak często nie są one zoptymalizowane pod względem rozmiaru. Główne problemy: zbyt wysoka ocena jakości JPEG, użycie formatu PNG zamiast JPEG, obecność niepotrzebnych danych w plikach. Jednym z powodów dużego rozmiaru plików graficznych mogą być nieprawidłowe ustawienia rozmiaru i jakości w ustawieniach wtyczki galerii zdjęć.
Sposoby rozwiązywania problemów z szybkością witryny na WordPressie
Przyspieszenie witryny na WordPress można również podzielić na serwer i klienta.
Przyspieszenie serwera WordPress
Główną miarą przyspieszenia serwera jest wybór wysokiej jakości hostingu. Drugim krokiem jest połączenie modułu buforującego Total Cache, który pozwala skutecznie skrócić czas dostarczania HTML. Pozostałe zalecenia dotyczą ogólnej optymalizacji ustawień Nginx, Apache, PHP, MySQL.
Przyspieszenie klientów witryn na WordPress
Dla optymalizacji klienta istotne są wszystkie zwykłe zalecenia dotyczące przyspieszenia stron internetowych. Ponadto możesz użyć specjalistycznej wtyczki Autoptimize. Ta wtyczka umożliwia łączenie plików CSS i JS w celu przeprowadzenia ich modyfikacji. Ponadto w przypadku kodu JS możliwe jest przeniesienie go do kodu, zmniejszając wpływ na blokadę renderowania strony. W tym samym czasie często w szablonie motywu jest wiele nieużywanych wtyczek JS. Dlatego przed podłączeniem wtyczki Autoptimize należy sprawdzić wszystkie wtyczki i usunąć niepotrzebne (w tym CSS z nich). Aby rozwiązać inne problemy, można zastosować zwykłe zalecenia dotyczące przyspieszenia witryn: optymalizacja obrazu, lokalne ładowanie czcionek i tak dalej.
Główne ustalenia
Pomimo obszernej listy problemów z szybkością, uzyskanie szybkiej witryny WordPress jest całkiem realistyczne. Aby osiągnąć ten cel, musisz użyć narzędzi do akceleracji specyficznych dla WordPress i standardowych narzędzi.
Dla profesjonalne witryny przyspieszenia na WordPressie i nie tylko skontaktuj się z nami.
Jakie problemy zwykle widzimy?