Optymalizacja wydajności WordPress: dane pojawiają się przed optymalizacją

Artykuł napisany przez:
  • WordPress
  • Zaktualizowano: maj 19, 2015

Internet obfituje w artykuły, które powiedzą jak zoptymalizować wydajność twojej witryny WordPress. napisałem niektórzy z nich siebie. Jeśli są one dobre, po przeczytaniu będziesz mieć jasne pojęcie o najlepszych praktykach w celu poprawy wydajności witryny WordPress. Ale "najlepsza praktyka" jest mniej więcej frazą kodową "jeśli nie możesz lub nie nauczysz się głębiej rozumieć tego tematu, robiąc to prawdopodobnie poprawisz sytuację." Najlepsze praktyki są bardzo ogólne i chociaż ich wdrożenie pomoże, jest mało prawdopodobne, aby w każdym przypadku przynosiło najlepsze możliwe wyniki - i właśnie o to chodzi w optymalizacji: zastanowienie się, jak osiągnąć optymalny wynik w konkretnych okolicznościach.

Każda witryna WordPress to unikalna kombinacja motywów, wtyczek i poprawek, z których każda może wpływać na wydajność. Jedynym sposobem, aby naprawdę zoptymalizować witrynę WordPress, jest dokładne określenie, które aspekty powodują problemy z wydajnością i skupić się na tym. Nie ma sensu poświęcać czasu i pieniędzy na tworzenie międzynarodowej sieci dystrybucji treści, jeśli 98% odwiedzających witrynę Twojej lokalnej firmy żyje w ciągu 100 mil od serwera; być może twój czas spędziłby więcej czasu na porządkowaniu widżetu społecznościowego, powodując wielosekundowe opóźnienia ładowania strony głównej.

Aby wiedzieć, gdzie twoje wysiłki są najlepsze, potrzebujesz danych. W dalszej części tego artykułu opiszę niektóre narzędzia, które można wykorzystać do profilowania witryny i uzyskania wglądu w to, co wpływa na wydajność.

PageSpeed ​​Insights

spostrzeżenia dotyczące stron google

PageSpeed ​​Insights to usługa firmy Google, która analizuje strony internetowe i dostarcza szczegółowy raport z poradami dotyczącymi poprawy wydajności. Na przykład, jeśli nie zminimalizujesz kodu JavaScript, PageSpeed ​​Insights poinformuje Cię, które skrypty mogą zostać zminimalizowane, a jakie potencjalne korzyści.

Google Pagespeed Insights dla WordPress jest wtyczką pobierającą dane PageSpeed ​​i używa jej do utworzenia pulpitu, który pomoże właścicielom witryn ukierunkować swoje wysiłki na optymalizację.

Narzędzia Pingdom

narzędzia pingdom

Większość właścicieli witryn będzie już zaznajomiona z tą, ale warto o tym wspomnieć, ponieważ jest bardzo przydatna. Istnieje pewne powiązanie funkcjonalności z PageSpeed ​​Insights, ale jeśli jesteś myślicielem wizualnym, przekonasz się, że reprezentacja wodospadu daje jasny wgląd w proces ładowania strony, dzięki czemu łatwo dostrzeżesz przyczyny opóźnień.

Powolne działania paska debugowania

pasek debugowania

Jeśli naprawdę chcesz poznać drobiazgowe szczegóły działania Twojej strony, dodatek Slow Actions do Pasek debugowania wtyczka dostarczy Ci wszystkich potrzebnych informacji.

Wtyczka wyświetli najwolniejsze akcje 100, które przechodzą do tworzenia strony WordPress. Informacje te są bardziej przydatne dla programistów niż przeciętny użytkownik WordPressa, ale jeśli chcesz dowiedzieć się, co trzeba wiedzieć, aby zoptymalizować witrynę, ta wtyczka jest niezastąpiona.

Unikaj niepotrzebnych optymalizacji

Na początku tego artykułu powiedziałem, że "najlepsze praktyki" nie zawsze są najlepsze dla konkretnych witryn. To dlatego, że niektóre porady dotyczące optymalizacji są nieistotne dla niektórych witryn. Aby temu zaradzić, radzę zebrać jak najwięcej informacji o witrynie, ale zbyt duża ilość informacji może być równie niebezpieczna, jak zbyt mała, jeśli nie nadajesz odpowiedniego priorytetu.

Pamiętaj, że nawet jeśli te narzędzia podpowiedzą Ci, że "czynnik X" powoduje, że twoja strona jest wolniejsza, niż to możliwe, ma to jedynie wpływ na wrażenia użytkownika i konwersje - nawet strona główna Google nie wykonuje niektórych testów PageSpeed ​​Insight. Tutaj działa prawo zmniejszających się zwrotów. Czasami szybkość jest wystarczająco szybka, a większa optymalizacja to strata czasu. Skorzystaj z tych narzędzi, ale upewnij się, że umieszczasz informacje, które dostarczają w kontekście twoich szerszych celów.

Optymalizacje, które zapewniają dobry łom za bryka

Mam nadzieję, że w tym artykule wyjaśniono, że optymalizacja obsesyjna często nie jest najlepszym wykorzystaniem zasobów. Istnieje jednak wiele optymalizacji, które spowodują lepszą wydajność niemal każdej witryny WordPress.

Wybierz dobry hosting

Tani hosting może być kuszący, ale jest powód, dla którego jest tani. Tanie współdzielone hosty hostingowe mają tendencję do wyprzedawania swoich planów. Na serwerze będzie więcej witryn niż jest to w stanie rozsądnie sobie poradzić, zwłaszcza jeśli kilka z nich dostanie w tym samym czasie wzrost natężenia ruchu. Jeśli hosting jest powolny, nic więcej nie zrobi, aby przynieść jak najwięcej korzyści witrynie.

buforowanie

WordPress to dynamiczny generator witryn. Zajmuje się bałaganem kodu PHP i zapytaniami do bazy danych oraz umieszcza je razem w kodzie HTML, który tworzy stronę internetową. Bez względu na to, jak szybki jest Twój hosting, dynamiczne generowanie stron jest wolniejsze niż wyświetlanie stron statycznych. Korzystamy z dynamicznych generatorów witryn, ponieważ mają one wiele innych zalet - niewielu z nas chętnie koduje nasze witryny od początku - ale przez większość czasu nie musimy generować stron dla każdego odwiedzającego: nie zmieniają się tak szybko. Buforowanie pozwala nam zapisywać wygenerowane strony na dysku lub w pamięci, co sprawia, że ​​są prawie tak szybkie, jak strona statyczna.

Najlepszą wtyczką do buforowania na WordPress jest W3 Razem Cache. Jest to dość proste w użyciu, ale ma więcej niż wystarczającą ilość opcji konfiguracyjnych dla nawet najbardziej dedykowanego optymalizatora. W3 Total Cache zajmie się również innymi przydatnymi usprawnieniami, takimi jak JavaScript i minięcie CSS.

Ładowanie kodu JavaScript i CSS asynchronicznie

Jedną z rzeczy, na które Google PageSpeed ​​Insights narzeka, są pliki JavaScript i CSS, które ładują się najpierw i blokują wszystko inne. Ponieważ te skrypty są zazwyczaj zawarte w pliku <head> pliku HTML, są jednymi z pierwszych rzeczy, które przeglądarka napotyka na stronie, a wszystko inne zatrzymuje się podczas ładowania. W większości przypadków ani JavaScript, ani CSS naprawdę nie muszą być ładowane jako pierwsze. Asynchroniczny JS i CSS to sprytna wtyczka, która uniemożliwi pliki JS i CSS przed zablokowaniem ładowania reszty strony.

Po zapewnieniu dobrego hostowania, buforowania i asynchronicznego ładowania, nadszedł czas, aby pomyśleć o korzystaniu z sieci dystrybucji treści. Potem twoje usprawnienia optymalizacji zaczną wpadać w królestwo, o którym mówiliśmy wcześniej, i nadszedł czas, aby poważnie zastanowić się, czy masz nadmierną optymalizację i czy twój czas może być lepiej poświęcony na optymalizację współczynnika konwersji lub pisanie świetnych treści.

O gościu WHSR

Ten artykuł został napisany przez współpracownika gościa. Poniższe poglądy autora są w całości jego i mogą nie odzwierciedlać poglądów WHSR.