Co każdy bloger może zrobić aby przyspieszyć swój blog na WordPressie?

Host webinaru i opiekun produktów WordPressowych w linuxpl.com. WordPress developer na pół etatu. Współorganizuje WordCampy, na których czasem też występuje w charakterze prelegenta.

29 sierpnia 2019

Masz bloga na WordPressie, piszesz artykuły, dodajesz zdjęcia, ale nie zadowala Cię prędkość wczytywania bloga? Obawiasz się, że długie wczytywanie strony odstrasza czytelników i odbija się negatywnie na pozycjach w wyszukiwarce Google? Czytaj więc dalej aby dowiedzieć się co możesz zrobić aby przyspieszyć swojego bloga.

Z artykułu dowiesz się:

  • Jak sprawdzić szybkość wczytywania swojego bloga na WordPressie.
  • Co możesz zrobić już dziś aby przyspieszyć działanie WordPressa.

Jak sprawdzić prędkość wczytywania bloga na WordPressie?

Zanim przejdziemy do optymalizacji bloga, warto byłoby sprawdzić stan „przed”, abyśmy później mogli go porównać do stanu „po”. W tym celu skorzystajmy z bezpłatnego narzędzia od Google.

Google PageSpeed Insights

Jest to bardzo proste w obsłudze narzędzie, wystarczy wpisać adres www, aby po chwili otrzymać raport o kondycji naszego bloga. Google PageSpeed Insights zwróci nam tak na prawdę dwa raporty: jeden dla urządzeń mobilnych, a drugi dla urządzeń desktopowych (np. laptop).

screen z Google PageSpeed Insights

Dodatkowo, w sekcji „Możliwości”, otrzymamy wskazówki co możemy poprawić na stronie aby przyspieszyć jej ładowanie. Wskazówki są jednak skierowane głównie do programistów i dotyczą bardziej zaawansowanej optymalizacji witryny.

Jako bloger warto skorzystać z Google PageSpeed Insights aby zobaczyć jak obecnie Google ocenia naszego bloga pod względem prędkości. A także aby mieć z czym porównać wynik po przeprowadzonej optymalizacji.

Warto w tym miejscu wspomnieć, że nie ma co skupiać się na osiągnięciu wyniku 100 w PageSpeed Insights. Często będzie to dla Ciebie niemożliwe, gdyż jako bloger nieposiadający specjalistycznej wiedzy, będziesz w stanie wykonać tylko podstawową optymalizację i co najwyżej zastosować się do dobrych praktyk w zakresie administrowania WordPressem.

Ale próbować warto. Ponieważ jak samo Google twierdzi we wpisie „Using page speed in mobile search ranking”:

… we’re announcing that starting in July 2018, page speed will be a ranking factor for mobile searches.

Google

Od pewnego czasu prędkość ładowania strony wpływa na jej pozycję w wyszukiwarce Google (przynajmniej dla urządzeń mobilnych).

Jak przyspieszyć bloga na WordPressie?

Pomimo, że wskazówki przekazane przez Google PageSpeed Insights będą dla Ciebie często niemożliwe do wdrożenia, to jest jednak kilka rzeczy, które każdy bloger jest w stanie zrobić aby poprawić prędkość ładowania bloga.

1. Zoptymalizuj grafiki na stronie

Wrzucanie nieskompresowanych grafik o dużych rozmiarach w oczywisty sposób odbija się na szybkości ładowania strony. Bardzo często są one głównym powodem wolno działających stron na WordPressie. Ale jednocześnie jest to tzw. „nisko wiszący owoc” jeśli chodzi o przyspieszenie bloga. Dlatego też optymalizację bloga warto zacząć właśnie od obrazów.

Myślę, że warto w tym miejscu wspomnieć, że zdjęcia trzeba koniecznie przygotować zanim wrzucimy je na bloga. Czasem spotykam się z sytuacją, gdzie w bibliotece WordPressa znajdują się ogromne zdjęcia, mające po kilka gigabajtów, wgrane na bloga prosto z lustrzanki.

Zanim dodamy zdjęcie na bloga powinniśmy wykonać przynajmniej te 2 czynności:

  • przeskalować zdjęcie, aby najdłuższy bok miał nie więcej niż 1920 px
  • skompresować zdjęcie np. przepuścić je przez bezpłatne narzędzie online TinyPNG
Obraz skopresowany w tinypng.com
Obraz skompresowany w tinypng.com

Obrazy już dodane do bloga można skompresować za pomocą wtyczki Smush Image – kompresja i optymalizacja. W darmowej wersji możemy kompresować paczkami po 50 obrazów. A więc przy większej liczbie obrazów będziemy się musieli naklikać.

W ustawieniach wtyczki włączmy opcję skalowania obrazów. Możemy zostawić ustawienia domyślne lub zmienić na 1920px. Dzięki temu będziemy mieć pewność, że w przyszłości nie dodamy już na bloga zbyt dużej grafiki.

Warto także przejrzeć bibliotekę mediów na blogu i pousuwać zdjęcia, których nie wstawiliśmy do żadnego wpisu. Nieużywane zdjęcia mogą wprawdzie nie wpływać na prędkość ładowania strony, ale zajmują sporo miejsca na serwerze. A to może sprawiać, że opłacamy droższy pakiet hostingowy, niż tak na prawdę potrzebujemy.

2. Usuń niepotrzebne wtyczki

Blogerzy uwielbiają wzbogacać swojego WordPressa o dodatkowe komponenty i w tym celu często instalują mnóstwo wtyczek. Czego byśmy sobie nie wymarzyli dla naszego bloga, to z dużą pewnością istnieje wtyczka, która nam na to pozwoli.

Jednak chcę w tym miejscu zwrócić Twoją uwagę na to, że wtyczka to jest też koszt. I to niekoniecznie koszt zakupu, choć płatne wtyczki również istnieją.

Jest to koszt późniejszego utrzymania – bo wszystkie wtyczki, tak jak i inne komponenty WordPressa, trzeba aktualizować. A także jest to koszt związany z tym, że każda wtyczka dodaje do bloga dodatkowy kod, czasem setki tysięcy linijek kodu. A kod ten może być różnej jakości. I bardzo często mamy do czynienia z sytuacją, że to właśnie kod danej wtyczki lub kilku wtyczek powoduje, że strona znacznie dłużej się ładuje.

W pierwszej kolejności warto jest więc usunąć wszystkie wyłączone wtyczki. I tak z nich nie korzystamy, więc po co je trzymać na naszym WordPressie?

Następnie warto jest przyjrzeć się wszystkim włączonym wtyczkom. Czy nie mamy zainstalowanych kilku wtyczek, które robią to samo? Czy nie mamy 2-3 wtyczek do slajderów (częsta sytuacja w przypadku motywów z ThemeForest). Czy nie mamy 2 page builderów np. Elementor i Divi? Czy nie mamy 2 wtyczek do dodawania pixela Facebooka?

2 wtyczki do tego samego w WordPressie
Przykład zainstalowanych 2 wtyczek typu page builder

Tego typu sytuacje często się zdarzają gdy np. testowaliśmy kilka wtyczek i później zdecydowaliśmy się korzystać z jednej, ale pozostałych nie usunęliśmy. Przejrzyj więc swoje wtyczki, zobacz czy nie ma duplikatów, zdecyduj się na jedną z tych wtyczek, a pozostałe usuń.

No i na koniec warto też zrobić sobie rachunek sumienia, czy na pewno tych wszystkich, pozostałych po poprzednich krokach, wtyczek potrzebujemy?

W szczególności mam na myśli wtyczki, które łączą się z zewnętrznymi serwisami np. zaciągają zdjęcia z Instagrama, feed z Facebooka itp. Czy nie możemy tych widżetów zastąpić statycznymi, podlinkowanymi po prostu obrazami czy przyciskami?

Czy na pewno potrzebujemy slajder? Czy nie można go zastąpić tzw. hero image – jednym, dużym, skompresowanym zdjęciem w tle? A jeśli ciężko Ci się rozstać ze slajderem to koniecznie przeczytaj artykuł: „Slider na stronę www – jak go zrobić? Porzuć ten pomysł. Slider to zło wcielone!”.

Spróbuj pozbyć się jeszcze kilku wtyczek, które nie są niezbędne dla Twojego bloga. Nawet jeśli to spektakularnie nie wpłynie na prędkość ładowania bloga, to będziesz mieć mniej kłopotów w przyszłości podczas aktualizacji. Zmniejszysz też ryzyko ataku hakerskiego na stronę (bo pozbędziesz się dodatkowego, potencjalnie dziurawego kodu).

3. Podepnij bloga pod Cloudflare

W dużym uproszczeniu, dodanie domeny do Cloudflare pozwala zmniejszyć obciążenie twojego serwera (w Twojej firmie hostingowej). Dodatkowo Cloudflare stanowi dodatkową warstwę ochronną przed atakami na stronę. Więcej o Cloudflare możesz przeczytać w artykule „What is CloudFlare?”.

Warto jest podpiąć bloga pod Cloudflare gdyż jest to bezpłatne i bardzo proste, a może pozytywnie wpłynąć na przyspieszenie naszego bloga.

Cloudflare
Źródło: https://www.cloudflare.com/learning/what-is-cloudflare/

Jeśli swojego bloga hostujesz w linuxpl.com na jednym z pakietów hostingowych pod WordPressa (do czego zachęcam), to wystarczy jedno kliknięcie aby podpiąć bloga pod Cloudflare. Więcej na ten temat przeczytasz w artykule: „3 kroki do lepszej wydajności na hostingu WordPress”.

Nawet jeśli korzystasz z innego hostingodawcy, to również możesz podpiąć bloga pod Cloudflare. Szczegóły znajdziesz w artykule: „Creating a Cloudflare account and adding a website”.

4. Włącz wtyczkę LiteSpeed Cache

Na koniec warto także włączyć wtyczkę LiteSpeed Cache, w szczególności jeśli korzystamy z hostingu z zainstalowanym serwerem LiteSpeed.

Jeśli Twój WordPress jest zaktualizowany do najnowszej wersji, to możesz w bardzo prosty sposób sprawdzić jaki serwer zainstalowany jest na Twoim koncie hostingowym.

Wystarczy, w kokpicie WordPressa, przejść do zakładki Narzędzia -> Stan witryny. Następnie kliknąć na kartę Informacja i rozwinąć panel Serwer. W sekcji Serwer hostingowy znajdziesz rodzaj serwera, jaki jest zainstalowany na Twoim koncie hostingowym.

Jak sprawdzić serwer w Narzędziach w kokpicie WordPressa
Jak sprawdzić serwer w Narzędziach w kokpicie WordPressa

Jeśli jest to serwer LiteSpeed to bardzo polecam uruchomić wtyczkę LiteSpeed Cache, która włączona nawet przy domyślnych ustawieniach ma bardzo korzystny wpływ na przyspieszenie WordPressa.

Podsumowanie

Jak wspomniałam na początku tego artykułu, jako bloger masz bardzo ograniczony zakres działań, które możesz wykonać aby przyspieszyć bloga i jednocześnie niczego nie zepsuć. Ale nawet dzięki tylko opisanym tu kilku krokom, jesteś w stanie wpłynąć na wydajność swojego bloga.

Na koniec, po wykonaniu wszystkich lub części powyższych kroków, zachęcam Cię do przetestowania jeszcze raz bloga w narzędziu Google PageSpeed Insights. Czy coś się zmieniło? Czy teraz Twój blog osiąga lepsze wyniki? Daj znać w komentarzu!

Podziel się

Komentarze (10)


Wtyczka Litespeed Cache ma wbudowaną optymalizację obrazów nie ma potrzeby używać dodatkowych wtyczek do optymalizacji obrazów.

Fajnie i przejrzyście napisany artykuł. Dodałbym do szybkiego testowania prędkości jeszcze narzędzia np. GT Metrix albo Pingdom. Dodatkowo przy WP rozważyć warto wdrożenia wersji AMP (o jej zaletach napisaliśmy tu: https://delante.pl/amp-co-to-jest-i-w-czym-pomaga/ ).
Warto też zwrócić uwagę na prędkość ładowania nie tylko strony głównej, ale i poszczególnych blogpostów lub ich kategorii, bo to tam trafiać będą często użytkownicy z wyników wyszukiwania.

Optymalizacja zdjęć to absolutna podstawa, od siebie polecam shortpixel, czasem udaje się zmniejszyść objętość grafik nawet o 80%..

@Damian Faktycznie LiteScpeed Cache ma wbudowaną optymalizację obrazów. Brakuje jej jedynie opcji skalowania. Miałam nawet sytuację wczoraj u klienta, cała strona 500 MB, nawgrywanych zdjęć po 20 MB, 5000px. Po przejechaniu WP Smushem (gdzie poza kompresją można też włączyć skalowanie) strona została odchudzona o 200 MB. Także jeśli do kompresji korzystamy z LiteSpeed Cache to trzeba też pamiętać o przeskalowaniu zdjęć, można to zrobić np. wtyczką Imsanity https://pl.wordpress.org/plugins/imsanity/.

W sumie nie napisałam o tym w artykule, ale LiteSpeed Cache daje nam jeszcze kilka ciekawych opcji związanych z obrazami, które pozwalają jeszcze bardziej podkręcić prędkość wczytywania strony. Np. zamiana obrazów na format .webp czy lazy load.

@Matt C dzięki za dorzucenie swoich porad. Faktycznie często za bardzo skupiamy się na stronie głównej, ignorując podstrony, wpisy blogowe, a tam przeważnie ląduje najwięcej osób z wyszukiwarki.

U mnie strony na WP zawsze mają page speed max 60 mobile i nie da się więcej choć by nie wiadomo co. Wtyczka cache jak najbardziej i tak samo ta mała ilość wtyczek oraz prosty szablon.

Działając na konkretnym szablonie, dodatkowo z szeregiem wtyczek, których nie możemy zmienić na inne, mamy małe pole do manewru, ale zawsze kilka rzeczy można zrobić – chociażby zoptymalizować obrazy 🙂

Odpowiedz

Adres email nie będzie opublikowany.

*

To także może Cię zainteresować:

  • Jak usunąć motyw z WordPressa?
  • Jak i gdzie założyć blog?
  • WordCamp Europe 2019 – relacja z największej konferencji o WordPressie
  • WooCommerce czy PrestaShop?

To także może Cię zainteresować:

Http/2 w hostingu
Motyw z WordPressa możemy usunąć na kilka sposobów - poprzez kokpit WordPressa, (s)FTP, panel DirectAdmin lub wp-cli.

czytaj

jak założyć blog
Blogowanie stało się bardzo popularne. Dla jednych jest sposobem na oderwanie się od codzienności, dla innych biznesem, który pozwala zarobić na życie. W internecie możemy […]

czytaj

2734 osób z ponad 90 krajów uczestniczyło w zeszły weekend w WordCamp Europe 2019 w Berlinie.

czytaj

Porównanie hostingów PrestaShop
WooCommerce czy PrestaShop, który z systemów wybrać? PrestaShop i WooCommerce to dwa najpopularniejsze rodzaje oprogramowania, jednak każdy z nich reprezentuje inny model budowania e-commercowej platformy. Porównaj […]

czytaj