Spędziłeś miesiące projektując oszałamiającą witrynę WordPress i współpracując z klientami i współpracownikami, aby stworzyć coś naprawdę wyjątkowego. Teraz udostępniłeś go publicznie i tak! Wszystko gotowe. Ale poczekaj… to trochę powolne. Wiesz, że szybkość witryny ma kluczowe znaczenie dla sukcesu Twojej firmy (i Twojego klienta). Od czasu do czasu uderzają Cię przerażające statystyki, takie jak „ prawie połowa użytkowników sieci oczekuje, że witryna załaduje się w ciągu dwóch sekund lub mniej” oraz „użytkownicy mają tendencję do porzucania witryny, która nie została załadowana w ciągu trzech sekund ”.

Na tym etapie projektu łatwo jest czuć się sfrustrowanym, ale nie martw się. Zanim zapukasz do drzwi swojego hosta internetowego lub dodasz mnóstwo wtyczek, wykonaj te proste kroki, aby Twoja witryna WordPress była płynna, solidna i super szybka.

Krok pierwszy: test!

Zanim zaczniesz, ważne jest, aby wykonać pewne pomiary i przeprowadzić kilka testów, aby uzyskać pewne punkty odniesienia, dzięki czemu będziesz wiedzieć, czy wprowadzane zmiany rzeczywiście ulepszają Twoją witrynę.

Aby przetestować szybkość swojej witryny, najlepszym rozwiązaniem jest połączenie WebPageTest i Google PageSpeed ​​Insights. WebPageTest daje dobre wyobrażenie o rzeczywistym czasie (w sekundach) ładowania witryny, a te metryki pomogą Ci dowiedzieć się, czy to back-end czy front-end powoduje powolne ładowanie witryny. Google PageSpeed ​​Insights najlepiej sprawdza się, jak Twoja witryna jest renderowana przez przeglądarkę i może pomóc Ci określić, co możesz ulepszyć w interfejsie.

Krok drugi: upewnij się, że masz najlepszego gospodarza

Cena hostingu współdzielonego zawsze sprawia, że ​​wydaje się to okazją, ale wiąże się to z innymi kosztami: niską prędkością witryny, nieregularną wydajnością i częstymi przestojami. Stres nie jest tego wart, zwłaszcza gdy masz możliwość wybrania zarządzanego hosta WordPress (takiego jak Flywheel!), który zajmie się ogromną częścią problemów z wydajnością WordPressa. Jeśli chodzi o hosting, nie chcesz zadzierać z migracjami w ostatniej chwili, zhakowanymi witrynami, słabymi serwerami i nieoczekiwanymi przestojami w najważniejszych momentach.

Krok trzeci: skontroluj swoje wtyczki

Dodanie wtyczek do witryny może przynieść wiele funkcji i zabawnych rzeczy, które sprawią, że Twoja witryna będzie znacznie bardziej niż podstawowa. Niestety, wielu niesie ze sobą obciążenie związane z wydajnością. Widzieliśmy tak wiele powolnych witryn, które można natychmiast wyleczyć po wyłączeniu kilku wtyczek. Najlepszym sposobem na uniknięcie migreny związanej z zarządzaniem wtyczkami jest pamiętanie o wydajności podczas tworzenia witryny. „Nie spędzaj tygodni polegając na wtyczce tylko po to, aby stała się zmorą twojego istnienia ” kiedy się dowiesz, że Twoja witryna jest bardzo wolna. Czytaj recenzje, testuj je regularnie i upewnij się, że aktualizujesz je do najnowszej wersji, gdy będzie dostępna.

Cała ta negatywna rozmowa o wtyczkach ma tylko uświadomić potencjalne ryzyko związane z używaniem złych. Są to zazwyczaj wtyczki opracowane przez niedoświadczonych programistów lub takie, które wykonują mnóstwo zapytań do bazy danych i wymagają intensywnego przetwarzania logiki. Mamy jednak dobrą wiadomość! Istnieją tysiące wartościowych wtyczek, które nie frustrują użytkowników i czytelników, gdy przemierzają Twoją witrynę. Magiczna sztuczka polega na tym, aby używać tych, a nie tych wolniejszych.

Możesz łatwo sprawdzić, które wtyczki mogą powodować utratę wydajności w Twojej witrynie. Zwykle używamy wtyczki o nazwie P3 Profiler, która przesiewa całą witrynę i informuje, jaki procent całkowitego czasu ładowania jest odpowiedzialny za użycie każdej wtyczki. Jeśli poważnie myślisz o szybkości, uruchomisz test P3 Profiler za każdym razem, gdy aktywujesz nową wtyczkę, aby upewnić się, że nie instalujesz czegoś, co poświęci szybkość. Dodatkowo, przeprowadzając testy porównawcze swoich wtyczek od razu, nie będziesz tracić czasu na grzebanie w wtyczce, jeśli nie będzie ona działać dobrze na dłuższą metę.

Jeśli istnieją wtyczki, bez których nie możesz się obejść, ale nadal spowalniają witrynę, istnieją sposoby, aby nadal z nich korzystać. Ogólnie rzecz biorąc, jeśli stwierdzisz, że wtyczka ładuje się powoli, następnym krokiem jest zwiększenie pamięci na serwerze. Wyeliminowanie takiej potrzeby to najlepszy plan działania, ale prawdopodobnie istnieje kilka wtyczek, których możesz nie chcieć porzucić (na przykład WooCommerce).

Krok czwarty: buforuj wszystko

Buforowanie, zarówno po stronie serwera, jak i klienta, jest ważną częścią wydajności witryny WordPress. Gdy użytkownik załaduje Twoją witrynę po raz pierwszy, możesz skorzystać z możliwości przeglądarki do lokalnego buforowania zawartości tej witryny, dzięki czemu przy następnej wizycie użytkownik już ją wczyta.

Podobnie po stronie serwera posiadanie warstwy pamięci podręcznej działa cuda, ponieważ bardzo szybko obsługuje Twoją witrynę. Najpopularniejszym sposobem buforowania po stronie serwera za pomocą WordPress jest użycie wtyczki W3 Total Cache. Ta wtyczka (lub podobna) jest potrzebna na prawie wszystkich hostach. Wyjątkiem od tej reguły jest koło zamachowe; zajmujemy się buforowaniem po stronie serwera za kulisami dzięki Varnish. Używanie Varnish zamiast wtyczki może znacznie zwiększyć prędkość, ponieważ Varnish nigdy nie musi komunikować się z PHP. Natychmiast wyświetla buforowane statyczne kopie Twojej witryny (nawet bez dotykania warstwy aplikacji PHP), podczas gdy wtyczki są nadal uruchamiane przez PHP.

Na zarządzanych hostach, takich jak Flywheel, buforowanie po stronie serwera informuje przeglądarkę, jak długo ma być buforowane, ustawiając „nagłówki wygasania”. Przeglądarka nie poprosi serwera o więcej informacji, jeśli te nagłówki informują go, aby nie pytał. Musisz głównie zacząć myśleć o buforowaniu, gdy zaczynasz instalować wtyczki lub motywy innych firm. Twórcy motywów i wtyczek mogą ustawić własne nagłówki, które mogą nadpisać domyślne ustawienia hosta, niekorzystnie wpływając na mechanizmy buforowania.

Na przykład WooCommerce wyłącza buforowanie po stronie serwera, ustawiając pliki cookie. Zazwyczaj nie jest to zbyt widoczne, gdy wtyczki lub motywy wyłączają buforowanie, więc dobrze jest skontaktować się z dostawcą usług hostingowych i poprosić o wymuszenie buforowania witryny. Uważaj jednak, aby nie wymuszać buforowania na stronach, które naprawdę potrzebują plików cookie do działania, takich jak koszyk WooCommerce i strony kasy.

Krok piąty: użyj CDN

Sieć dostarczania treści (lub CDN) to sieć serwerów, która obsługuje Twoją witrynę i jej zasoby z różnych lokalizacji w zależności od lokalizacji użytkownika. Załóżmy na przykład, że nie korzystasz z sieci CDN, a Twoja witryna jest hostowana w San Francisco. Kiedy ktoś z, powiedzmy, Barcelony odwiedza Twoją witrynę, musi pobrać wszystkie Twoje zasoby z serwera w San Francisco.

Duża odległość między tymi dwiema lokalizacjami wyraźnie trwa dłużej, niż gdyby ktoś z San Francisco wczytał Twoją witrynę hostowaną w San Francisco. CDN obsługuje Twoje zasoby z wielu różnych serwerów zlokalizowanych w Nowym Jorku, Seattle, Omaha, Paryżu, Londynie, Pekinie i San Francisco (i wielu innych). Chodzi o to, aby użytkownicy trafili na najbliższy serwer i nie poświęcali czasu ładowania, ponieważ odległość między nimi a serwerem jest mniejsza. Dzięki CDN ta sama osoba z Barcelony trafi teraz do centrum danych w Londynie lub Paryżu zamiast w San Francisco. Korzystanie z CDN z pewnością zwiększy szybkość Twojej witryny dla użytkowników na całym świecie!

Niektóre z najpopularniejszych sieci CDN to Amazon Web Services, CloudFlare i MaxCDN. Większość z nich ma darmowe plany, ale jeśli przyciągniesz wielu odwiedzających i masz dużo zasobów, najprawdopodobniej będziesz musiał zapłacić za CDN. Zazwyczaj są one łatwe w konfiguracji, ale jeśli chcesz super łatwego rozwiązania konfiguracyjnego, powinieneś sprawdzić dodatek MaxCDN firmy Flywheel.

Wypróbuj Statystyki wydajności!

Wiemy, że sam hosting nie rozwiąże wszystkich problemów z wydajnością WordPressa (mimo że platforma w chmurze Flywheel naprawdę sprawia, że ​​Twoja witryna działa!). Drobne szczegóły w interfejsie mogą naprawdę spowolnić działanie… a przy tak wielu współpracujących ze sobą wtyczkach, motywach i technologiach może być trudno wiedzieć, od czego zacząć.

Nasz dodatek Performance Insights daje Ci dogłębny wgląd w aspekty Twojej witryny o wysokiej i niskiej wydajności. Stamtąd idziemy o krok dalej i przedstawiamy Ci zalecane działania prosto od naszego zespołu ekspertów, dzięki czemu wiesz dokładnie, gdzie i jak poprawić szybkość Twojej witryny! Dowiedz się więcej tutaj.