Posty otagowane ‘czas ładowania’

5 sprawdzonych wtyczek do WordPressa, którymi łatwo przyspieszysz swoją stronę

wtyczki do przyspieszenia WordPressa

Twoja strona nie wczytuje się tak szybko, jak powinna? To rzeczywiście problem, bo użytkownicy stają się coraz mniej cierpliwi – szczególnie ci mobilni. Jeżeli nie ujrzą załadowanej strony po maksymalnie dwóch sekundach, mogą się zniechęcić i kliknąć “wstecz” w przeglądarce, albo po prostu zamknąć okno.

Dodatkowo, pozycja Twojego serwisu w wynikach wyszukiwania Google w pewnym stopniu również zależy od szybkości ładowania się Twojej strony. Powolne strony nie mają szans na wysokie pozycje, szczególnie w przypadku silnej i licznej konkurencji.

Narzędzia mierzące czas wczytywania stron, wraz z wynikami wyświetlają listę rekomendacji, podpowiadając, co można poprawić na testowanej stronie, żeby ją przyspieszyć. Wbrew pozorom, nie musisz być specjalistą (programistą albo administratorem serwera), żeby znacznie skrócić czas wczytywania swojego serwisu opartego na WordPressie.

“Nie musisz być specjalistą, żeby znacznie skrócić czas wczytywania swojego serwisu opartego na WordPressie.”

Wtyczki do WordPressa związane z szybkością

Wtyczek, które w zautomatyzowany sposób optymalizują serwis pod kątem szybkości wczytywania, jest bardzo wiele. Jedne z nich działają lepiej, inne gorzej, jeszcze inne w Twoim przypadku mogą nie przynieść zupełnie żadnego efektu.

Przygotowaliśmy dla Ciebie listę pięciu wtyczek, których skuteczność sprawdziliśmy i których używamy w naszych serwisach opartych na WordPressie.

Rekomendowane wtyczki rzeczywiście przyspieszające stronę

1. Smush Image – optymalizacja plików graficznych

Smush Image

Zabieg, który pozwala najsilniej “odchudzić” stronę – w znaczeniu zmniejszenia jej łącznej wagi – to optymalizacja bitmapowych plików graficznych (PNG, JPG, itp). Polega ona na kompresji – najczęściej zupełnie bez utraty jakości – istniejących obrazków.

Smush Image (wcześniej WP SmushIt) pozwala nie tylko zoptymalizować wszystkie znajdujące się w serwisie bitmapy, ale również kompresować w locie wszystkie dodawane obrazy.
 

 

Alternatywne wtyczki:
Shortpixel
Kraken.io
Imagify

2. a3 Lazy Load – “lazy loading” grafik

a3 Lazy Load

“Lazy loading” (z ang. “leniwe wczytywanie”) to technika polegająca na doczytywaniu plików graficznych z opóźnieniem – w miarę przewijania strony, zamiast wszystkich od razu.

Wspomniany wyżej Smush Image również to umożliwia, ale nie zawsze działa poprawnie w tym zakresie. Z kolei a3 Lazy Load to wtyczka, która się w tym specjalizuje i działa naprawdę dobrze.

Alternatywne wtyczki:
BJ Lazy Load
Lazy Load

3. Autoptimize – optymalizacja plików tekstowych

Autoptimize

Pliki tekstowe zazwyczaj “ważą” dużo mniej niż graficzne – ale wiele z nich jest wczytywanych wszędzie w serwisie a nie tylko na jednej podstronie. Mowa tutaj o stylach CSS, skryptach JavaScript oraz o samym kodzie HTML stron.

Autoptimize minimalizuje wielkość plików tekstowych usuwając z nich wszelkie niepotrzebne znaki – np. spacje czy znaki końca wiersza. Taki zoptymalizowany kod jest dużo mniej czytelny dla człowieka, ale nie robi żadnej różnicy przeglądarce – a waży dużo mniej.

Wtyczka wykonuje optymalizację “w locie” – czyli plik na dysku pozostaje oryginalny, natomiast przeglądarce serwowana jest jego zminimalizowana wersja. Dzięki temu problem braku czytelności w ogóle nie istnieje.
Autoptimize wykonuje dodatkowo kilka innych czynności – dodaje specjalne nagłówki, przenosi style do sekcji HEAD a skrypty do stopki.

Alternatywna wtyczka:
WP Super Minify

4. W3 Total Cache – cache serwisu

W3 Total Cache

W dużym uproszczeniu cache’owanie serwisu internetowego polega na tym, że wszystkie strony zapisywane są na dysku w postaci statycznych plików w celu szybszego wyświetlania – bez potrzeby generowania ich przy każdej wizycie przy użyciu bazy danych. Metoda ta daje najlepsze efekty w przypadku hostingu opartego na szybkich dyskach SSD.
Od dawna trwa “wyścig” pomiędzy kilkoma popularnymi wtyczkami keszującymi. W Internecie można znaleźć wiele testów, które za każdym razem wygrywa inna wtyczka.

W3 Total Cache to jeden z liderów takich rankingów, plasujący się zazwyczaj tuż przed lub tuż za WP Super Cache. To rozbudowana wtyczka oferująca wiele opcji i kompatybilna z różnymi serwerami webowymi oraz większością innych wtyczek, pozwalająca znacząco przyspieszyć ładowanie stron i odciążyć zasoby hostingu.

 

Alternatywne wtyczki:
WP Super Cache
WP Rocket

5. Clearfy – “poprawianie” WordPressa i wtyczek

Clearfy

Clearfy zwiększa wydajność WordPressa głównie poprzez wyłączanie lub blokowanie wybranych funkcji platformy oraz niektórych wtyczek (np. Yoast SEO), które nie są niezbędne dla działanie danego serwisu. Clearfy dodaje też kilka nowych funkcji – w sumie oferując ponad 50 opcji mających na celu optymalizację działania strony.
 
 
 

 

Alternatywne wtyczki:
WP Disable
Perfmatters

Testuj i mierz

Nie ufaj bezrefleksyjnie rekomendacjom, również naszym. Zainstaluj w swoim WordPressie każdą z wtyczek osobno a następnie przetestuj efekty, mierząc czas wczytywania oraz sprawdzając ocenę Google Page Speed. Poeksperymentuj z różnymi ustawieniami.
Być może w Twoim przypadku lepiej sprawdzą się wtyczki wymienione powyżej jako alternatywne.

UWAGA: Jeżeli używasz wtyczki keszującej, nie zapomnij wyczyścić cache po zainstalowaniu nowej wtyczki lub wprowadzeniu zmian do konfiguracji.

Bonus: Sprawdź swój hosting

Duży wpływ na szybkość strony WWW ma jakość usługi hostingowej. Zakładając, że prowadzisz popularnego portalu ani dużego sklepu internetowego o wielkim ruchu, mówimy tutaj o hostingu współdzielonym.

Upewnij się, że:

  • nie korzystasz z usług jednego z gigantów rynku (np. H***.pl czy N****.pl), którzy “upychają” klientów współdzielonych jak sardynki
  • Twój serwer używa szybkich dysków SSD (a nie przestarzałych HDD)
  • masz włączoną najnowszą, rekomendowaną przez WordPress wersję PHP (na dzień pisania tego artykułu jest to wersja 7.3)
  • korzystasz z CDN (np. bezpłatnej wersji CloudFlare, również oferującego wtyczkę w celu łatwej integracji) – szczególnie jeżeli użytkownicy Twojego serwisu pochodzą z różnych krajów.

Co dalej?

Jeżeli efekt, uzyskany za pomocą opisanych wyżej wtyczek oraz sugestii hostingowych nadal Cię nie satysfakcjonuje, możesz jeszcze skorzystać z różnego rodzaju dodatkowych narzędzi związanych z szybkością stron. Kolejny krok to już zatrudnienie specjalistów do wykonania profesjonalnego audytu a następnie optymalizacji Twojego serwisu.

Na jakie obciążenie gotowa jest Twoja strona? Dowiedz się dzięki Load Impact

W czasie tworzenia strony internetowej, podstawowe kroki polegają na zaprojektowaniu koncepcji, interfejsu i wykupieniu przestrzeni na serwerze. Do tego przyda się oczywiście posiadanie podstawowej znajomości HTML i innych języków przydatnych do tworzenia stron. Jednak to nie wszystko. Przed jej uruchomieniem należy sprawdzić jeszcze wiele innych ważnych aspektów, takich jak sprawdzenie jej wydajności i tego, jak wygląda w różnych przeglądarkach. Jeśli Twoja witryna ma wszystko, co powinna posiadać solidna strona, ale kompletnie nie radzi sobie pod bardzo dużym obciążeniem, takim jak na przykład tysiąc kliknięć na sekundę, możesz znaleźć się w sporych tarapatach. Jak zapewne zauważyłeś po sobie, ludzie nie lubią czekać na załadowanie się stron. Jeśli znajdą inną witrynę, oferującą te same, szukane przez nich informacje, a otwarcie Twojej będzie zajmowało zbyt dużo czasu, przestaną ją w końcu odwiedzać.

Load Impact

Jeśli nie chcesz, by w Twoim przypadku ziścił się ten pesymistyczny scenariusz, sprawdź, jakie maksymalne obciążenia Twoja witryna może naraz udźwignąć. Skorzystaj z Load Impact.

LoadImpact – testowanie ładowania oraz wydajności gdzie i kiedy tylko chcesz

Load Impact to usługa online przeznaczona do testowania wydajności, która pozwala sprawdzić stronę internetową, aplikację internetową, aplikację mobilną lub interfejs API będące w sieci. Jest to usługa na żądanie, w której możesz rozpocząć testowanie natychmiast, bez wykupowania żadnych licencji, ponoszenia jakichkolwiek opłat lub instalowania dedykowanego oprogramowania. Sprawia, że współczynnik odrzuceń Twojej witryny nie zacznie wzrastać, Twoja pozycja w wyszukiwarkach nie ulegnie degradacji, a współczynniki konwersji nie zmniejszą się. To wszystko dzięki informacji na temat szybkości ładowania się Twojej strony, dzięki czemu będziesz mógł podjąć odpowiednie działania optymalizacyjne, gdy wczytywanie zanadto się wydłuży.

Jedną z najbardziej atrakcyjnych funkcjonalności tej usługi jest to, że jest w 100% oparta na chmurze. Oznacza to, że nie musisz pobierać, instalować ani konfigurować niczego. Działa na serwerach w chmurze w Internecie, dzięki czemu zawsze masz dostęp do Twoich scenariuszy testów i ich wyników. Dzięki temu zaoszczędzisz sporo czasu.

Oto przegląd wartych uwagi funkcjonalności narzędzia:

  • Symulowany ruch dopasowany do scenariuszy w czasie rzeczywistym, brak ukrytego buforowania lub korzystnego zachowania.
  • Obciążenie generowane z 10 różnych lokalizacji jednocześnie, a na żądanie można dodać kolejne lokacje.
  • Manualne oraz automatyczne opcje skryptowe z obsługą wielu języków.
  • Możliwość nagrania sesji HTTP za pomocą rejestratora proxy Load Impact lub rozszerzenia Chrome.
  • Raportowanie problemów z wydajnością w ciągu dosłownie kilku minut od ich wystąpienia.
  • Monitorowanie backendu możliwe także w trakcie testowania agentami serwera New Relic i/lub Load Impact.
  • Możliwość gromadzenia danych, takich jak: użycie procesora i pamięci, wejście/wyjście dysku i sieci oraz APDEX.
  • Wsparcie dla harmonogramów i automatyzacja testów.
  • Możliwość przesyłania plików CSV zawierających potrzebne dane, jak: dane logowania, identyfikatory produktów, adresy URL itp. oraz powiązanie ich z konkretnym skryptem.
  • Wykresy graficzne przedstawiające trendy wydajności na przestrzeni czasu.
  • Naprawdę duża skala testów, nawet do 1,2 miliona użytkowników jednocześnie.
  • Wsparcie dla dowolnych aplikacji lub usług opartych na HTTP (np. aplikacje Flash, AJAX, SOAP/XML itp.).
  • Możliwość dodawania dodatkowych adresów IP.

Dzięki ponad 1.400.000 testów zakończonych powodzeniem, Load Impact jest najbardziej popularną usługą testowania obciążenia za pośrednictwem Internetu.

Load Impact - zrzut ekranu 1

Jak to działa?

Aby wypróbować Load Impact, wejdź na stronę główną narzędzia i wpisz adres URL swojej witryny w odpowiednim polu. Następnie kliknij „Uruchom darmowy test” („Run free test”). Po kilku sekundach zostanie wyświetlona strona, na której możesz zobaczyć aktualizowane w czasie rzeczywistym wyniki na różnych wykresach. Wyniki będą wyświetlane dla 25 symulowanych użytkowników z całego świata, a test będzie działał przez około 5 minut. Te wartości testu są dostępne bez rejestracji. Żeby symulować więcej użytkowników i przeprowadzać test przez dłuższy czas, musisz się zarejestrować.

Nie ma za wiele do zrobienia, gdy testy są uruchomione, więc po prostu czekaliśmy. W połowie testu pojawiło się okienko pop-up zachęcające nas do sprawdzenia zakładki URL i szukania błędów lub nieoczekiwanych zachowań. Podano również informację, że jeśli znajdziemy jakieś błędy, powinniśmy zarejestrować się i ponownie przeprowadzić testy, tym razem z większą liczbą użytkowników, powiedzmy 100 i w miarę możliwości skorzystać z rozszerzenia Chrome dla Load Impact. Ponieważ było dla nas od razu jasne, że powyższe informacje miały charakter czysto marketingowy, zamknęliśmy okienko pop-up i pozwoliliśmy na ukończenie testów.

Po zakończeniu, oprócz opisu scenariusza testowego, zobaczyliśmy lokalizacje, z których „korzystali” z naszej strony symulowani użytkownicy, graficzną reprezentację porównującą czas ładowania dla każdego dodanego użytkownika oraz panel wyników zawierający cztery karty z kilkoma podsekcjami:

  • Wartości – przepustowość, żądania na sekundę, skumulowany czas ładowania, czas ładowania różnych typów zawartości i aktywne połączenia TCP (by zobaczyć więcej szczegółów, trzeba koniecznie zarejestrować bezpłatne konto).
  • Adresy URL – lista wszystkich adresów URL Twoich testowanych stron internetowych, ich statusy odpowiedzi, jak wiele czasu w sekundach zajęło wczytanie każdej z nich itp.
  • Strony – przetestowane strony z Twojej witryny.
  • Logi.

Dodatkowo, po prawej stronie znajdują się 4 opcje, które mają nam pomóc w realizacji różnych zadań:

  • baza wiedzy (centrum pomocy),
  • Load Script API (moduły Lua),
  • status systemu,
  • sekcja pytań.

Jako, że dokładnie wiedzieliśmy, jak działa to narzędzie, zdecydowaliśmy się w nim nie rejestrować. Jednak, jak się później dowiedzieliśmy, rejestracja nie wymaga żadnych danych karty kredytowej, jest łatwa i oferuje możliwość testowania obciążenia witryny z wykorzystaniem 100 wirtualnych użytkowników, 2500 żądań na sekundę i pozwala wykonać 5 takich testów miesięcznie. Całkiem nieźle.

Load Impact - zrzut ekranu 2

Ocena Load Impact

Zalety narzędzia:

  • doskonała platforma do testowania obciążeniem dowolnej strony internetowej,
  • oparta na chmurze, symulowani użytkownicy z lokalizacji rozrzuconych po całym świecie,
  • możliwość integracji z wieloma narzędziami,
  • możliwość testowania stron internetowych, aplikacji webowych i mobilnych oraz interfejsów API.

Wady narzędzia:

  • wymaga trochę nauki stosowanego w nim żargonu,
  • dość wysokie ceny, jeśli komuś nie wystarczą darmowe testy.
  • Jak wielkie obciążenia zniesie Twoja strona internetowa? Dowiedz się dzięki @loadimpact loadimpact.com/ via @MonitoringStron

    Tweetnij to

Podsumowanie

Podsumowując, Load Impact okazuje się być naprawdę dobrą platformą testowania wydajności, ale niestety nie dla początkujących użytkowników. Jest wielu ludzi posiadających własne blogi lub osobiste strony internetowe i nie wszyscy z nich rozumieją terminy oraz szczegóły techniczne tych testów. Dla nich to narzędzie mogłoby być zwykłą stratą czasu. Ale dla tych, którzy zdają sobie sprawę z jego wartości, może okazać się wszystkim, czego potrzebują w tym temacie.

WebPageTest – spraw, by Twoja strona działała szybciej

Jedna myśl pewnie zaprząta umysł niejednego użytkownika komputera – dlaczego wielcy gracze na rynku, tacy jak Google, AOL itp. tworzą i rozwijają fajne narzędzia i aplikacje oraz udostępniają je za darmo? Jakie korzyści mają z oferowania często niszowych, ale w pełni darmowych usług swoim użytkownikom? Z pewnością muszą wydać sporo pieniędzy i zaangażować dużo siły roboczej w rozwój, testowanie i ostatecznie udostępnienie takich narzędzi. Dlaczego więc nie pobierają choćby symbolicznej opłaty za swoje nierzadko genialne innowacje?

Odpowiedź na te pytania jest prosta – robią to dla dobra ogółu! W tym świecie konkurencji, zawodowej rywalizacji i zasady mówiącej, że przetrwa tylko najsilniejszy, istnieją organizacje, które za główny cel i powód do dumy stawiają sobie dostarczanie przydatnych narzędzi, by znany nam Internet stał się lepszym miejscem, czy to jeśli chodzi o dostępność, łatwość obsługi, czy szybkość.

Ten post jest poświęcony właśnie jednej z takich bezpłatnych aplikacji online, która zapewnia, że szybkość ładowania i wydajność strony będzie Twoim najmniejszym zmartwieniem. Poznaj WebPageTest.org.

webpagetest

Przyspieszanie działania strony – tu i teraz

WebPageTest jest projektem open source, który pierwotnie został opracowany przez AOL do ich użytku wewnętrznego, ale gdy zdali sobie sprawę, jaki drzemie w nim potencjał, postanowili udostępnić go całemu światu. I tak w 2008 roku opublikowali go na licencji BSD. Platforma obecnie jest wspierana przez Google, a dzięki GitHub jest ciągle rozwijana. Oznacza to, że jej kolejne buildy są systematycznie pakowane i udostępniane do pobrania w celu umożliwienia innym użytkownikom uruchamiania własnych wersji narzędzia. Nawet mimo tego, że wersja online aplikacji sprawdza się doskonale w większości zastosowań.

WebPageTest pozwala właścicielom witryn internetowych uruchomić bezpłatne testy sprawdzające szybkość ładowania się ich stron. Umożliwia im sprawdzenie wydajności strony w 6-stopniowej skali, a także wyświetli listę proponowanych zmian dla zwiększenia szybkości działania witryny. A jeśli zastanawiasz się, co jest takiego wyjątkowego w bezpłatnych testach prędkości, to wiedz, że prawdziwy wyróżnik tego narzędzia, to możliwość przeprowadzenia testów z wielu różnych miejsc na całym świecie z wykorzystaniem prawdziwych przeglądarek (różne wersje Internet Explorer i Chrome) i przy realnych konsumenckich prędkościach połączenia. Co więcej, możesz dostosować te testy w dowolny sposób do swoich potrzeb, np. przeprowadzać zwykłe proste testy oraz zaawansowane testy z transakcjami wieloetapowymi, przechwytywaniem wideo, blokowaniem treści i wiele innych możliwości. Wyniki przeprowadzonych badań dostarczają dużo przydatnych informacji diagnostycznych, wliczając w to kaskadowe wykresy ładowania treści, kontrolę optymalizacji szybkości strony i wiele więcej.

Jeśli wydaje Ci się, że testy szybkości są jedyną mocną stroną narzędzia, to nie masz do końca racji. WebPageTest umożliwia również przeprowadzenie testów porównania wizualnego, jak i wykonywanie ICMP Traceroute z dowolnego z agentów testowych.

Ale dość już próżnego wychwalania tej aplikacji, powiedzmy sobie coś o tym, jak się jej używa!

webpagetest1

Jak to działa?

Twierdzenie, że narzędzie nie wymaga nauki obsługi nie będzie do końca prawdziwe, ale nie będzie też całkowicie błędne. Jedyne, co trzeba posiadać, to znajomość terminologii używanej przez internetową społeczność skupioną wokół tematów związanych z wydajnością stron internetowych. Ale nie oszukujmy się, jako właściciel strony z pewnością jesteś doskonale zaznajomiony z tymi zagadnieniami, prawda? W takim razie bardzo dobrze, przejdźmy zatem do meritum.

Odwiedź www.webpagetest.org, a najbardziej interesującą nas część zobaczysz w samym środku ekranu. Bez zbędnego kluczenia i przeklikiwania się po kolejnych podstronach. Teraz wystarczy tylko wpisać adres URL strony, którą chcesz sprawdzić i wybrać lokalizację testową. Będzie to kombinacja fizycznej lokalizacji na mapie oraz dodatkowo kilka informacji o środowisku obiektu testującego. Następnie wybierz na której przeglądarce chcesz uruchomić test online i w końcu naciśnij duży żółty przycisk z napisem „Start Test”. Możesz również dostosować konfigurację testową rozwijając przed odpaleniem badania „Ustawienia zaawansowane” („Advanced Settings”).

Powyższy opis mówi, w jaki sposób można przeprowadzić „Przegląd analityczny” („Analytical Review”) swojej strony. Kliknięcie na zakładce „Porównania wizualnego” („Visual Comparison”) pozwoli porównać Twoją witrynę z innymi ustalonymi stronami branżowymi, takimi jak na przykład: Google, AOL, Bing, CNN, LinkedIn itp. lub z innymi wpisanymi własnoręcznie adresami URL. Domyślnie wyniki tych testów będą dostępne publicznie. Jeśli chciałbyś nikomu ich nie pokazywać, musisz dokonać zmian w ustawieniach na głównej stronie testu.

WebPageTest umożliwia również uruchomienie testu ICMP Traceroute na dowolnym z jego agentów testowych (partnerów). Aby uruchomić takie badanie, musisz wprowadzić nazwę hosta Twojej witryny lub jej adres IP, wybrać obiekt testujący, którego chcesz użyć, wybrać konkretną przeglądarkę i określić ilość testów (maksymalnie 9), które mają zostać przeprowadzone.

Dzięki tak imponującym funkcjonalnościom może być trudno nie dać temu narzędziu choćby jednej szansy, by pokazała co potrafi.

  • Szczegółowo analizuj wydajność swojej strony z wielu różnych lokalizacji przy pomocy webpagetest.org/ via @MonitoringStron

    Tweetnij to

Partnerstwo Super Monitoring i WebPageTest.org

Uściślając, wersja online narzędzia jest dostępna pod adresem www.webpagetest.org i szereg prestiżowych firm z całego świata zapewnia mu infrastrukturę testową. Ponieważ narzędzie daje korzyści nie tylko właścicielom stron internetowych, ale także zwykłym ludziom i organizacjom szczególnie zainteresowanym zagadnieniami związanymi z wydajnością stron w Internecie, sporo wielkich graczy wsparło WebPageTest oferując mu kolejne lokalizacje testowe, a tym samym przyczyniając się do poprawiania jakości działania całej sieci.

Jednym z najnowszych partnerów przyłączonych do WebPageTest w maju 2016 roku jest właśnie Super Monitoring. Przydatna usługa monitorowania dostępności stron internetowych od niedawna rozpoczęła współpracę z WebPageTest, by zapewnić póki co najbardziej na wschód wysuniętą lokalizację testową w Europie (a dokładnie w Polsce). Prawda, że fajnie?

webpagetest2

Podsumowanie

Nie pozwól, by nagle kiepskie ładowanie się Twojej strony stało się przyczyną dla zmniejszenia ruchu na niej. Miej to na uwadze dzięki WebPageTest i daj wydajności swojej witryny solidnego kopa.

Miary dla stron internetowych 2012

Porównaj wyniki swojej strony ze średnimi wartościami globalnymi.

miary-dla-stron

Infografikę możesz opublikować na swoim blogu lub stronie,
ale nie zapomnij o aktywnym linku do www.monitoring-stron.pl.

  • Przeglądaj Kategorie


  • Super Monitoring

    Superbohaterski monitoring dostępności i prawidłowego funkcjonowania serwisów i aplikacji internetowych.


    Wypróbuj bezpłatnie

    lub dowiedz się więcej
Ta strona wykorzystuje pliki typu cookie. Jeżeli nie wyrażasz zgody na ich zapisywanie, wyłącz ich obsługę w ustawieniach swojej przeglądarki. zamknij