Jak przyśpieszyć WordPressa?

Jeżeli zastanawiasz się jak przyśpieszyć WordPressa to bardzo dobrze trafiłeś. W tym artykule odnajdziesz, masę narzędzi oraz strategii które pozwolą Ci w miarę nieinwazyjny sposób poprawić prędkość ładowania się twojej strony.

Dlaczego przyśpieszenie WordPressa jest ważne?

Czasy ładowania strony jest  bardzo ważny. Głównym powodem w jakim użytkownicy/klienci siadają przed ekran komputera jest wygoda i oszczędność  czas. My jako wydawcy musimy im te podstawowe warunki zapewnić.

By nie być gołosłownym przywołam tu kilka bardzo ciekawych statystyk.

Optimizely dodało sztuczne opóźnienie na stronie Telegraph i zanotowało ogromny spadek odsłon: 11% dla 4-sekundowego opóźnienia  i 44% dla 20-sekundowego opóźnienia.

https://blog.optimizely.com/2016/07/13/how-does-page-load-time-impact-engagement

Staples zmniejszył mediane czasu ładowania strony głównej o  1 sekundę i skróciło czas ładowania dla 98% stron  o 6 sekund. W rezultacie, konwersja wzrosła o 10%.

http://www.slideshare.net/cliffcrocker/velocity-ny-how-to-measure-revenue-in-milliseconds

 

Pamiętać również należy, że są to duże brandy, którym czasem sporo wybaczamy. Jeżeli ktoś kupuję regularnie na Allegro, to nie zrezygnuję z tej usługi gdy strona zwolni, lub nawet gdy przestanie działać. Rozkręcają jednak swój biznes/bloga, lub go dynamicznie rozwijając, musimy starać się podwójnie. Wszystko ma być, płynę, sprawne, zrozumiałe.

Jak sprawdzić prędkość strony?

To proste! Wystarczy użyć tych kilku przykładowych narzędzi:

Przyśpieszenie WordPressa a SEO

Dwoma kolejnym powodami dla których warto pochylić się nad przyśpieszenie strony jest perspektywa UX oraz SEO. Nie mówiąc już o erze mobile.

Tej pierwszej z logicznego punktu widzenia, nie muszę tłumaczyć.  W kwestii optymalizacji, testy nie przedstawiły jasnych dowodów, jednakże wpływ prędkości strony na jej pozycję jest oficjalnym stanowiskiem Google.

https://webmasters.googleblog.com/2010/04/using-site-speed-in-web-search-ranking.html

Przyśpieszanie WordPressa

Więc co można zrobić, aby uczynić wordpressa szybszym? Oto kilka prostych sposobów, aby utrzymywać czas ładowania strony na  niskim poziomie.

  1. Dobór hosta/serwera: Dostajesz to, za co płacisz. Tania oferta może bardzo wpłynąć na szybkość ładowania strony, a w miarę jej rozwoju i upływu czasu będzie coraz gorzej. Nie wspominając o darmowych rozwiązaniach. Więc upewnij się, że wybrany przez Ciebie hosting odpowiednio spełnia potrzeb Twojej firmy lub bloga. Radzę zaczerpnąć opinii znajomych, poszukać co nieco w sieci:
Sprawdź również  SEO vs PPC – na co powinien zdecydować się startup?

http://www.webhostingtalk.pl/ranking/ Osobiście polecam- zdrowy rozsądek.

  1. Optymalizacja ogromnych i „ciężkich” obrazków: Obrazy i fotografie, które pożerają zasoby serwera i których czas załadowania trwa w nieskończoność znacznie zmniejszają prędkość twojej strony.

Zalecane formaty:

  • Format PNG dla obrazów, które nie wymagają wysokich detalach, takie jak logo, części strony.
  • Format JPEG dla zdjęć.

Podstawowe 3  kroki związane z plikami graficznymi:

  1. Przed wrzuceniem na serwer staraj się możliwie maksymalnie zmniejszyć rozdzielczość obrazków.
  2. Po zmniejszeniu rozdzielczości skompresuj obrazki programem np.:
  1. Zainstaluj wtyczki do automatycznej kompresji (WP Smush – Image Optimization).

Jeżeli masz już dużo zdjęć, i rozwiniętego bloga, a nie chcesz wrzuć wszystkiego od nowa, to częściowo problem może rozwiązać nam właśnie ta wtyczka. W sposób hurtowy skompresuję pliki już znajdujące się we wpisach WordPress.

3. Wybór odpowiedniego motywu: Ich konstrukcja i projekt ma wielki wpływ na szybkość ładowania strony. Za zwyczaj im prostszy theme tym szybciej działa. Przed wyborem, lub w trakcie planowania jego zmiany musimy koniecznie zwrócić uwagę na szybkość jego działania*.

*sprawdzić to można programami podanymi  wcześniej.

Oto przykładowe zestawienie bardzo szybkich motywów: http://wpdean.com/fastest-wordpress-themes/

Pamiętaj aby po każdej zmianie tematu skorzystać z wtyczki Force Regenerate Thumbnails, która dopasuje Ci wszystkie zdjęcia do nowego motywu.

UWAGA!: W przypadku, braku możliwości zmiany themu, jesteśmy skazani na zlecenie optymalizacji komuś bardziej wyspecjalizowanemu. Ponieważ może się to wiązać z nieefektywnością i jakością samego kodu.

4. Zmniejszenie liczby aktywnych wtyczek:  Każda dodatkowa wtyczka to dodatkowy balasy dla twojej strony. Staraj się ograniczyć ich liczbę do minimum potrzebnego do funkcjonowania i utrzymywania najważniejszych funkcji.

5. Zmniejszenie liczby reklam i banerów: Wiele reklam może przeszkadzać  odwiedzającym witrynę w dodatku często zdarza się, że obciążają stronę co wpływa na zmniejszenie szybkości  jej ładowania.

Sprawdź również  Czy pozycjonowanie stron to spam?

6. Zmniejszenie liczby widgetów: Wiele, nieprzetestowanych i dużych widgetów może znacząco wpłynąć na działanie twojej strony.  Sprawdź, czy z któregoś mógłbyś zrezygnować posiłkując się wykresami z aplikacji testującymi prędkość.

7. Instalacja wtyczki do cache’owania strony: W3 Total Cache lub. WP Super Cache.

8. Instalacja wtyczki do przyśpieszenia: Speed Booster Pack. Wtyczka zawiera bardzo dużo ciekawych opcji, które pomogą nam w przyśpieszaniu WordPressa.

UWAGA!: Opcję pluginu takie jak Move scripts to the footer, Minify all CSS styles, Insert all CSS styles inline to the footer mogą uszkodzić a czasem spowolnić działanie strony. Zalecane dla osób nie bojących się przeinstalowywania motywu. W razie niepewności zalecana jest konsultacja z Webmasterem.

 

  • Krzysztof Radzikowski

    primo nie przejmujmy sie tym google page speed – zobaczcie sami jaki ma wyniki – nie nie 100/100 🙂 – wazny tez jest hosting php 7.0 i minifikacja przesnuniecie js w dol strony . /zmniejszenie obrazkow itp . czasem pomaga cloudflare / CDN . aktualnie na wordupa wawa szykuje prezentacje z tego i podrzuce po zakonczeniu

  • Może VPS ? Cloudflare /CDN ? PHP7,php-fpm7, NGINX z cache + dla wordpress nginx-helper i powiązana z nim konfiguracja + wtyczka cloudflare.
    Co rady to każdy zawsze poleca automaty do zdjęć,ale gdy mało fotografii warto zrobić to ręcznie przez Xnview plik/eksport i dobierać kompresje jpg dla zdjęć lub ilość kolorów png dla grafik i schematów które mają wyraziste proste kolory.