Najlepsze wtyczki wydajności WordPress dla programistów

Twoja witryna WordPress może mieć zawsze atrakcyjny wygląd, ale jeśli nie wyświetla się poprawnie w przeglądarce, odwiedzający mogą być sfrustrowani. W rezultacie może to zaszkodzić Twojej reputacji, negatywnie wpływając na wizerunek marki, a tym samym na współczynnik konwersji.

Techniki responsywnego projektowania stron internetowych rozwiązują szereg problemów z wydajnością, ale dziś nie ma sensu skupiać się na optymalizacji dla kilku ekranów, ponieważ teraz ekrany są dostępne w wielu rozmiarach.

Nie zawsze musisz kupować serwery, które są mocniejsze i niepotrzebnie wydawać więcej pieniędzy, ponieważ te strategie ostatecznie nie działają dobrze. Zamiast tego zrób coś, aby uniknąć problemów z wydajnością w przyszłości.

Dlaczego wydajność witryny ma znaczenie?

Najważniejszą rzeczą dla odwiedzającego stronę internetową są postrzegane korzyści. Dla odwiedzających witrynę nic nie ma większego znaczenia niż czas ładowania witryny.

Zamiast myśleć o próżnych wskaźnikach, takich jak posiadanie 100/100 w Google PageSpeed ​​Insights, lepiej zastanowić się i zrozumieć, jak odwiedzający odbiera prędkość Twojej witryny. Podczas gdy pierwsza jest tylko liczbą, druga jest ważnym wskaźnikiem doświadczenia użytkownika.

Ilya Grigorik, inżynier ds. wydajności sieci w Google, w dziale High-Performance Browser Networking, przedstawia wskaźniki postrzegania prędkości przez ludzi:

• 100 milisekund, ponieważ czas odpowiedzi wydaje się natychmiastowy dla użytkownika;
• 100-300 milisekund to małe, ale zauważalne opóźnienie;
• 300 milisekund – 1 sekunda jest postrzegana jako „maszyna działa”;
• 1 sekunda oznacza dla użytkownika znaczne opóźnienie. Stąd jedna sekunda czasu oczekiwania wystarczy, aby przerwać tok myśli i użytkownik prawdopodobnie zacznie zmieniać nastawienie.

Jeśli wrażenia użytkownika (UX) na Twojej stronie WordPress są negatywne, tracisz klientów i ostatecznie duże pieniądze.

Nie możesz poprawić tego, czego nie mierzysz. Jeśli szybkość ładowania Twojej witryny nie zostanie zmierzona, jej spowolnienie prawdopodobnie nie zostanie wykryte, a błędy będą się narastać.

Przyczyny powolnej witryny są liczne, a czasem bardzo techniczne. W najbardziej wrażliwych aspektach technicznych przyczyną spowolnienia strony internetowej może być nadmierne wykorzystanie zasobów zewnętrznych, intensywne korzystanie z JavaScript i CSS blokującego wyświetlanie, ponieważ nie są one przetwarzane, lub ciężkie obrazy. Średnio stanowią one ponad 60% wagi strony internetowej.

Najlepsze wtyczki wydajności WordPress

Oto najlepsze wtyczki wydajności WordPress, które mogą pomóc Ci zidentyfikować czynniki wpływające na wydajność Twojej witryny. Czytajmy dalej.

1. Monitor zapytań

Z ponad 60 000 aktywnych instalacji i średnią oceną 4,9/5, Query Monitor jest darmową wtyczką wydajności WordPress dla programistów i ma na celu zapewnienie wsparcia dla fazy debugowania. To niezwykle przydatna wtyczka, która wykrywa niemal każdy rodzaj błędu, jaki może wystąpić podczas tworzenia WordPressa.

Monitor zapytań dodaje menu do paska administracyjnego WordPress i podświetla wszystkie informacje o zapytaniach, które przechodzą przez WordPress. W kontekście debugowania można znaleźć wiele przydatnych informacji, takich jak szczegóły żądań HTTP, zapytania do bazy danych, Ajax, przekierowania i błędy PHP.

• Zapytania wykonywane w bazie danych: Wtyczka pokazuje każde zapytanie wykonane na bieżącej stronie, podkreślając powolne zapytania, zapytania zduplikowane i zapytania z błędami. Ponadto umożliwia filtrowanie zapytań według typu (SELECT, UPDATE, DELETE), komponentu (z podziałem na rdzenie, wtyczki i motywy) oraz funkcji.
• Hooki używane w skryptach: Wtyczka pokazuje wszystkie hooki wykonane na bieżącej stronie, co pozwala na ich filtrowanie w taki sam sposób jak zapytania.
• Aktywny motyw: Wtyczka zawiera informacje o aktywnym motywie, takie jak nazwa bieżącego pliku szablonu.
• Błędy PHP: Istnieje o wiele bardziej szczegółowe informacje niż te dostarczone przez WordPress, przypisując wartość true do stałej WP_DEBUG w pliku wp-config.php.
• Żądania HTTP: Prawdziwa kopalnia informacji jest dostarczana w żądaniach HTTP, szczególnie w odniesieniu do zapytań var, zapytań reguł i znaczników struktury permalink.
• Skrypty i style: Wtyczka dostarcza informacji o skryptach i stylach na stronie wraz z ich zależnościami i wersjami.

Ponadto ta wtyczka wskazuje na serię arkuszy podsumowujących, które dostarczają wszelkiego rodzaju przydatnych danych podczas tworzenia WordPressa.

2. Kompletny pakiet do optymalizacji analizy (CAOS)

Jeśli korzystałeś z kodu śledzenia Google Analytics i testowałeś swoją witrynę za pomocą PageSpeed ​​Insights, aby sprawdzić, co Google myśli o ładowaniu witryny, możesz zauważyć, że zaleca włączenie kompresji i określenie pamięci podręcznej dla kodu.

Na szczęście jest rozwiązanie i możesz zdobyć te dodatkowe liczby w teście Google PageSpeed ​​Insights. Możesz to zrobić za pomocą wtyczki Complete Analytics Optimization Suite (CAOS).

Ta wtyczka wydajności WordPress, która służy do wstawiania kodu Analytics w WordPress, przechowuje lokalnie kod JavaScript Google Analytics i minimalizuje go. Oznacza to, że przekraczasz wymagania PageSpeed ​​Insights.

Ponadto (i tu pojawia się geniusz), ta wtyczka używa WordPress wp-cron, aby regularnie sprawdzać, czy Google zaktualizował kod. Dlatego zawsze masz najnowszą wersję Analytics. Teraz nie masz żadnego powodu, dla którego nie chcesz instalować tej wtyczki. Założę się!

3. perfsprawy

Dzięki perfmatters możesz wprowadzić niewielkie ulepszenia do wydajności WordPressa, zmniejszając żądania HTTP i rozmiar strony internetowej. Ta wtyczka umożliwia włączanie/wyłączanie skryptów na stronie/postu. Na przykład popularny formularz kontaktowy 7 nadaje się do wczytywania na każdej stronie witryny. W Perfmatters przesyłanie odbywa się tylko na stronie kontaktowej.

perfmatters różni się od innych wtyczek pamięci podręcznej WordPress zwiększeniem szybkości WordPressa, ponieważ wymaga innego podejścia do skrócenia czasu ładowania strony niż inne wtyczki.

Domyślnie WordPress ma włączone pewne opcje, które nie są konieczne w przypadku większości stron internetowych i spowalniają działanie. perfmatters umożliwia wyłączenie tych opcji poprzez kliknięcie kilku przycisków.

Inną rzeczą, która spowalnia ładowanie stron internetowych, są żądania HTTP, które nie są konieczne. perfmatters umożliwia wyłączenie tych skryptów na stronę, co oznacza, że ​​możesz uniemożliwić dodatkom ładowanie kodu, gdy nie jest to konieczne.

Dlatego perfmatters jest jedną z tych wtyczek wydajnościowych WordPress, które nie tylko poprawiają szybkość witryny, ale także warto je zainstalować, nawet jeśli masz już konkretną wtyczkę buforującą. Podsumowując, poniżej wymieniono główne cechy Perfmatters.

• Działa z istniejącą wtyczką pamięci podręcznej
• Wyłącza domyślne opcje WordPressa
• Wyłącza skrypty na każdej stronie
• Obsługuje wstępne ładowanie DNS

4. P3 (Profil wydajności wtyczek)

Za pomocą P3 możesz wykonać skanowanie witryny, które losowo analizuje czas ładowania kilku stron (strona główna, post, kategorie itd.) w celu uzyskania jednolitych wartości. Na koniec otrzymujesz szczegółowy raport, któremu towarzyszą ciekawe i czytelne grafiki, które informują, ile czasu faktycznie poświęcono na załadowanie poszczególnych zainstalowanych wtyczek.

Pamiętaj, że P3 nie wpływa na wydajność witryny, ponieważ skanuje tylko stronę jej dedykowaną w WordPressie, a nie w czasie rzeczywistym. Nie jest ładowany podczas normalnego przeglądania stron WordPress.

Możesz znaleźć jego panel sterowania w Narzędzia → P3 Plugin Profiler. Możesz rozpocząć skanowanie, klikając „Rozpocznij skanowanie”, a następnie „Automatyczne skanowanie” w wyświetlonym oknie.

Obok przycisku „Rozpocznij skanowanie” można znaleźć podstawowe dane, takie jak liczba aktywnych wtyczek, czas ich ładowania, ich wpływ na czas ładowania strony oraz liczba wykonanych zapytań MySQL. W dolnej części można znaleźć serię kart, na których znajdują się szczegółowe informacje, najczęściej w formie wykresu.

Oczywiście na tych danych nie można polegać. W tym kontekście Tom Ewer przeprowadził szczegółową analizę ManageWP i umieścił prośbę o wyjaśnienie na forum wsparcia. Okazało się, że P3, będąc normalną wtyczką, może cierpieć z powodu pewnych niedokładności z powodu innych działających wtyczek lub obciążenia serwera (zwłaszcza jeśli jest współdzielony).

Nie chodzi tu o gęste rozmazywanie, ale raczej o pewien margines błędu, który próbuje obliczyć P3. Jednak wtyczka doskonale sprawdza się w podkreślaniu problemów z wydajnością związanych z obecnością rozszerzeń.

Dzięki danym uzyskanym z P3 możesz zmniejszyć liczbę aktywnych wtyczek, wymienić lub wyeliminować te szczególnie ciężkie, uzyskując w ten sposób szybszą stronę WordPress.

Jeśli chcesz przeanalizować ładowanie określonej strony lub grupy stron, możesz skorzystać ze skanowania ręcznego.

Zastrzeżenie: P3 nie został przetestowany z ostatnimi trzema głównymi wydaniami WordPressa, ale może być przydatny dla programistów.

5. LazyLoad autorstwa WP Rocket

Lazy load, można dosłownie przełożyć na lazy loading, pozwala na wczytanie tylko tych obrazów, które są widoczne na ekranie. W ten sposób oszczędzasz liczbę żądań, czas ładowania i przepustowość, ładując tylko to, co jest konieczne w żądanym czasie.

Ta wtyczka działa na miniaturach, wszystkich obrazach treści lub widżetach tekstowych, awatarach i emotikonach.

Oto lista najlepszych leniwych wtyczek WordPress

LazyLoad od WP Rocket nie wymaga biblioteki JavaScript takiej jak jQuery, a skrypt waży mniej niż 10KB. Ta wtyczka jest bardzo prosta. Nie ma rozbudowanych opcji konfiguracyjnych, ponieważ wtyczka zajmuje się wszystkim.

Ta wtyczka wydajności WordPress została stworzona przez zespół WP Rocket i jest dokładnie zintegrowana z wtyczką WP Rocket. Nie martw się o SEO, ponieważ wtyczka wstawia obrazek z atrybutem src pomiędzy tagami <noscript>.

6. Obciążenie warunkowe Disqus

Disqus Conditional Load (DCL ) to wtyczka freemium, która oferuje zaawansowaną funkcjonalność systemu komentowania Disqus. Wydajność Twojej witryny WordPress może się pogorszyć, ponieważ więcej osób pisze komentarze w Twojej witrynie za pomocą Disqus. Ta wtyczka zapewnia potężne opcje modyfikowania Disqus w obszarach takich jak leniwe ładowanie, widżety komentarzy, wyłączanie skryptów itp.

DCL zapewnia również skróty, obsługuje niestandardowe posty, dostosowuje szerokość kontenera i włącza/wyłącza skrypt zliczający. Ta wtyczka może pomóc w zwiększeniu szybkości ładowania witryny WordPress, jeśli uważasz, że strony internetowe ładują się powoli z powodu systemu komentowania Disqus.

Podsumowanie!

Bezpośrednio i pośrednio wydajność strony internetowej ma niezaprzeczalny wpływ na wrażenia użytkownika i SEO. Z perspektywy marketingu przychodzącego wpływa również na zaangażowanie społeczne i współczynniki konwersji. Dlatego musisz poważnie potraktować wydajność swojej witryny, jeśli chcesz pozyskać klienta i zamienić go na gotówkę.