10 najważniejszych parametrów Twojej WordPress wydajności

10 Min.
WordPress  Wydajność: 10 najważniejszych śrub nastawczych

W sieci roi się od wskazówek i sztuczek, jak zoptymalizować WordPress wydajność. Niestety, wyjaśnienia i oceny trafności różnych ustawień szybko upadają na marginesie. Pokazujemy Ci ważne punkty wyjścia i narzędzia - w rozsądnej kolejności i z uwzględnieniem kontekstu. W ten sposób można bardzo szybko osiągnąć sukces.

W międzyczasie gościliśmy już około 15.000 WordPress projektów. W trakcie tego procesu zgromadzono całą masę danych. Klienci nieustannie pytają nas, w jaki sposób mogą jeszcze bardziej skrócić czas ładowania strony w swoich WordPress projektach. Dlatego też systematycznie opracowujemy nasze wyniki z analizy stron internetowych naszych klientów z poprzednich lat. Rezultat: 10 pomiarów, dzięki którym można szybko i łatwo zoptymalizować swoją WordPress wydajność.

Jedna rzecz jest szczególnie ważna: niektórzy użytkownicy są szybko przyjmowani przez propozycje optymalizacji narzędzi, takich jak Google PageSpeed Insights odstraszające. Pozwól, że ci powiem: Nie zyskujesz większości czasu ładowania przy skomplikowanych działaniach optymalizacyjnych, ale przy metodach, które są łatwe do wdrożenia.

WordPress -Propozycje optymalizacji wydajności przez Google
Tylko nieliczni operatorzy boczni mogą zrobić coś konkretnego z tym przekazem. Dlatego szczególnie ważne jest, aby najpierw skoncentrować się na prostych krokach optymalizacyjnych, a dopiero w drugim kroku zająć się bardziej skomplikowanymi działaniami.

Oczywiście optymalizacja czasu ładowania nie jest celem samym w sobie. Poza lepszym doświadczeniem dla użytkowników, krótszy czas ładowania przynosi również Korzyści z widoczności Twojej oferty w Google. W związku z tym pokrótce przedstawię, na czym tak naprawdę polegają poszczególne etapy optymalizacji, aby stworzyć odpowiedni kontekst.

Tak więc teoretycznie możesz pracować od góry do dołu i poprawiać czas ładowania strony krok po kroku. Nawiasem mówiąc, pierwsze siedem punktów odnosi się również do typowych sugestii dotyczących poprawy Google PageSpeed Insightsdo którego się odnosimy, na przykład, w ten artykuł bardziej szczegółowo.

#1 Caching - najważniejszy czynnik wydajności ze wszystkich

Caching oznacza, że Twoja strona nie musi być najpierw pobierana z serwera WWW przez przeglądarkę, a następnie budowana krok po kroku. Zamiast tego, Twoja strona - całkowicie wyrenderowana - jest ładowana z pamięci podręcznej.

Zaleta tego buforowania jest oczywista: WordPress nie musi przeliczać twojej strony za każdym razem, gdy jest wywoływana. Od WordPress bazując na bardzo wolnym PHP, pamięć podręczna jest tu elementarna. Między innymi, zapobiega to konieczności odczytywania PHP.

Zasadniczo istnieją dwa warianty wdrożenia skrytek:

  • O buforowaniuPlugins: Większość użytkowników korzysta z buforowaniaPlugin, np. W3 Skrytka łączna czy WP Super Cache. Czasem są one prostsze, czasem bardziej skomplikowane do ustawienia. W każdym razie konieczne jest tu wykonanie pewnej ilości pracy ręcznej.
  • O hosterze: Niektóre hostery - a więc również RAIDBOXES - oferują cachowanie po stronie serwera. Oznacza to, że prawie zawsze można obejść się bez buforowaniaPlugins . Ponieważ twój dostawca usług hostingowych ma Konfiguracja pamięci podręcznej już przejął za ciebie.

Jeśli ustawiłeś cachowanie o wysokiej wydajności, zrobiłeś już najważniejszy krok w kierunku lepszej WordPress wydajności. Aby uzyskać więcej szczegółów, proszę spojrzeć na nasz artykuł na temat Podstawy buforowania dalej.

ebook: Zmierz wydajność swojej strony internetowej jak profesjonalista

#2 WordPress uporządkowane - porządek musi być

Jedną z najczęstszych przyczyn długich czasów załadunku jest - z naszego doświadczenia - przeciążona WordPress instalacja. A ponieważ ten punkt ulepszeń nie jest wymieniony przez GooglePageSpeed Insights , jest on bezpośrednio drugi w mojej pierwszej dziesiątce.

Przeciążenie - WordPress instalacja oznacza w większości przypadków: jest ich zbyt wielePlugins . Zasadniczo, im mniejPlugins, tym szybsza strona. Oczywiście są Plugins one ważne i nie można się bez nich obejść, ale należy od czasu do czasu sprawdzić, które z nich Plugins są naprawdę potrzebne.

I: Należy zadbać o to, aby Plugins nie dezaktywować ich po prostu, ale faktycznie całkowicie usunąć.

WordPress  Zwiększyć wydajność: Twój przegląd wtyczek pokazuje dokładnie, ile Plugins z nich zostało zainstalowanych, aktywowanych i musi być jeszcze zaktualizowanych.
Twój Plugin-overview pokazuje dokładnie, ile z nich jest Plugins obecnie wyłączonych. W zasadzie, zawsze powinno być zero dla "Nieaktywnego". Jeśli nie, zapytaj się dokładnie: czy w ogóle potrzebuję dezaktywowanegoPlugin ?

To samo odnosi się do Themes: Nie potrzebujesz więcej niż jednego.

Tło jest następujące: Każdy Plugin z nich Theme dodaje kod PHP do swojej strony. Dotyczy to również osób niepełnosprawnych Plugins. To sprawia, że Twoja strona jest bardziej nieporęczna i przez to wolniejsza (i bardziej podatna na ataki). PHP jest bardzo powolnym językiem skryptowym. Im mniej tego jest, tym lepiej.

Często nie są już potrzebne Plugins i stanowią Themes pozostałość po testach funkcjonalnych i projektowych. Dlatego też, z jednej strony, sensowne jest, aby WordPress strony, które mają być regularnie czyszczone a z drugiej strony należy dodać nowe funkcje i wzory w Środowisko testowe a nie po żywej stronie. W ten sposób nie można spiętrzyć zbyt wielu Pluginresztek.

#3 zdjęcia: niedoszacowany hamulec czasowy obciążenia

Jednym z najbardziej efektywnych i prostych sposobów skrócenia czasu ładowania strony jest zmiana rozmiaru obrazów. Ponieważ tutaj można częściowo zapisywać duże ilości danych. Z tzw. "bezstratna kompresja obrazu" spowoduje zmniejszenie rozmiaru pliku bez widocznej utraty jakości. Tak więc Twoja strona prawie wcale się nie zmienia, ale jednocześnie możesz znacznie zmniejszyć jej rozmiar poprzez optymalizację obrazu.

szacunki Archiwa HTTP Jak wynika z badania, zdjęcia regularnie stanowią największą część objętości danych na stronie internetowej. Obkurczanie zdjęć powinno być więc jednym z pierwszych kroków w optymalizacji. Optymalizację obrazu można przeprowadzić ręcznie lub skorzystać z opcji jedna kompresja Plugin.

Użycie jednego Plugin z nich jest z pewnością wygodniejszym rozwiązaniem. Plugins Umożliwiają one nie tylko kompresję nowych zdjęć i ich miniatur, ale także automatycznie pobierają wszystkie istniejące zdjęcia z Twojej strony. Usługa ta jest jednak często odpłatna.

#4 CSS i JavaScript - brzmi nieporęcznie, ale jest łatwy do zoptymalizowania

Drugą co do wielkości ilością danych na Twojej stronie są zazwyczaj pliki JavaScript i CSS. Wielu użytkowników szczególnie boi się dotykać tych plików. Ale nawet bez znajomości kodu można łatwo zrozumieć na czym polega optymalizacja CSS i JavaScript. Ponieważ w zasadzie są trzy rzeczy do zrobienia po pierwsze:

  • Podsumuj: CSS i JavaScript są ukryte w wielu małych pojedynczych plikach. Zazwyczaj każdy z tych plików musi być pobierany indywidualnie przez przeglądarkę z serwera WWW. Generuje to żądania HTTP, które mają tendencję do wydłużania czasu ładowania Twojej strony. Jednakże, gdy skrypty są łączone, liczba plików do załadowania i tym samym liczba żądań jest zmniejszona. Na przykład, 53 indywidualne prośby stają się nieco ponad tuzinem. Oczywiście, że odpowiadający Plugins ...zrobić dla ciebie.
  • Zmniejszyć: Pliki CSS i JavaScript to linie kodu, które umożliwiają korzystanie z pewnych funkcji i projektów na Twojej stronie. Ten kod jest napisany przez ludzi. Ale to jest czytane przez maszyny. Dlaczego jest to istotne? Duża część tego, czego człowiek potrzebuje, aby poprawnie zrozumieć kod, nie jest potrzebna komputerowi. Przestrzenie, komentarze, itp. nie są potrzebne do prawidłowego budowania strony. Połóż Plugins tutaj jak Autoptimizacja dalej. Konwertują one CSS i JavaScript z ludzkiego na maszynowo czytelny kod. Dzięki temu poszczególne pakiety danych są mniejsze, a ich transmisja szybsza.
  • Kompresujące: Po scaleniu i zmniejszeniu, ostatnim krokiem jest kompresja pakietów danych, które są wysyłane z serwera WWW do przeglądarki. Oznacza to, że serwer minimalizuje rozmiar plików poszczególnych żądań, a przeglądarka rozpakowuje je i oblicza. Jest to szybsze niż wysyłanie nieskompresowanych pakietów danych. Możesz założyć Kompresja GZIP na przykład poprzez buforowaniePlugins, ręczne ustawienia w pliku .htaccess lub gdy Twój hoster aktywował już kompresję na serwerze.

Nawet bez znajomości skryptów, łatwo jest więc zrozumieć, co poszczególne środki osiągają. A na wszystkich trzech etapach pracy Pluginssą również świeccy, którzy mogą zoptymalizować CSS i JavaScript. W naszym Artykuły na temat optymalizacji CSS i JavaScriptwyjaśnimy dalsze szczegóły i przedstawimy kilka Plugins z nich.

Cztery zwycięstwa!

Były to cztery obszary, w których nasi klienci byli w stanie zaoszczędzić szczególnie dużo czasu załadunku. Przy stosunkowo niewielkim wysiłku możesz poprawić swoją WordPress wydajność poprzez buforowanie, optymalizację obrazu, optymalizację CSS i JavaScript oraz oczyszczanie.

#5 Bez hostingu wszystko jest niczym

Pierwsze cztery pola optymalizacyjne obiecują skrócić czas ładowania, ale mogą być zmarnowanym wysiłkiem, jeśli Twój hosting Cię spowolni. Oznacza to, że mniej z Wymagania sprzętowe dla WordPress sensownych, ale raczej pewnych technologii, które pokazują, że hoster pozwala nawet na odpowiednią optymalizacjęWordPress .

Z reguły pamiętasz, że wykonawca WordPress Hosting powinien mieć te kluczowe dane:

  • Dysk twardy SSD
  • Limit pamięci PHP co najmniej 64MB, lepiej 128MB
  • Centrum danych w Niemczech
  • Aktualna wersja PHP (7.4)
  • HTTP/2 i bezpłatny certyfikat SSL

Następnie istnieje różnica pomiędzy hostingiem współdzielonym a serwerem dedykowanym (wirtualnym).

Dzięki hostingowi współdzielonemu udostępniasz serwer i jego moc obliczeniową innym witrynom. Zazwyczaj od kilkudziesięciu do kilkuset. Jeśli masz własny serwer, nie musisz dzielić się z nikim jego mocą obliczeniową. Tak więc oferuje on korzyść w postaci bezpieczeństwa wydajności.

Chociaż własny serwer nie jest synonimem większej wydajności, doświadczenie pokazuje, że zwłaszcza tanie stawki za hosting, które kosztują tylko kilka euro miesięcznie, nie mogą konkurować z serwerami wirtualnymi pod względem wydajności.

10 najważniejszych parametrów Twojej WordPress wydajności

Drobne punkty - mniejsza siła penetracji, większy wysiłek

Wszystkie obszary związane z wydajnością, które dotychczas wymieniłem, mogą być zoptymalizowane przez praktycznie każdego WordPress użytkownika. Albo poprzez Plugins, proste testy, albo zakup odpowiednich produktów. Jest to bardziej skomplikowane, jeśli już zoptymalizowałeś te obszary. Bo wtedy trzeba wejść głębiej w strukturę terenu. A indywidualne działania optymalizacyjne nie mają już tej samej siły przebicia.

#6 Blokada nadajnika - zła kolejność przy załadunku

Jednym z punktów, które narzędzia takie jak Google PageSpeed Insights wielokrotnie krytykują, jest kolejność ładowania, która blokuje rendering.

Przykład ilustruje problem: Suwak składa się z obrazów i polecenia animacji, które powoduje obracanie tych obrazów. Jeśli najpierw zostanie załadowane polecenie JavaScript, a na końcu obrazki, Twoja strona ma już funkcję suwaka, ale nie obrazki, które mają być wyświetlane. Więc załadowanie strony trwa dłużej. Stanowi temu można zapobiec poprzez odpowiednią sekwencję ładowania.

Chociaż istnieją sposoby na optymalizację kolejności załadunkuPlugins, ale nasze doświadczenie pokazuje, że nie zawsze są one w stanie w pełni zoptymalizować swoją stronę. Najlepsze rezultaty w takim przypadku osiąga zwykle projektant stron internetowych, który dobrze zna stronę i jej funkcje.

#7 Nad Foldem - zoptymalizuj widoczny obszar strony

Poza całkowitym czasem ładowania Twojej strony. postrzegany czas załadunku decydujący. Więc czas, który odwiedzający Twoją stronę postrzega jako czas ładowania. Ten postrzegany czas załadunku można skrócić za pomocą pewnych sztuczek. Na przykład, użytkownik ma wrażenie, że strona jest już całkowicie zbudowana, nawet jeśli obliczenia są nadal wykonywane w tle.

Jest to szczególnie ważne dla jego optymalizacji, ponieważ Nad Foldem jest optymalizacja sekwencji ładowania. Oznacza to, że zawartość i funkcje mają priorytet, który odwiedzający powinni widzieć na pierwszym ekranie.

WordPress  Performance: Ilustracja Above the Fold przez raidboxes.de
Górna powierzchnia jest zarezerwowana dla zwiedzających przez raidboxes.com jest wyświetlany bez przewijania. To jest tak zwany Above the Fold. Aby uzyskać pozostałe informacje, odwiedzający musi wejść w interakcję ze stroną i przewinąć ją.

Można to osiągnąć, na przykład, poprzez optymalizację sekwencji ładowania. Ale są też Pluginstakie, które sprawiają, że Twoja strona ładuje się bardziej efektywnie. I tylko widoczny obszar. leniwy ładunek czy a3 Leniwy ładunek są przykładami takich Plugins. W ten sposób użytkownik zawsze dostaje całą zawartość, której potrzebuje, ale czas ładowania strony może nadal przynosić korzyści, zwłaszcza jeśli strona jest ciężka.

#8 Oczyszczenie bazy danych

Oprócz obrazów i skryptów, Twoja baza danych może stać się zbyt duża. Ponownie, są poręczne narzędzia do utrzymania bazy danych ładne i smukłe. Na przykład Plugin Optymalizacja WP.

#9 Pingbacki i trackbacki

Domyślnie współpracuje WordPress z innymi stronami, które pozwalają na pingbacki i trackbacki. Za każdym razem, gdy Twoja strona lub jeden z Twoich wpisów na blogu zostanie wymieniony na takiej stronie, Twoja strona zostanie automatycznie powiadomiona - a baza danych zostanie przeciążona.

Jeśli nie potrzebujesz tej funkcji (wartość dodana jest moim zdaniem znikoma) powinieneś wyłączyć pingbacki i trackbacki. Ponownie, Plugin WP-Optimize pomaga tutaj. Dla uzupełnienia należy tu wspomnieć, że jest to raczej problem teoretyczny. Żaden z naszych klientów nie poniósł w związku z tym poważnych strat wydajności.

#10 Zapobiegaj hotlinkingowi

Hotlinking oznacza, że ktoś łączy się bezpośrednio z obrazem na Twoim serwerze - więc w końcu Twoje pasmo jest "kradzione". Na serwerze internetowym Apache można zapobiec hotlinkingowi, dodając następujący kod do pliku .htaccess

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?deineseite.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]

RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]

RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]

Aby zapobiec hotlinkingowi na serwerze NGINX, dodaj te linie kodu do pliku wp-config NGINX:

location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
     valid_referers none blocked server_names
	 *.example.com example.* www.example.org/galleries/ ~\.google\.;
     if ($invalid_referer) {
        return 403;
    }
}

Złamanie kodu:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
określa the kartoteka rozszerzenie ty chcieć od hotlinking, na przykład, jeżeli ty wciąż chcieć pdf kartoteka, the linia kod patrzeć jak to
location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$

{valid_referers none blocked server_names
*.deineseite.dedeineseite.de ~.google. ~.bing. ~.yahoo.;
Te linie są nieco obszerne, ale pomogą ci lepiej zrozumieć, co można zrobić z tą zasadą. Te linie wskazują, które domeny mogą łączyć się z Twoimi plikami. W tym przykładzie yoursite.com ze wszystkimi subdomenami, jak również Google, Bing i Yahoo.

if ($invalid_referer) {
return 403;
}
Jeśli pojawi się żądanie, a żądany zasób NIE znajduje się na górze Twojej białej listy, serwer zwróci 403 (Zakazane).

Nie masz dostępu do wp-config?

Zastanawiasz się, co zrobić, jeśli zmiany w konfiguracji wp na twoim hosterze (jak np. na RAIDBOXES ) nie są możliwe? W tym przypadku istnieją liczne środki bezpieczeństwaPlugins dostępne w urzędniku WordPress Katalog wtyczekktóre zapobiegają hotlinkingowi. Jedną Pluginz takich funkcji jest na przykład All In One WP Security & Firewall. Plugin Jest aktywny na ponad 800.000 WordPress stron i ma średnią ocenę 4,8 na 5 gwiazdek (na prawie 1000 recenzji).

"A co z CDN?"

Jednym z najczęściej zadawanych pytań jest pytanie o CDN. Na przykład: "Czy CDN sprawia, że moja strona jest szybsza dla odwiedzających w Niemczech?", "Po co mi CDN?", "Czy poleciłbyś użycie CDN dla mojego bloga lub sklepu? Ale w większości przypadków odpowiedź brzmiała: Nie.

W skrócie, to długa historia: CDN ma największy sens, jeśli użytkownicy są rozproszeni geograficznie. Na przykład, jeśli masz klientów w Europie Środkowej, Ameryce Południowej i Australii. Jeśli twoja główna grupa docelowa jest ograniczona do jednego kraju, możesz bezpośrednio zrezygnować z CDN, aby zoptymalizować swoją WordPress wydajność.

WordPress Deweloper ma Ernesto Ruge przy okazji, a bardzo ładny artykuł ...którą mogę ci tylko polecić.

FREE DEV Program RAIDBOXES

Wniosek: Nie obawiaj się pozornie skomplikowanych kroków optymalizacyjnych

Często użytkownicy boją się dotknąć takich miejsc, w których szczególnie łatwo można zaoszczędzić czas ładowania. Albo zaniedbują te obszary. Inne, z drugiej strony, takie jak CDN, pojawiają się wielokrotnie podczas konsultacji, chociaż zwykle nie mają żadnego wpływu na czas ładowania strony.

Dlatego mogę tylko doradzić, aby najpierw skoncentrować się na "nisko wiszących owocach" optymalizacji. Przy stosunkowo niewielkim nakładzie pracy można już teraz poczynić duże postępy w skracaniu czasu załadunku tutaj. I że nawet jeśli jesteś laikiem.

Więc nie przejmuj PageSpeed Insights się radami takich narzędzi jak Google.

Ponieważ u jego podstaw leży optymalizacja czasu obciążenia to tylko kilka obszarów:

  • Zmniejsz rozmiar swojej strony
  • Zmniejszenie liczby żądań HTTP
  • Kompresja poszczególnych pakietów danych
  • Optymalizacja obsługi użytkownika

Jeśli to zrozumiałeś, to możesz także rozsądnie przekręcić 10 najważniejszych śrub regulacyjnych WordPress wydajności. A dla bardziej skomplikowanych etapów optymalizacji, są również eksperci, którzy mogą doprowadzić Twoją stronę do perfekcji.

Artykuły pokrewne

Komentarze do tego artykułu

Napisz komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola oznaczone są * Zaznaczone.