Jak przyspieszyć twoją stronę — WordPress

Na stronie mogą znajdować się linki afiliacyjne, po ich kliknięciu zostaniesz przeniesiony na stronę reklamodawcy więcej

Szybko wczytująca się strona internetowa ma same zalety. Po pierwsze, odwiedzający twoją stronę czuja się komfortowo, gdy po kliknięciu kolejnej zakładki, linka czy obrazka, od razu zachodzi interakcja twojej strony.

Posiadanie szybkiej strony WordPress ma same zalety.

Po pierwsze, korzystanie z takiej strony jest przyjemne z perspektywy użytkownika. Klient lub czytelnik bloga pozostanie na stronie, jego wizyta będzie trwała prawdopodobnie dłużej i będzie głębsza. Tym samym zwiększa się prawdopodobieństwo, że nasza strona spełni założony przez nas cel.

Po drugie szybka strona zapewni nam wyższą pozycję w wyniku wyszukiwania. Należy pamiętać, że Google czy Bing nie dają dodatkowych ocen/punktów za szybkość. Jednakże strony wolniej wczytujące się otrzymują, niższe noty co w efekcie powoduje, że są niżej klasyfikowane. Wyjaśnienie jest proste, wolno wczytująca się strona raczej nie wpływa pozytywnie na wrażenia użytkownika więc. Nawet jeśli twoja strona zawiera, interesujące treści. To nikt nie poświęci swojego cennego czasu, by czekać w nieskończoność na ich wyświetlenie.

Czytaj więcej: Co to takiego jest — WordPress.

Identyfikacja i eliminacja wąskich gardeł.

Zanim przystąpisz do optymalizacji twojej strony, najpierw przyjrzyj się jej krytycznym okiem. I nie mówię tu o stronie graficznej, której zapewne nie ma nic do zarzucenia. Mam na myśli wszystko, co może, ale nie musi wydłużyć czas wczytania się strony. Czyli tak zwane wąskie gardła (ang. bottlenecks).

W przypadku WordPressa będzie to wszystko, co ogranicza czas, a więc w efekcie wydłuża wczytywanie strony.

Od czego zacząć? Może najpierw sprawdźmy szybkość wczytywania przy pomocy narzędzi do tego stworzonych. Więcej informacji na ten temat znajdziesz tutaj.

Pingdom

Kiedy wiesz, już jak źle wygląda sytuacja, czas zacząć szukać przyczyn. Brak zoptymalizowanych grafik, tony kodu CSS, i JavaScript. To podstawowi winowajcy znajdzie się oczywiście jeszcze klika innych, ale zacznijmy od tego. Jednak zanim zaczniemy optymalizować twoją stronę, przyjrzyjmy się jeszcze jednej rzeczy.

WordPress jest niezwykle wydajnym środowiskiem, przy jego pomocy można szybko i bez większych technicznych umiejętności zbudować fajną stronkę. Przy pomocy kilku wtyczek możemy zwyczajną, nudną stronę zmienić w ciekawie wyglądający serwis. Jednak często zdarza się, że to, co jest jedna z największych zalet, wtyczki. Może stać się przyczyną prawdziwej tragedii. Wielu użytkowników WordPresa instaluje wtyczki na chybił trafił niekiedy dwie lub trzy wykonujące tą sama prace, tak na wszelki wypadek.

Zacznijmy więc od przeglądu wtyczek.

Zacznijmy wiec od włączenia wszystkich wtyczek. Przetestuj stronę ponownie przy pomocy tego samego narzędzia. Na pewno widać różnicę, teraz zastanów się chwilę nad efektem docelowym. Zależy ci na szybkiej stronie z wysoką konwersją, czy może jednak chcesz mieć po prostu fajną stronę, którą czasem ktoś odwiedzi. Od odpowiedzi na to pytanie zależy które wtyczki powinieneś uruchomić ponownie.

Teraz kiedy masz niejakie pojęcie, w którą stronę zmierzasz, można włączyć niektóre wtyczki ponownie. Proponuje, robić to pojedynczo możesz, po też każdorazowo sprawdzać jak zmienia się czas wczytywania strony. Pomoże to oczywiście dokonać ostatecznej decyzji co do kształtu twojej strony.

Optymalizacja grafiki

Bez względu na to jakiej odpowiedzi, udzieliłeś na zadane powyżej pytanie, część akcji będzie wyglądać podobnie. Zaczynamy od największego, najczęściej pomijanego problemu. Grafika na stronie. Pamiętaj, aż 70% czasu wczytywania strony przypada na zdjęcia. Zadbaj więc w pierwszej kolejności optymalizację grafiki. Przemyśl dokładnie nad przeznaczeniem danego zdjęcia. Może warto zmniejszyć je jeszcze przed wrzuceniem na serwer. Drugim krokiem, który należy podjąć, będzie kompresja grafiki.

W tym celu proponuje zainstalować wtyczkę Smush.

Zmieniaj rozmiar, optymalizuj i kompresuj wszystkie obrazy za pomocą niesamowicie potężnego i w 100% darmowego programu do kompresji obrazów, dostarczonego przez super zespół od WPMU DEV!

Smush to potężne narzędzie, bardzo szybko i wydajnie dokona kompresji grafik na twoim blogu. Co ważne zdjęcia niemuszą znajdować się w twojej bibliotece. Wtyczka kompresuje, zdjęcia w trakcie ich wczytywania wiec nawet obrazki pochodzące z innych lokacji zostają zoptymalizowane. Uruchom wiec wtyczkę i sprawdź, jak kompresja wpłynęła na poprawę jakości.

Teraz gdy mamy załatwiliśmy problem wczytywania obrazków, czas zabrać się za następne wąskie gardła. Maja one bardzo duży wpływ na strony oparte na WordPresiedlatego tez warto przyjrzeć się im bliżej.

Przeczytaj Również  XAMPP — Instalacja WordPressa na własnym komputerze.

Czas odpowiedzi serwera.

Zbyt długa odpowiedź serwera, czyli de facto zbyt wysoka wartość czasu TTFB (Time To First Byte; pow. 0.2 sekundy) to konsekwencja zbyt rozbudowanej logiki, która ma miejsce w przypadku korzystania z tony różnego rodzaju wtyczek. Problem ten został zaznaczony powyżej, ale myślę, że warto do niego wrócić i omówić bardziej szczegółowo.

Długa odpowiedź może być także konsekwencją źle skonfigurowanego hostingu. Poniżej kilka technik radzenia sobie z tym problemem, które w 90% powinny zdać egzamin.

 Wyłączenie niepotrzebnych wtyczek

Przejdź do Wtyczki » Zainstalowane wtyczki i wyłącz, a potem usuń wszystko, co się da i co nie jest kluczowe dla twojej strony internetowej. Pamiętaj, żeby przed usunięciem wtyczki przetestować stronę, może się zdarzyć, że jej usunięcie uszkodzi szablon, który używasz. Rzadko do takich sytuacji dochodzi, ale zawsze oznacza, że ktoś źle zbudował stronę. Jeśli strona jest świeżo postawiona, to nie będzie problemem, wybierz inny szablon z repozytorium WordPress.

Inaczej wygląda sprawa z płatnymi szablonami. Często deweloper dodaje do nich wtyczki, które mają sprawić, że strona będzie się poprawnie wyświetlać, niestety nie zawsze są to wtyczki zoptymalizowane pod kontem SEO. W takim wypadku pozostaje pójść na kompromis, czyli zostawić wtyczkę i skontaktować się z deweloperem.

Zmiana wersji PHP 5.X na wersję 7.X

PHP, czyli język za pomocą, którego WordPress jest napisany, ciągle ewoluuje i wykorzystuje coraz to nowsze technologie. PHP w wersji 7 jest, bardziej wydajny co przekłada się na szybkość działania stron i aplikacji w jego środowisku.

Porównanie wersji PHP

W tym celu trzeba wejść w panel sterowania twojego hostingu lub skontaktować się z supportem.

Zmiana wersji PHP

W serwerach VPS i dedykowanych Ubuntu będzie to kwestia kilku komend – aktualizacji pakietów, zainstalowania PHP7, aktywowania go jako wersji domyślnej i restartu usługi serwera.

Wykorzystanie pamięci podręcznej w warstwie CMS

W tym celu polecam zainstalowanie wtyczki WP Super Cache. Działa ona tak, że zapisuje zawczasu wy renderowany kod HTML na dysku w postaci statycznego, gotowego dla przeglądarki pliku z kodem HTML. Potem usuwa go przy jakiejkolwiek aktualizacji i odtwarza ponownie taki plik. Zapobiega to sytuacji, że użytkownik otrzymuje nieaktualne dane. Posiadanie gotowych danych do przesłania użytkownikowi zwalnia system z odtwarzania treści na podstawie logiki i bazy danych przy każdej kolejnej wizycie.

Automatyczne oczyszczenie bazy danych

W miarę czasu przybywa wpisów na blogu. WordPress dla bezpieczeństwa użytkowników, przechowuje wszystkie archiwalne wersje wpisów, co po pewnym czasie może spowolnić twoją stronę. Aby, uniknąć wydłużania czasu odpowiedzi SQL dobrze byłoby uprzątnąć nieco bazę. W tym celu polecam kolejną wtyczkę, WP-Sweep.

Wykorzystanie pamięci podręcznej HTTP

Pamięć podręczna HTTP powoduje, że raz ściągnięty plik z internetu może być przechowywane na dysku klienta i każdorazowe przyszłe żądania do niego mogą odbywać się bez pobierania go ponownie. Jest to możliwe za pomocą wykorzystania nagłówków Expires lub Cache-Control.

Jest to przydatna opcja w przypadku posiadania na stronie zasobów w postaci plików CSS, JS, zdjęć itp… Edycja pliku .htaccess w celu dodania nagłówków expires:

ExpiresActive On
ExpiresDefault "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType text/html "access plus 1 month"
ExpiresByType application/xhtml+xml "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"

Wykorzystanie kompresji  GZIP

Większość usługodawców hostingowych pozwala na używanie kompresji podczas wysyłania danych. Hipertekst tak jak każdy tekst łatwo można skompresować, przed wysłaniem pakietu danych a później przeglądarka dokona natychmiastowej dekompresji. Pozwoli to bardzo mocno zmniejszyć wielkość pakietów danych więc i wpłynie na szybkość wczytania strony.

W tym celu należy do pliku .htaccess: dodać poniższą linię.

<ifModule mod_deflate.c> <filesMatch "\.(js|css)$"> SetOutputFilter DEFLATE </filesMatch> </ifModule>

Podsumowanie

WordPress jest bardzo wygodnym środowiskiem służącym do budowy stron internetowych. Bardzo elastycznym i wygodnym w użyciu, niestety brak właściwej obsługi tego narzędzia może powodować wiele problemów, które mogą wpłynąć na widoczność twojej strony w wyniku wyszukiwania. Dlatego, już na samym początku budowania strony watro zainteresować się optymalizacją. Właściwie przygotowany CMS będzie nam długo i wydajnie służył. Warto wiec włożyć nieco wysiłku w optymalizację, bo to się opłaci w dłuższej perspektywie.

Źródła:

  • Oracle
  • google developers
  • mansfeld

Tagi , , , .Dodaj do zakładek Link.

Dodaj komentarz