Jak sprawić, by Twoja witryna WordPress była szybsza i bardziej skalowalna.
Sprawdź nasz przewodnik optymalizacji wydajności WordPress.
Wydajność ma znaczenie.
Ma wpływ na wygodę użytkownika, sprzedaż i konwersje oraz ranking wyszukiwania.
Lepszy współczynnik konwersji
Badania przeprowadzone przez Amazon, Google i inne firmy wyraźnie wykazały, że szybsze strony internetowe mają lepszy współczynnik konwersji. Im wolniejsza jest Twoja witryna, tym mniejsze jest prawdopodobieństwo, że odwiedzający dokona zakupu, skontaktuje się z Tobą lub skomentuje. 1 sekunda wolniej to 7% redukcja konwersji.
Więcej odsłon
1 sekunda opóźnienia w ładowaniu strony oznacza o 11% mniej odsłon. Im szybciej ładuje się Twoja witryna, tym większe jest prawdopodobieństwo, że odwiedzający spędzą w niej więcej czasu. To więcej odsłon dla Ciebie i więcej pieniędzy z reklam.
Lepszy ranking
Google uwielbia szybsze strony internetowe. Szybsza witryna zajmuje lepszą pozycję w wyszukiwarkach, co prowadzi do większej liczby odwiedzających Twoją witrynę. Jasne, nie możemy zagwarantować lepszych rankingów w wynikach wyszukiwania, jednak posiadanie szybszej witryny zwiększy Twoje szanse na lepsze rankingi.
Więcej pieniędzy
Lekka witryna internetowa będzie zużywać mniej zasobów serwera, dzięki czemu będzie w stanie utrzymać większy ruch bez konieczności aktualizacji planu hostingowego. Jeśli więc masz zoptymalizowaną witrynę internetową, możesz ją hostować nawet na wspólnym planie hostingowym i oszczędzać pieniądze.
Co się stanie, gdy ktoś odwiedzi stronę w Twojej witrynie WordPress?
Aby przyspieszyć witrynę WordPress, ważne jest, aby zrozumieć, jak wszystko działa, aby móc zastosować odpowiednie poprawki.
Użytkownik klika link do Twojej witryny
Podczas uzyskiwania dostępu do Twojej witryny przeglądarka osoby odwiedzającej sprawdza adres IP Twojej domeny w DNS, a następnie wysyła żądanie strony do serwera. Jeśli witryna korzysta z protokołu SSL, klient i serwer negocjują bezpieczne połączenie przed zakończeniem żądania.
Serwer tworzy kod HTML
Serwer odbiera żądanie i przetwarza kod strony internetowej. Baza danych i system plików są sprawdzane pod kątem wszystkich wymaganych elementów i kompilowana jest strona HTML. Po utworzeniu kodu HTML serwer wysyła go z powrotem do przeglądarki.
Serwer wysyła kod HTML do przeglądarki
Po utworzeniu kodu HTML serwer wysyła go do przeglądarki.
Przeglądarka odczytuje kod HTML i żąda wszystkich elementów
Przeglądarka odbiera kod HTML, czyta go i widzi, że potrzebuje więcej elementów (pliki CSS, czcionki, obrazy, pliki JavaScript). Mogą pochodzić z tego samego serwera lub z innych serwerów, w tym przypadku wymagają nowych zapytań DNS i połączeń SSL.
Przeglądarka rozpoczyna tworzenie strony
Wciąż zbierając elementy, przeglądarka rozpoczyna tworzenie strony i wyświetla pierwszą wersję strony. Nazywa się to First Contentful Paint (FCP) i jest ważnym wskaźnikiem. Ponieważ ładowanie strony nie zostało zakończone, użytkownik nie może jeszcze z nią wchodzić w interakcję.
Przeglądarka przygotowuje stronę do interakcji
Na stronie musi zebrać się kilka elementów, zanim użytkownik będzie mógł rozpocząć interakcję ze stroną, kliknięcie czy przewijanie, aby przeglądarka przygotowała stronę do interakcji.
Strona jest gotowa do użycia
Kiedy wszystkie elementy zostaną załadowane, a wszystkie skrypty zakończą swoje zadania konfiguracyjne, strona będzie wreszcie gotowa do użycia. Dlatego naszym celem przy optymalizacji serwisu jest osiągnięcie stanu „gotowego do użycia” w jak najkrótszym czasie.
Czas ładowania strony składa się z 3 części.
Użyto wyrażenia „szybkość ładowania witryny”, ale w rzeczywistości jest to CZAS, a nie prędkość.
01.
Czas odpowiedzi serwera
Czas reakcji serwera ma największy wpływ na wygodę użytkownika. Tutaj działa serwer, na którym działa kod PHP witryny. Jeśli to pierwsze żądanie będzie powolne, wszystkie pozostałe kroki przeglądania strony internetowej zostaną opóźnione.
02.
Czas przesyłania danych
Czas przesyłania danych to czas potrzebny na przetransportowanie elementów składających się na stronę z serwera (lub serwerów) do przeglądarki. Zależy to od ilości danych i odległości, jaką muszą pokonać.
03.
Czas renderowania strony
Na czas renderowania wpływa jakość i złożoność interpretowanego kodu, liczba elementów i ich rozmiar, a także szybkość urządzenia, na którym działa przeglądarka.
01.
Jak poprawić czas odpowiedzi serwera?
To tutaj pracuje serwer przetwarzający kod PHP. Celem jest zapewnienie serwerowi jak najmniejszej ilości pracy. Lub daj do pracy jak najwięcej serwera. Idealnie… jedno i drugie.
Pamięć podręczna całej strony
Zainstaluj wtyczkę buforującą WordPress lub porozmawiaj ze swoim dostawcą usług hostingowych na temat buforowania na poziomie serwera lub pomocy w integracji buforowania brzegowego.
Użyj lepszych wtyczek
Przetestuj wykorzystanie zasobów wtyczek WordPress; sprawdź, czy istnieją wtyczki, które wysyłają żądania niebuforowalne; zastąpić je lepszymi.
Użyj lepszych motywów
Przetestuj wykorzystanie zasobów aktywnego motywu WordPress i, jeśli wystąpią problemy, zastąp go lżejszym motywem.
Optymalizacja bazy danych
Oczyść osierocone meta_keys z tabeli wp_postmeta; wyczyść wpisy za pomocą automatycznego ładowania: tak z tabeli wp_options; czyści stare wpisy wtyczek i motywów; usuń wygasłe transjenty; zmień silnik tabeli na INNODB.
Ustawienia WordPressa
Wyłącz śledzenie, pingbacki, emoji i osadzanie; wyłączyć lub ograniczyć wersje; ustawić regularne sprzątanie śmieci; wyłącz lub zmodyfikuj API pulsu; wyłącz xml-rpc, jeśli nie jest potrzebny; skonfiguruj cronjob serwera.
Zdobądź lepszy hosting
Wspólny hosting nie może zagwarantować stałej wydajności. Jeśli wydajność jest dla Ciebie krytyczna, wypróbuj zarządzany hosting WordPress lub zarządzany hosting WooCommerce.
02.
Jak poprawić czas przesyłania danych?
Celem jest zmniejszenie ilości danych, które należy przesłać z serwera do przeglądarki, oraz zmniejszenie odległości, na jaką dane są przesyłane.
Optymalizuj obrazy
Nie używaj wyższych rozdzielczości niż to konieczne; użyj odpowiedniego formatu (jpg, png, svg, webp) dla każdego scenariusza; wyczyść serwer z nieużywanych obrazów.
Optymalizuj CSS i JS
- usuń niepotrzebne CSS i JS
- połączyć CSS i JS
- zminimalizować CSS i JS
Optymalizuj czcionki
- używaj tylko jednej czcionki, maksymalnie 2 (jedna dla nagłówków, druga dla treści)
- udostępnia pliki czcionek z Twojego serwera
- alternatywnie użyj czcionek systemowych
Użyj CDN
- Cloudflare (bezpłatny)
- Szybka.chmura
- KróliczekCDN
- KluczCDN
- Chmura AWS
- CDN w chmurze Google
- Szybko
03.
Jak poprawić czas renderowania strony?
W tym miejscu działa przeglądarka na urządzeniu odwiedzającego. Nie mamy wpływu na prędkość jego łącza internetowego, ani moc obliczeniową jego urządzenia, możemy jedynie dać tej przeglądarce mniej pracy.
DOM
Zmniejsz złożoność DOM, używając natywnych bloków Gutenberga do tworzenia stron zamiast wtyczek do tworzenia stron.
JavaScript
Im więcej JS masz na swojej stronie, tym trudniej będzie uzyskać szybki czas renderowania. Usuń to, co możesz, odłóż i opóźnij to, czego nie możesz.
CSS
Zmniejsz złożoność CSS, usuń błędy składniowe, ogranicz użycie @import i !important, usuń zduplikowane, zbędne selektory i właściwości.
Spraw, aby Twoja witryna działała sprawnie dzięki Simplenet Hosting.
Zarejestruj się już dziś, aby otrzymać plan hostingowy i uzyskaj DARMOWY audyt wydajności i optymalizację.
