Dlaczego moja witryna działa tak wolno? Jak poprawić szybkość strony w WordPressie?

Masz skargę na szybkość naszej strony internetowej? Przeczytaj uważnie ten artykuł. Istnieje wiele powodów, dla których motyw działa szybko na niektórych stronach, ale wolno na innych.

Ten artykuł jest przeznaczony dla tych, którzy prawdopodobnie myślą, że Twoja witryna działa tak wolno. Więc prawdopodobnie trzeba to poprawić. Wszyscy wiemy, że szybkość to ważna kwestia dla każdej strony internetowej. Jeśli Twoja witryna działa zbyt wolno, Twoi klienci nie będą odwiedzać Twojej witryny, a Ty nie uzyskasz dobrych przychodów.

Istnieje wiele czynników wpływających na szybkość WordPressa. Dlatego w tym artykule omówimy je wszystkie i przedstawimy kilka szybkich rozwiązań, które znacznie przyspieszą Twoją witrynę. Przyjrzymy się również niektórym błędnym wyobrażeniom na temat optymalizacji szybkości witryny .

A. Jak we właściwy sposób przetestować szybkość witryny?

Wydaje się, że to najłatwiejsze pytanie, ale w rzeczywistości jest to najbardziej początkujący błąd, jaki popełnia większość ludzi.
Samo odwiedzenie Twojej witryny z komputera nie spowoduje wyświetlenia prawidłowych informacji o tym, jak szybka lub wolna jest Twoja witryna.
Wtedy możesz pomyśleć, że strony GTMetrix lub Pingdom będą właściwymi narzędziami. Znowu źle.

Rzeczywiście, GTMetrix i Pingdom to dwie najpopularniejsze i najbardziej zaufane witryny do testowania szybkości Twojej witryny. Jednak samo umieszczenie adresu URL witryny w polu wyboru nie wystarczy, aby przetestować szybkość witryny we właściwy sposób.

Niektórzy z naszych klientów zawsze martwią się szybkością, ponieważ ich szybkość w GTMetrix jest bardzo niska.

Na przykład ten test prędkości daje wynik prawie 19 sekund i ogólny wynik F

Jeśli jednak przyjrzymy się uważnie, domyślny region testowy GTMetrix znajduje się w Kanadzie, podczas gdy większość dostawców usług hostingowych to Bluehost, A2hosting, GoDaddy itp. i mają oni siedzibę w USA lub Europie.

Dodatkowo załóżmy, że mieszkasz w USA, a Twoi odbiorcy również mieszkają w USA. W tym sensie test prędkości z Kanady nic by nie znaczył. Tak więc prawidłowy wynik testu powinien zostać przeprowadzony w USA.

Jeśli zalogujesz się do GT Metrix i zmienisz region testowy na Dallas, prędkość witryny znacznie się poprawi. Na przykład w tym przypadku 19 sekund zostało zredukowane do zaledwie 4 sekund.

Jeśli testujemy z San Jose w Kalifornii, prędkość poprawiła się do 3,25 sekundy.

W ten sposób LOCATION wpływa na szybkość Twojej witryny. Pamiętaj, aby zawsze wybierać lokalizację hostingu, która znajduje się w pobliżu Twoich odbiorców.

W innym teście Bostjan Gartnar ma siedzibę w Europie i kiedyś skarżył się, że prędkość jego strony w GTMetrix wynosi około 3,5 sekundy. Jednak, podobnie jak w powyższej sytuacji, domyślna lokalizacja GTMetrix znajduje się w Kanadzie, a publiczność Bostjan nie mieszka w Kanadzie.

Spróbujmy do tego Pingdom. Przeprowadźmy test ponownie dla osób w Szwecji, prędkość serwisu została zmniejszona do zaledwie około 600 milisekund

Lekcja polega na tym, aby nie ufać stronie testowej przed rozważeniem czynnika lokalizacji .

Co się stanie, jeśli Twoja witryna obsługuje odbiorców na całym świecie? Czy to oznacza, że ​​Twój serwer musi być tak szybki, aby mógł obsłużyć dowolną osobę na świecie w mniej niż kilka sekund? Niekoniecznie. Potrzebujesz tylko CDN – systemu dostarczania treści , który obsługuje zawartość Twojej witryny w wielu obszarach na całym świecie.

Jest to złożona technologia i jeśli zamierzasz przejść na globalny rynek, Twój zespół techniczny na pewno będzie wiedział, jak wdrożyć CDN na Twoim serwerze. Jedną z naszych sugestii dotyczących CDN jest to, że możesz spróbować z Cloudflare .

B. Co dalej? Jak poprawić szybkość witryny? Spróbuj tych:

1. Zoptymalizuj swój kod

Mimo że serwer jest dość mocny w porównaniu z niektórymi liniami kodu, nadal musisz o tym pamiętać. Optymalizacja kodu to jedna z najważniejszych rzeczy dotyczących poprawy szybkości strony internetowej. Jednak potężny serwer polega na tym, że witryna, która uruchamia dziesięć tysięcy linii kodu z setkami pętli dla dowolnego żądania, zawsze będzie wolniejsza niż średniej wielkości serwer, który uruchamia tylko mniej niż tysiąc linii kodu i niektóre pętle.

Możliwe, że w kodzie źródłowym witryny znajduje się wiele zbędnych kodów HTML, JavaScript, CSS i Inline CSS, które mogą uszkodzić witrynę. Na szczęście istnieje bardzo prosta metoda na optymalizację wszystkich tych kodów, usunięcie zbędnych spacji i przyspieszenie działania witryny. To znaczy użyć Autooptymalizacji . Jest to wtyczka, której używamy do wszystkich naszych stron internetowych, wszystkich naszych wersji demonstracyjnych, a jej skuteczność jest po prostu niesamowita.

W przypadku naszych wysokiej jakości motywów premium w ThemeForest dokładamy wszelkich starań, aby zoptymalizować kod i usunąć niepotrzebne pliki, aby Twoja witryna działała jak najlepiej z naszym motywem. W rzeczywistości większość naszych motywów WordPress uzyskała ocenę A podczas sprawdzania Pingdom i GTMetrix.

Większość z nich ma również mniej niż 1 sekundę czasu ładowania. Korzystanie z poniższych motywów z najnowszą aktualizacją może znacząco pomóc w optymalizacji witryny i kodu motywu, co skutkuje znacznie lepszą wydajnością witryny. Te motywy wykorzystują najnowszą technikę tworzenia motywów ThimPress – ThimCore:

Motyw WordPress Edukacja – Edukacja WP

Eduma lub Education WP, jest obecnie najlepiej sprzedającym się motywem WordPress na temat edukacji w ThemeForest, a jego jakość jest po prostu nieosiągalna dzięki regularnym aktualizacjom, wsparciu entuzjastów i wysokiej jakości funkcjom, projektom związanym z edukacją.

Magazyn WordPress Theme – Mag WP – Najlepszy motyw dla czasopism.

Hotelowy motyw WordPress – Hotel WP – obowiązkowy motyw, jeśli budujesz hotel lub biznes typu bed and breakfast

2. Optymalizacja obrazu

Nie jest przesadą stwierdzenie, że 90 na 100 witryn ma ten problem: właściciel witryny przesyła obrazy bez wstępnej edycji, aby zmniejszyć rozmiar obrazu i dopasować go do wymaganego obszaru.
Na przykład wiele osób przesłałoby zdjęcie portretowe o wielkości 5 MB do pola awatara, które wymaga tylko obrazu o wymiarach 90 × 90 pikseli, który wymaga maksymalnie 200 KB. To 4,8 MB marnotrawstwa na sam awatar. I będzie więcej miejsc w Twojej witrynie, które potrzebują obrazów.

• Pamiętaj, aby zawsze zmieniać rozmiar obrazu i zawsze starać się dopasować go do pozycji, do której jest przeznaczony.
  Możesz użyć Photoshopa, wybrać opcję Zapisz dla Internetu i dostosować wymiar, liczbę kolorów, aby zoptymalizować obrazy.

• Możesz także użyć wtyczki WordPress Image Optimization, takiej jak WP Smush, aby zwiększyć szybkość witryny. WP Smush automatycznie zoptymalizuje Twoje obrazy za każdym razem, gdy prześlesz obraz do Twojej witryny.
  Obecnie jest to jedna z najbardziej znanych wtyczek do optymalizacji obrazu.

• Możesz także użyć Regeneruj miniatury, aby ponownie wygenerować wiele różnych rozmiarów obrazów dla swojej witryny. Na przykład, jeśli użyjesz Regenerate Image, powyższy awatar o wielkości 5 MB zostanie przekształcony w wiele różnych wersji. Dodatkowo pojawi się wersja przeznaczona tylko dla awatara o wymiarach 90×90 px.

• Wreszcie, jeśli Twoja witryna potrzebuje wielu obrazów, możesz użyć Lazy load, aby najpierw załadować strukturę i tekst witryny. Następnie ładuj obrazy tylko po przewinięciu do obrazu. Dzięki temu proces ładowania będzie podzielony na wiele faz, a ciężkie obrazy będą ładowane tylko na żądanie.

3. Użyj wtyczek buforujących

Jeszcze jedną wskazówką jest użycie wtyczek buforowania do zapisywania zrzutów ekranu witryny, buforowania plików CSS lub JavaScript. Aby odwiedzający musieli załadować tylko to, co nie zostało załadowane wcześniej. Może to znacznie poprawić szybkość witryny.

Jedną z najlepszych wtyczek do buforowania jest W3 Total Cache

Oto konfiguracja W3 Total Cache, którą Bostjan odkrył, która pomogła poprawić szybkość jego witryny do mniej niż sekundy.

Poniżej znajduje się kilka innych wtyczek do buforowania, które możesz wypróbować:

• Szybka wydajność – pamięć podręczna WordPress i wzmacniacz wydajności

Jest to stosunkowo nowa wtyczka premium Caching, która może pomóc w szybkim zwiększeniu wydajności witryny.

• WP Super Cache
• Rakieta WP

Oznacza to, że WP Rocket to wysokiej jakości wtyczka do buforowania WordPress z trzema oferowanymi planami płatności. Z technicznego punktu widzenia musisz zapłacić tylko jednorazową opłatę, ale wsparcie i aktualizacje są uwzględniane, jeśli będziesz co roku dokonywać płatności. To powiedziawszy, pamięć podręczna dla jednej witryny kosztuje 39 USD, z obsługą trzech witryn za 99 USD i nieograniczoną liczbą witryn za 199 USD.

Chociaż możesz znaleźć inne bezpłatne wtyczki, są to wskaźniki jakości dla jednej z najbardziej funkcjonalnych wtyczek do buforowania na rynku. Nie ma bezpłatnej wersji próbnej ani bezpłatnej wersji wtyczki, ale programiści oferują 14-dniową gwarancję zwrotu pieniędzy.

Jednym z powodów, dla których tak bardzo lubimy wtyczkę WP Rocket, jest jej prosty interfejs użytkownika i szybka konfiguracja. Jest to wtyczka do buforowania WordPress, która może sprawić, że Twoja witryna będzie działać szybko, ale każdy początkujący może usiąść i zrozumieć większość związanych z nią ustawień.

4. Usuwanie nieużywanych wtyczek.

Sprawdź dokładnie swoją witrynę i dezaktywuj wtyczki, których nie używasz, nie jest złym pomysłem.
Podczas korzystania z WordPressa zostaniesz poproszony o zainstalowanie wielu darmowych wtyczek. Jednak nie będziesz używał większości z nich, a te wtyczki zajmą dużo miejsca w Twojej witrynie. Tymczasem w przypadku jakichkolwiek żądań od odwiedzających główny silnik WordPressa nadal musiałby je wdrożyć, co prowadziłoby do niepotrzebnego marnowania zasobów, które można wykorzystać do przyspieszenia witryny.

Ponadto istnieją wtyczki, których możesz używać od czasu do czasu i mogą one znacznie spowolnić działanie Twojej witryny. W takim przypadku możesz znaleźć wtyczki, które szkodzą Twojej witrynie i zdecydować się na ich zachowanie lub dezaktywację za pomocą P3 Profiler .

P3 Profiler pomoże Ci znaleźć wolne wtyczki i raportuje wydajność każdej wtyczki, dzięki czemu wiesz, którą zachować, a którą usunąć.

5. Optymalizacja serwera

Ostatnia wskazówka dotycząca optymalizacji szybkości witryny WordPress dotyczy optymalizacji serwera. Może to być dość zaawansowane i musisz się tym martwić tylko wtedy, gdy korzystasz z VPS zamiast współdzielonego planu hostingowego, ponieważ mogą istnieć nieprawidłowe konfiguracje na twoim serwerze, jeśli zarządzasz nim sam. Ponieważ już wcześniej mówiliśmy o lokalizacji, nie wspominalibyśmy o tym ponownie. Jednak w optymalizacji serwera jest jeszcze kilka innych rzeczy, które możesz zrobić, aby zoptymalizować swoją witrynę, zwłaszcza jeśli używasz:

• Użyj EasyEngine

Najlepszą rzeczą w Easy Engine jest to, że bardzo pomaga dzięki opcjom buforowania oraz obsłudze HHVM i Page Speed.

• Optymalizacja Nginx

Jest to zaawansowana technika, więc wymienię tylko niektóre z najbardziej wszechstronnych samouczków Linode i DigitalOcean:

Jak zoptymalizować konfigurację Nginx

Jak skonfigurować Nginx pod kątem zoptymalizowanej wydajności

NGINX: aby Twoje serwery latały

Strojenie NGINX dla najlepszej wydajności

Dostrajanie NGINX pod kątem wydajności

6. Użyj PHP 7, aby znacznie przyspieszyć swoją witrynę

Obecnie PHP 7.0 jest najnowszą wersją PHP i jest dość stabilna, ponieważ została wydana od prawie 2 lat.

WordPress.ORG zaleca również swoim użytkownikom korzystanie z PHP 7. Obecnie tylko 9 na 100 użytkowników WordPressa korzysta z PHP7. Po prostu skontaktuj się z dostawcą usług hostingowych i poproś go o zmianę z PHP 5 na PHP 7. Obecnie PHP 5 jest nadal domyślną wersją PHP w wielu usługach hostingowych.

Poniżej znajduje się tabela testowa prędkości motywu Eduma - Education WP dla nieskonfigurowanego serwera pamięci podręcznej z PHP 5.6.28 i jednego z PHP 7.0.18

Najwyraźniej PHP 7 jest zawsze szybsze, a jego średni czas ładowania wynosi tylko mniej niż 1,5 sekundy dla Edumy używającej PHP 7, podczas gdy PHP5 potrzebuje około 5 sekund, aby w pełni załadować stronę.

Przeczytaj więcej Jak hosting wpływa na szybkość witryny