10 wskazówek, jak poprawić szybkość witryny WordPress

Szybkość witryny WordPress

Szybkość witryny — jest to jeden z głównych czynników, który większość programistów i SEO chce poprawić. W tym tygodniu Google ogłosił, że szybkość ładowania strony internetowej będzie dużym czynnikiem rankingowym w nowym indeksie Mobile First.

Zgodnie z tym artykułem, prędkość ładowania strony internetowej bezpośrednio przyczynia się do porzucania strony, przy czym 25% porzuca już po 4 sekundach, co można zaobserwować za pomocą Google Analytics. Szybkość wczytywania strony ma również negatywny wpływ na użytkowników mobilnych, według DoubleClick by Google 53% użytkowników mobilnych opuszcza stronę po 4 sekundach.

Dlatego w tym tygodniu postanowiliśmy podzielić kilka wskazówek i metod, aby poprawić szybkość witryny WordPress.

1. Uruchom testy

Zanim zaczniesz optymalizować swoją stronę internetową pod kątem zwiększenia szybkości, dobrze jest przeprowadzić testy, aby zobaczyć, jak obecnie działa strona, aby dać Ci dobry wskaźnik poziomu ulepszeń, których będziesz potrzebować.

PageSpeed ​​Insights od Google Developers daje stronie wynik optymalizacji na 100, zarówno dla komputerów stacjonarnych, jak i urządzeń mobilnych. Jest to świetny sposób, aby zobaczyć, jak działa szybkość witryny, a także zawiera fragmenty informacji o tym, gdzie należy wprowadzić ulepszenia.

Innym testem, który możesz rozważyć, jest WebPageTest. Ten test zapewnia ogromną ilość szczegółowych informacji o tym, jak ładuje się Twoja witryna, w tym czas do pierwszego bajtu, i pokazuje dokładnie, ile czasu zajmuje wczytanie określonych zasobów.

2. Minimalizuj i łącz (HTML, CSS i JavaScript)

Po uzyskaniu wyników z WebPageTest możesz zobaczyć liczbę żądań wysłanych przez Twoją witrynę internetową w celu użycia dodatkowych stron zasobów, takich jak strony HTML, CSS i JavaScript.

Celem tutaj jest próba zmniejszenia tej liczby tak bardzo, jak to możliwe, poprzez zmniejszenie tych plików i połączenie ich ze sobą, aby zmniejszyć tę liczbę.

Ten proces jest szczególnie ważny, jeśli używasz narzędzia do tworzenia stron, takiego jak Divi lub Elementor, czasami te kreatory mogą pozostawić w plikach fragmenty bezużytecznego kodu, odstępy i niepotrzebne formatowanie.

Prostym sposobem na to jest zainstalowanie wtyczek, takich jak WP Fastest Cache. W ustawieniach wtyczek tego typu chcesz wybrać zarówno opcje minifikacji, jak i łączenia.

3. Zminimalizuj czas do pierwszego bajtu

Czas do pierwszego bajtu lub TTFB jest zasadniczo miarą tego, ile czasu zajmuje serwerowi odebranie żądania i wysłanie pierwszego bajtu informacji do przeglądarki.

Narzędzia programistyczne lub DevTools to zestaw narzędzi do tworzenia i debugowania stron internetowych wbudowanych w Google Chrome. DevTools zapewnia twórcom stron internetowych głęboki dostęp do wnętrza przeglądarki i ich aplikacji internetowych.

Jeśli korzystasz z Narzędzi dla programistów, pamiętaj, że na czas odpowiedzi może mieć wpływ Twoje połączenie internetowe. Więc im wolniejsze jest twoje własne połączenie, tym wolniejsza będzie odpowiedź twojego serwera.

Jeśli twój TTFB ma mniej niż 200 ms, wszystko na świecie jest w porządku. Jeśli nie, może być kilka różnych problemów do rozwiązania, aby skrócić ten czas.

Dynamiczne tworzenie treści i konfiguracja serwera to dwa kontrolowane czynniki podczas próby zmniejszenia TTFB. Dzięki WordPress Twoje strony są najprawdopodobniej dynamiczne. Oznacza to, że muszą wchodzić w interakcję z bazą danych, aby „zbudować” je z różnych plików za pomocą PHP, zanim zostaną odesłane.

Zmniejszenie czasu odpowiedzi serwera i włączenie buforowania to dwie poprawki dotyczące tych problemów, którymi zajmiemy się w dalszej części tego artykułu.

4. Skróć czas odpowiedzi serwera

Jednym z najważniejszych czynników wpływających na szybkość ładowania strony jest czas potrzebny na wyszukiwanie DNS.

System nazw domen (DNS) to serwer z bazą danych adresów IP i powiązanych z nimi nazw hostów. Kiedy użytkownik wpisuje adres URL w przeglądarce, serwer DNS tłumaczy ten adres URL na adres IP, który wskazuje jego lokalizację online.

Jeśli korzystasz z wolnego dostawcy DNS, wydłuża to czas, w którym przeglądarki znajdują Twoją witrynę. Przejście na szybszego dostawcę DNS może przyspieszyć ten proces.

Jeśli nie masz pewności, kto jest Twoim obecnym dostawcą DNS, możesz dowiedzieć się za pomocą narzędzia wyszukiwania DNS z MX Toolbox

5. Wybierz odpowiednią opcję hostingu

Niektóre pakiety dostawcy hostingu są ograniczone pod względem szybkości, najlepiej sprawdzić, czy Twój dostawca usług hostingowych jest w stanie lub ogranicza Twoją obecną subskrypcję.

Jeśli okaże się, że host nie zapewnia wystarczająco szybkiej usługi, może być interesujące skontaktowanie się z nim, poinformuj ich o tym przed zmianą usługi, ponieważ czasami może to prowadzić do darmowych miesięcy lub tańszej usługi od tego samego dostawcy hostingu.

Możesz przetestować prędkość i uzyskać ocenę, jak dobrze Twój obecny dostawca usług hostingowych radzi sobie z Bitcatcha.

6. Włącz buforowanie przeglądarki

Kiedy odwiedzasz witrynę, elementy na odwiedzanej stronie są przechowywane na dysku twardym w pamięci podręcznej lub tymczasowej pamięci, która pozwala przeglądarce załadować stronę z pamięci lokalnej zamiast wysyłać kolejne żądanie do serwerów w celu załadowania witryny.

Prostym sposobem włączenia buforowania przeglądarki jest użycie wtyczki takiej jak WP Fastest Cache. Wykonaj następujące kroki, aby włączyć buforowanie przeglądarki:

• Pobierz i zainstaluj wtyczkę WordPress „WP Fastest Cache”.
• Przejdź do ustawień wtyczki WP Fastest Cache.
• Kliknij pole wyboru Buforowanie przeglądarki i kliknij przycisk Prześlij.
• Następnie zostanie wyświetlony komunikat „Opcje zostały zapisane”.

Włącz buforowanie

W WP Fastest Cache opcja systemu pamięci podręcznej po włączeniu tworzy statyczne pliki html z plików baz danych php i mysql, z których składa się Twoja dynamiczna witryna WordPress.

W przypadku dużej liczby odwiedzających witrynę system potrzebuje dużej ilości pamięci RAM i procesora do renderowania strony, co może powodować powolne ładowanie dla wielu użytkowników.

Po włączeniu Cache System serwer nie musi już odwoływać się do plików php i mysql i polega na statycznym pliku html.

Po zakończeniu powinieneś zauważyć zauważalną poprawę szybkości witryny niemal natychmiast.

7. Rozmiar obrazu

Rozmiar plików graficznych zawartych w Twojej witrynie jest ważnym czynnikiem, który należy wziąć pod uwagę, próbując zwiększyć szybkość strony. Obrazy o wysokiej rozdzielczości mogą zwiększyć ogólny rozmiar stron internetowych, a co za tym idzie spowolnić szybkość witryny.

Zalecany rozmiar obrazu to mniej niż 100 KB lub 0,1 MB, więc obraz wczytuje się szybko, co oznacza, że ​​​​wszystkie obrazy powyżej tego rozmiaru będą musiały zostać skompresowane do lub poniżej 100 KB.

Możesz to łatwo zrobić za pomocą niektórych wtyczek lub witryn internetowych, które umożliwiają kompresję obrazu, jednak warto dowiedzieć się, jak to zrobić za pomocą programu Photoshop, ponieważ najlepiej jest skompresować obrazy przed przesłaniem lub utworzeniem witryny.

Jeśli nie masz wiedzy na temat korzystania z photoshopa, polecam skorzystać z usług kompresji online CompressJPEG lub CompressPNG.

8. Włącz kompresję

Im mniejsze pliki, tym szybciej ładują się Twoje strony. Pliki kompresji to jeden z najłatwiejszych sposobów na skrócenie czasu ładowania, a obecnie włączanie kompresji za pomocą Gzip jest uważane za standardową praktykę.

Najszybsza pamięć podręczna WordPressa umożliwia również kompresję GZIP, podobnie jak włączanie buforowania przeglądarki, po włączeniu tej opcji zauważysz zauważalną poprawę szybkości witryny.

Jeśli nie masz pewności, czy Twoja witryna ma włączoną obsługę GZIP, możesz użyć opcji Sprawdź kompresję GZIP. Po prostu wpisz adres URL swojej witryny, a jeśli masz włączony Gzip, zobaczysz coś takiego:

9. Korzystaj z zewnętrznych platform hostingowych

Korzystanie z zewnętrznej platformy hostingowej do hostowania większych plików poza witryną to kolejna metoda do zbadania, ponieważ pliki wideo mogą mieć znaczny rozmiar i mieć duży wpływ na szybkość witryny.

Zamiast przesyłać filmy bezpośrednio do swojej witryny, spróbuj użyć zewnętrznych platform hostingowych, takich jak YouTube lub Vimeo, i użyj ich kodu HTML, aby osadzić wideo w swojej witrynie. Ta metoda oszczędza dużo miejsca i pozwala na wysoką rozdzielczość zamiast skompresowanych plików wideo.

10. Użyj CDN

Gdy wysyłasz żądanie, aby serwer uruchomił witrynę, Twoje żądanie jest przesyłane przez Internet do miejsca, w którym znajduje się serwer hostujący witrynę, co nakazuje serwerowi odesłanie żądanych informacji.

W godzinach szczytu, przy dużej liczbie wysyłanych żądań, może to spowolnić czas odpowiedzi serwera, co nie jest idealne w okresach, w których istnieje duży potencjalny wzrost dla Twojej firmy.

Korzystanie z CDN (Sieć dostarczania treści) spowoduje buforowanie Twojej witryny w globalnej sieci serwerów, co oznacza, że ​​za każdym razem, gdy zostanie wysłane żądanie, zostanie ona przekierowana do najbliższego serwera, na którym witryna jest przechowywana w pamięci podręcznej. Zasadniczo, zamiast wszystkich globalnych żądań skierowanych do jednego serwera, podzielił informacje między serwery znajdujące się w różnych krajach lub lokalizacjach.

Po wykonaniu powyższych kroków zauważalna będzie różnica w szybkości witryny. Ponownie uruchom powyższe testy i porównaj wyniki, aby uzyskać wyraźny wskaźnik ulepszeń.

Jeśli potrzebujesz dodatkowych informacji lub masz trudności z wdrożeniem zmian, możesz zapoznać się z naszą ofertą usług WordPress tutaj: WordPress Web Development