Wyjaśniamy, dlaczego Twoja strona WordPress jest zbyt wolna pomimo szybkiego sprzętu i specjalnego hostingu oraz przedstawiamy 5 najczęstszych przyczyn niskiej prędkości strony WordPress .
Doświadczamy tego prawie codziennie: klient pisze do nas na czacie supportu, bo jego strona po prostu nie chce się przyspieszyć. Pomimo optymalizacji serwera, odpowiedniego Plugins i wystarczającej mocy obliczeniowej. Z kolei inni klienci cieszą się z tego, żeich strony są szybkie jak strzała. "Jak to możliwe?", zadaliśmy sobie pytanie i zebraliśmy pięć czynników, które sprawiają, że WordPress jest szczególnie powolny w naszym doświadczeniu.
Trzymajmy się tego krótko. Oto pięć największych WordPress zabójców prędkości:
- Brak buforowania
- Brak kompresji i zbyt duża ilość obrazów
- Nieskompresowany i niezsumowany kod
- Brak optymalizacji typu "above-the-fold
- O wiele za duże strony
WordPress Speed Killer 1: Brak buforowania
Buforowanie jest szybkim i bardzo skutecznym sposobem na przyspieszenie działania Twojej strony. Pamięć podręczna może być rozumiana jako rodzaj pamięci krótkotrwałej: Na przykład, jeśli przeglądarka pamięta, jak wygląda strona internetowa, nie musi najpierw prosić serwera o potrzebne dane, ale może załadować stronę bezpośrednio z pamięci podręcznej. Przyspiesza to znacznie czas ładowania strony dla powracających gości.
Buforowanie nie jest prostym tematem. Istnieje wiele różnych typów skrytek, które mogą być włączone i aktywowane w wielu różnych miejscach. Aby szybko uzyskać skuteczne rozwiązanie do cachowania, należy oprzeć się na powszechnie stosowanych i sprawdzonych rozwiązaniach Plugins, takich jak WP Super Cache, Cachify czy W3 Total Cache. Powinieneś także zapytać swojego hostingodawcę, jakie cache mają włączone. Masz solidne podstawy, jeśli przynajmniej przeglądarka i cache serwera są aktywne.
Cache ma tę wadę, że zazwyczaj jest używany tylko wtedy, gdy użytkownik już przynajmniej raz odwiedził stronę. W wielu przypadkach ważne jest jednak, aby strona powstała szybko i bezproblemowo już za pierwszym razem. Jeśli chcesz to osiągnąć, musisz dostać się na boczek strony.
WordPress Speed Killer 2: Zdjęcia i grafika
Kolejnym zabójcą dla prędkości strony WordPress są obrazy i grafiki. Optymalizacja ich jest sztuką samą w sobie, ponieważ trzeba wziąć pod uwagę wiele czynników: Format pliku, skalowanie, kompresja i wiele innych[1].
Najczęściej jednak bardzo proste zachowania, takie jak mnogość niepotrzebnych obrazków lub nieodpowiedni format plików, prowadzą do długich czasów ładowania. Również w tym przypadku Plugins zapewnia środek zaradczy. Te kompresują i optymalizują obrazy podczas i po załadowaniu i znacznie zwiększają prędkość WordPress . Przykładami są Optimus i WP Smush.
WordPress Speed Killer 3: nieuporządkowany i nieskompresowany kod
Każda strona internetowa składa się z kodu. To określa prawie wszystko, co składa się na Twoją stronę: układ, schemat kolorów, tekst itd. Jest to więc instrukcja budowy Twojej strony. Ale nie wszystkie kody są takie same: Należy raczej rozróżniać pomiędzy CSS, JavaScript i HTML. Te typy kodu są odpowiedzialne za różne obszary strony internetowej - na przykład CSS dla obrazów, a JavaScript dla animowanych treści. W związku z tym różne typy kodu wykazują również różne zachowanie podczas ładowania. Może to prowadzić do wzajemnego blokowania się niektórych poleceń.
Takie wąskie gardła lub blokady ładowania znacznie spowalniają WordPress . Dlatego powszechną praktyką jest łączenie kodu w jak najmniejszą liczbę plików, kompresowanie ich i umieszczanie w jak najlepszym porządku ładowania.
Bez odpowiedniej wiedzy z zakresu CSS, JavaScript czy HTML trudno uniknąć gmatwaniny kodu. W związku z tym są tu również Plugins, które pomagają uporządkować i podsumować kod Twojej strony. Na przykład, Autoptimize i Better WordPress Minify powinny być wymienione tutaj.
WordPress Speed Killer 4: Brakująca optymalizacja Above-the-Fold
Wszystkie optymalizacje na nic się nie zdadzą, jeśli użytkownik nie otrzyma na koniec strony, która będzie postrzegana jako szybsza. Ponieważ ta postrzegana prędkość ostatecznie decyduje o tym, czy strona skorzysta z optymalizacji wydajności.
W praktyce często przeprowadza się więc tzw. optymalizację "above-the-fold". Above-the-fold opisuje obszar strony internetowej, który jest widoczny bez przewijania, czyli pierwsze wrażenie, jakie użytkownik otrzymuje od strony internetowej. Celem optymalizacji jest jak najszybsze i bezproblemowe powiększenie tej powierzchni. W tym celu odpowiednio dopasowywana jest kolejność ładowania widocznych elementów. Wszystkie elementy, które nie należą do tego obszaru, są umieszczane z tyłu, ponieważ nie są widoczne na początku, a zatem nie mają znaczenia dla pierwszego wrażenia na stronie.
W związku z tym u podstaw tego typu optymalizacji leżą względy koncepcyjne: Musisz mieć jasność co do tego, jakie treści należy pokazać użytkownikowi, aby dokonał on pożądanej konwersji. Nie ma na to szybkiego i łatwego rozwiązania.
WordPress Speed Killer 5: Zbyt grube strony
To prowadzi nas do naszego ostatniego zabójcy wydajności: rozmiaru strony. Wiele powolnych stron jest po prostu zbyt dużych, ma zbyt wiele zainstalowanych Plugins , niepotrzebnie duży Theme, lub jest przeładowana obrazami i grafiką. To jest dobra wiadomość! Ponieważ oznacza to, że wydajność WordPress może być w wielu przypadkach bardzo łatwo zwiększona. Jeśli regularnie czyścisz swoją witrynę, zazwyczaj możesz utrzymać czas ładowania strony na dobrym poziomie.
Wniosek: Podsumuj i skompresuj, podsumuj i skompresuj, podsumuj i skompresuj, podsumuj i skompresuj, podsumuj i skompresuj, podsumuj i skompresuj, podsumuj i skompresuj, podsumuj i skompresuj...
Tak więc w zasadzie wszystko sprowadza się do streszczania i kompresowania treści. Tylko w ten sposób można w pełni wykorzystać możliwości witryny WordPress . Miejsca, w których sprawdza się to szczególnie dobrze, to obrazy, kod i ogólna koncepcja strony. Jeśli dodatkowo korzystasz z cache'ów i regularnie robisz muck out, stworzyłeś dobre warunki do optymalnego wykorzystania dostępnej mocy serwera.
Hoster i serwer określają podstawowe możliwości wydajności twojej strony, ale to, co z niej zrobisz, zależy wyłącznie od ciebie.
W kolejnych artykułach zajmiemy się kwestią tego, jak zidentyfikować wąskie gardła w wydajności własnej strony WordPress i jak je rozwiązać.
Oczywiście, istnieją inne WordPress zabójcy prędkości niż te wymienione tutaj. Czy przychodzi Ci do głowy jakiś szczególnie ważny punkt? Zachęcamy do pozostawienia komentarza i pomocy społeczności w jeszcze lepszej optymalizacji swoich stron.
Źródła
1]: Krótkie wprowadzenie do teorii i praktyki optymalizacji obrazu na stronie WordPress przygotowane przez kolegów z Pressengers: http://pressengers.de/tipps/wordpress-grafiken-komprimieren/