Masz stronę na bazie CMS WordPress? Oto lista podstawowych działań, które należy podjąć, aby zoptymalizować szybkość jej działania. Warto poświęcić parę chwil na przyspieszenie wordpressa, gdyż szybkość strony wpływa na zachowanie wyszukiwarek i użytkowników, a więc ma wpływ na współczynnik odrzuceń, konwersje oraz samo pozycjonowanie. Jeśli szukasz odpowiedzi, jak zoptymalizować bloga, aby szybciej się ładował, znajdziesz poniżej kilka praktycznych wskazówek.

1. Pozbądź się zbędnych, ciężkich wtyczek

Platforma WordPress jest bardzo popularnym rozwiązaniem przy tworzeniu stron małych firm (a nieraz także tych nieco większych). Ma sporo zalet, lecz strony oparte o ten system często są przeładowane wtyczkami, czyli dodatkowymi fragmentami kodu instalowanymi w celu dodania określonych funkcji. Mogą to być wtyczki ułatwiające dodanie mapy Google, ikon społecznościowych, widgetu subskrypcji lub formularzy.

Popularność WordPressa sprawia, że developerzy na całym świecie tworzą darmowe rozwiązania na tę platformę. Z jednej strony to plus, ponieważ użytkownik bez specjalnej wiedzy informatycznej jest w stanie rozbudować swoją witrynę o wiele atrakcyjnych funkcjonalności. Z drugiej strony trzeba pamiętać, że każde "pójście na łatwiznę" wiąże się z określonymi zagrożeniami. Wtyczka wtyczce nierówna i nie można powiedzieć, że wtyczki są one złym rozwiązaniem. Nie można też udawać, że duża ich ilość nie ma wpływu na stronę. Czasem nawet jeden plugin może stanowić problem.

Trzeba pamiętać, że każda wtyczka to dodatkowe linijki kodu, które przeglądarka musi przeczytać ładując stronę. W efekcie witryna, na której zainstalowano ich zbyt wiele będzie ładowała się wolniej niż "czysta" strona. Dlatego też warto zastanowić się, czy wszystkie dodatkowe funkcje są niezbędne. Decydując o ewentualnym usunięciu lub zostawieniu poszczególnych wtyczek warto zbadać, w jakim stopniu wpływają one na szybkość strony. Można to sprawdzić za pomocą innej wtyczki - P3 (Plugin Performance Profiler). Wtyczkę można wyłączyć i uruchamiać ją jedynie w momencie, gdy przeprowadzany jest test.

Witryna wtyczki P3: wordpress.org/plugins/p3-profiler

Uwaga! Zrób test szybkości strony i zapisz jego wyniki. Następnie przeprowadź optymalizację i wykonaj test ponownie, aby zobaczyć różnicę.

2. Uważaj na wtyczki z niezaufanych źródeł

CMS ma z jednej strony umożliwiać każdemu użytkownikowi zarządzanie treściami i rozbudowę strony, lecz odradzałbym laikowi samodzielne instalowanie i konfigurowanie dowolnych wtyczek bez żadnej weryfikacji. W sieci istnieje mnóstwo pluginów (podobnie zresztą jak gotowych, darmowych szablonów stron), które posiadają ukryty kod i pozwalają zewnętrznym podmiotom wyciągać w sposób niezauważony istotne dane.

Ponadto witryna z taką wtyczką może być wykorzystywana bez wiedzy właściciela do spamerskich praktyk pozycjonowania (ukryte linki, cloaking). W efekcie strona może przyciągnąć uwagę Google, w złym tego sformułowania znaczeniu. Decydując się na określone rozwiązanie warto poszukać informacji o jego autorze, poczytać recenzje, poszukać informacji w zaufanych źródłach jak polskie forum WordPress (pl.forums.wordpress.org) lub blogi wpninja.pl czy też wpzen.pl. Przecież nie chcesz, aby na Twojej stronie działały procesy, o których nie wiesz, a które mogą ją spowalniać i szkodzić jej na inne sposoby.

3. Nie korzystaj ze zbyt ciężkich szablonów

Sam szablon może stanowić problemem. Korzystanie z gotowych, uniwersalnych motywów ma spore zalety. Można je modyfikować i dostosowywać do swoich potrzeb, tak że ostatecznie powstaje całkiem oryginalna, unikalna strona za nieduże pieniądze. Gotowe szablony mają jednak tę wadę, że posiadają często bardzo wiele funkcji - w końcu muszą być elastyczne i spełniać oczekiwania bardzo wielu klientów. Dodatkowe funkcje, to dodatkowe linijki kodu wczytywane przez przeglądarkę użytkownika odwiedzającego stronę. W efekcie może nastąpić sytuacja, że szablon sam w sobie jest bardzo ciężki, a wykorzystujemy zaledwie 10% możliwości. Warto zatem już na etapie wyboru szablonu zadecydować w jakim stopniu odpowiada uprzednio zdefiniowanym potrzebom.

4. Skompresuj grafiki

Grafiki mają dużo większy rozmiar od treści tekstowych. Jeśli na stronie pojawia się wiele plików graficznych (np. w galerii zdjęć, sliderze lub jako ikony wpisów), to ich łączny rozmiar może znacząco ograniczać wydajność witryny. Dlatego też warto się zastanowić, czy potrzebna duża ilość wielkich zdjęć, czy przypadkiem równie funkcjonalne nie byłyby miniatury, które powiększałyby się po kliknięciu.

Nawet jeśli pliki wydają się stosunkowo nieduże, to zazwyczaj można je zmniejszyć (nie chodzi o samą wielkość obrazu, a o rozmiar plików graficznych w kB) bez strat w wyglądzie i jakości. Kompresja nawet na poziomie 15% w przypadku strony z wieloma zdjęciami może stanowić znaczącą różnicę. Do kompresji plików graficznych można użyć wtyczki smush.it. Wtyczka ta wysyła całą bibliotekę mediów graficznych na zewnętrzny serwer, kompresuje je i zastępuje oryginały mniejszymi wersjami. Po zakończonej operacji można ją wyłączyć. Niemniej zostawienie jej włączonej sprawi, że każdy dodawany później obraz będzie automatycznie kompresowany

Witryna wtyczki smush.it: wordpress.org/plugins/wp-smushit

5. Zewnętrzne skrypty przenieś do stopki

Przy autoryzacji pewnych usług i weryfikacji strony w rozmaitych serwisach często konieczne jest dodanie do strony zewnętrznego skryptu. Najprostszy przykład to Google Analytics. Zalecane jest umieszczenie kodu w nagłówku, czyli sekcji <head> strony. W praktyce jednak chodzi zazwyczaj o to, aby kod znalazł się w elemencie, który jest wywoływany na każdej podstronie. Oprócz nagłówka jest to stopka (w edytorze wyglądu zazwycaj footer.php). Strona wczytywana jest z góry na dół, więc umieszczenie skryptu w stopce sprawi, że najważniejsze dla użytkownika treści zostaną załadowane szybciej, a spowolnione zostanie jedynie ładowanie stopki.

6. Włącz kompresję gzip

Kompresja gzip służy zmniejszeniu ilości informacji, które są przesyłane do serwera, co również przyspiesza działanie strony. Kompresji należy dokonać za pomocą modyfikacji pliku .htaccess.

7. Pozbądź się bałaganu z nagłówka

Szerze mówiąc nie wiem z czego to wynika, ale w nagłówku WP domyślnie znajdują się zbędne funkcje. Można się ich pozbyć  za pomocą wtyczki, lecz można to też zrobić ręcznie. W edycji funkcji (wygląd -> edytor -> functions.php) należy dodać następujące linijki kodu:

remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'wp_generator' );
remove_action( 'wp_head', 'start_post_rel_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'adjacent_posts_rel_link' );
remove_action( 'wp_head', 'wp_shortlink_wp_head' );

8. Wykorzystaj cache

Cache'owanie to po prostu zapisywanie określonych danych w pamięci przeglądarki. Dzięki temu procesowi nie jest konieczne każdorazowe wysyłanie żądania do serwera, aby je pobrać. W efekcie skraca się czas, jaki jest potrzebny przeglądarce na pełne załadowanie witryny. Cache'owane mogą być między innymi elementy xhtml czy też obrazy.

Korzystając jednak z cache'owania warto mieć na uwadze, jakie elementy przeznaczymy do zapamiętania na dysku użytkownika. W momencie, gdy często aktualizujemy pewne dane, to lepiej, aby były każdorazowo pobierane z serwera, gdyż istnieje ryzyko, że użytkownikowi pojawią się nieaktualne informacje. Do zarządzania cache'owaniem można wykorzystać np. wtyczki W3 Total Cache lub WP Super Cache.

Zobacz też:

 

I co? Jak poszedł test z wtyczką P3? Udało się zoptymalizować bloga i przyspieszyć swojego wordpressa? Podziel się obserwacjami w komentarzu. Wyżej wymienione porady to oczywiście nie wszystko, co można zrobić, aby przyspieszyć działanie WordPress. Doświadczeni webmasterzy pewnie znają więcej trików, które pozwolą zoptymalizować witrynę. Jeśli posiadasz wiedzę na ten temat, również zapraszam do podzielenia się nią w komentarzu poniżej. Dzięki w imieniu swoim i czytelników.

Chcesz dowiedzieć się więcej na temat możliwości poprawy skuteczności swojej strony i jej widoczności w wynikach wyszukiwania? Sprawdź następujące zasoby:

źródło ikony wpisu: freeimages.com/photo/1397111

Pin It on Pinterest