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.

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

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

“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

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

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 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.

Czy po przeczytaniu tytułu zastanawiałeś się nad tym, po co komuś taka konwersja? My też. Gdy jednak pomyśleliśmy nad tym i zaczęliśmy testować narzędzie HTMLtoWordPress, byliśmy nie tylko mile zaskoczeni, ale również zyskaliśmy pewność, że taka konwersja może jednak być całkiem dobrym pomysłem. Pomyśl w ten sposób: tworzenie stron internetowych w HTML jest zawsze prostsze. Jednak w celu monitorowania i obsługi przez kogoś, kto nie jest programistą, łatwiej jest to robić w WordPress. WordPress jest dość intuicyjny i łatwy do nauczenia nawet dla kogoś, kto z technologią nie jest za pan brat.

Oczywiście ludzie konwertują kod HTML do plików WordPress od zawsze. Jednak przed wprowadzeniem takich narzędzi, jak HtmlToWordPress, konwersja była zdecydowanie trudniejsza. Wszystkie pliki musiały być prawidłowo zorganizowane i podłączone podczas konwersji. Obrazy i inne media zawsze stanowiły dla niej wyzwanie. Ponadto nie mogłeś nawet marzyć o próbie wykonania takiego działania, chyba że programowanie to Twój chleb powszedni. Konwersja z HTML do WordPress była po prostu niewykonalna dla tych, którzy nie mieli solidnego przygotowania warsztatowego.

Jednak obecnie taka operacja wymaga od nas zaledwie kilku kliknięć. Pozwól, że pokażemy Ci jak to się robi.

Prosta konwersja z HTML do WordPress

Chociaż kodowanie w formacie HTML jest łatwiejsze, główna korzyść oferowana przez WordPress to jego system zarządzania treścią. Jeśli posiadasz klientów z niepowtarzającymi się wymaganiami dla swoich witryn, możesz spełnić ich wymagania, tworząc strony internetowe w formacie HTML, a następnie przekształcić je na pliki WordPress PHP, by można było w prostszy sposób obsługiwać witrynę. WordPress daje im dostęp do wtyczek i innych narzędzi SEO. Gdy już przekonwertujesz swoją witrynę HTML do WordPress, zyskasz wszystkie poniższe zalety i wiele więcej:

• łatwiejsze zarządzanie,
• możliwość instalowania dodatków,
• integracja z mediami społecznościowymi,
• łatwiejsze aktualizacje.

Oto jak HTMLToWordPress może pomóc Ci skorzystać z dobrodziejstw WordPress:

• Prześlij plik HTML i wybierz motyw, resztę zrobi za Ciebie narzędzie. Nie wymaga programowania.
• Podgląd na żywo zapewni Ci wgląd w to, jak Twoja witryna będzie wyglądać z wybranym motywem po zakończeniu konwersji.
• Kompatybilność z dowolną stroną HTML i dowolnym edytorem lub strukturą HTML.
• Automatyczna modyfikacja treści i zdjęć dzięki Simple Live Editor.
• Mnóstwo wspieranych narzędzi i platform.
• Oszczędność czasu, gdyż cała operacja zajmuje najwyżej kilka minut.
• Nie wymaga nauki.

Technika przekształcania zwykłych stron HTML we w pełni funkcjonalną witrynę WordPress nie tylko pozwoli zaoszczędzić Ci czas, ale także okaże się przyjazna dla Twojego portfela. Programiści prawdopodobnie zażyczyliby sobie setki dolarów za to, co może dokonać to narzędzie i z pewnością zajęłoby im to zdecydowanie więcej czasu. Wybór w tym momencie jest chyba oczywisty.

Jak działa to narzędzie?

Rzeczywisty proces konwersji stron HTML do stron WordPress chyba nigdy nie był prostszy. Odwiedź stronę główną narzędzia, a zobaczysz obszar, do którego możesz przeciągać i upuszczać spakowany folder zawierający Twoje strony HTML. To wszystko. Zachęcająca wiadomość mówiąca, że „otrzymasz podgląd na żywo w ciągu 15 sekund lub mniej” jest chyba dość obiecująca, by przynajmniej przetestować aplikację.

Próbowaliśmy przesłać niewielką testową stronę internetową do narzędzia i oto, co nas spotkało:

• Nasz spakowany folder zawierał 4 strony HTML, 1 plik CSS, 1 plik JavaScript i folder zawierający około 30 obrazów. Analiza folderu zajęła narzędziu nie więcej niż 8 sekund. Czas według nas był całkiem przyzwoity.
• Nasz plik strony głównej nie był nazwany index.html (nazwa domyślna dla większości witryn bazujących na HTML) i narzędzie wyświetliło komunikat błędu informujący, że powinniśmy zmienić nazwę naszego pliku strony głównej na index.html (małymi literami) i spróbować przesłać ponownie. To trochę dziwne, ponieważ nazwa pliku strony startowej nie powinna zatrzymać konwersji, w efekcie jednak musieliśmy zmienić nazwę. Niosło to za sobą konieczność wprowadzenia kilku dodatkowych zmian w plikach, by dopasować wszystkie wystąpienia starej nazwy w naszym kodzie.

Gdy nasze pliki zostały przekonwertowane, mogliśmy zobaczyć na żywo podgląd naszej strony w edytorze narzędzia. Warto wspomnieć, że podgląd nie dodaje niczego do naszych plików. Podgląd pokaże Ci bardzo prostą witrynę internetową, jeśli właśnie taką zawierają Twoje pliki HTML. Więc nie spodziewaj się czegoś ponad to, co sam wcześniej zaprogramowałeś.

W prawym górnym rogu edytora znajduje się przycisk „Pobierz motyw” („Download Theme”), dzięki któremu można pobrać pliki WordPress utworzone po konwersji. Jest to również miejsce, w którym musisz zapłacić za korzystanie z narzędzia, więc zostaniesz przekierowany do Twojego koszyka.

Zalety i wady

Zalety są dość oczywiste:

• Dowolna platforma i edytor HTML.
• Obrazy, arkusze stylów są prawidłowe podłączone.
• Zarówno treść jak i media mogą być bezpośrednio edytowane za pomocą Live Editor.
• Darmowy podgląd po konwersji, ale przed odwiedzeniem koszyka.

Wady powinny również być jasne na podstawie tego, co wcześniej napisaliśmy:

• Konieczność stosowania jednej określonej nazwy pliku strony głównej (index.html).
• Bardzo podstawowy schemat WordPress bez możliwości wyboru innego motywu.
• Maksymalny obsługiwany rozmiar pliku to 100 MB.

• Konwersja z HTML do WordPress nigdy nie była tak prosta: htmltowordpress.io/ @HTML2WP_app via @MonitoringStron

  Tweetnij to

Podsumowanie

Według nas, konwersja całej strony HTML do WordPress za 4,90 dolara jest zbyt dobra, by mogła być prawdziwa. Być może twórcy zwiększą cenę, gdy tylko usługa stanie się bardziej popularna, ale teraz liczymy, że wykorzystamy ją do przekonwertowania jak największej liczby stron. Ceny są świetne, FAQ nie występuje, a interfejs jest mniej lub bardziej oczywisty. Mimo kilku, na szczęście akceptowalnych, mankamentów, jest to jedna z wartych polecenia i, póki co, nielicznych aplikacji na rynku, które w ogóle umożliwiają taką konwersję.