Tag: optymalizacja bloga

Poniżej przeczytasz o kolejnych pięciu metodach na zwiększenie szybkości otwierania się twojej strony internetowej. Pierwszych pięć sposobów zostało zaprezentowanych w moim poprzednim artykule, który znajdziesz tutaj.

1. Ustawienie pliku .htaccess

Za pomocą pliku .htaccess można ustawić dodatkowe komendy dla hostingu. Za pomocą specjalnych ustawień można usunąć zbyt duże obciążenie serwera i przyspieszyć działanie witryny.

Ustawienie #1. Można wiele napisać o prawach autorskich w Internecie. Jest jednak faktem to, że informacje z Twojej strony mogą być przekopiowane na inne witryny wraz z obrazami bez zmiany adresu zdjęć. To będzie miało negatywny wpływ nie tylko na SEO, lecz także na serwer hostingowy.

Każdy raz podczas ładowania cudzych stron z Twoimi obrazami generuje się zapytanie do Twojego serwera. Ale zapytania mogą być nadsyłane nie tylko ze stron zawierających Twoje obrazy. Popularne serwisy wyszukiwarek (np. Google Images) też działają w podobny sposób. Ich roboty indeksują zdjęcia na stronach, a potem wyświetlają je w zależności od zapytania użytkowników.  

Za pomocą pliku .htaccess (znajduje się w folderze głównym plików twojej strony) możesz zakazać ładowania się twoich obrazów na cudzych stronach. Można także ustawić wyjątki.

Kod dla pliku wygląda następnie:

RewriteEngine On

RewriteCond %{HTTP_REFERER} !^http://(.+\.)?google\.com/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^http://(.+\.)?yahoo\.com/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^http://(.+\.)?twoja_strona\.pl/.*$ [NC]

RewriteCond %{HTTP_REFERER} !^$ [NC]

RewriteRule .*\.(jpe?g|gif|bmp|png)$ – [F]

, gdzie twoja_strona.pl – to adres Twojej witryny.

W tym kodzie zrobione są wyjątki dla dwóch wyszukiwarek i Twojej strony (nie zapomnij jej dodać). Na wszystkich innych stronach Twoje obrazy nie będą widoczne.

Ustawienie #2. W pliku .htaccess można i należy określić buforowanie dla niektórych obiektów witryny (obrazy, pliki css i js), aby przeglądarka buforowała je na swojej stronie i nie ładowała za każdym razem. Aby to zrobić warto wstawić taki kod:

FileETag MTime Size

<ifmodule mod_expires.c>

<filesmatch „.(jpg|gif|png|css|js)$”>

ExpiresActive on

ExpiresDefault „access plus 1 year”

</filesmatch>

</ifmodule>

Ustawienie #3. Włączyć kompresję stron gzip przed wysłaniem ich do użytkownika. Dlatego warto wstawić następny kod:

<ifModule mod_gzip.c>

 mod_gzip_on Yes

 mod_gzip_dechunk Yes

 mod_gzip_item_include file .(html?|txt|css|js|php)$

 mod_gzip_item_include handler ^cgi-script$

 mod_gzip_item_include mime ^text/.*

 mod_gzip_item_include mime ^application/x-javascript.*

 mod_gzip_item_exclude mime ^image/.*

 mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

</ifModule>

Ustawienie  #4. Kolejny sposób pozwoli zablokować komentarze od spamerów. Spamerzy korzystają ze specjalnych botów, które omijając formularz kontaktowy nadsyłają zapytanie z parametrami bezpośrednio do skryptu wp-comments-post.php. Aby ograniczyć botom taką możliwość warto skorzystać z następnego kodu:

RewriteEngine On

RewriteCond %{REQUEST_METHOD} POST

RewriteCond %{REQUEST_URI} .wp-comments-post\.php*

RewriteCond %{HTTP_REFERER} !.*twoja_strona.pl.* [OR]

RewriteCond %{HTTP_USER_AGENT} ^$

RewriteRule (.*) http://%{REMOTE_ADDR}/$ [R=301,L]

, gdzie twoja_strona.pl to adres Twojej strony.

2. Optymalizacja motywu

Wybierając motyw WordPress do strony warto zwracać uwagę nie tylko na sam projekt i dostępne funkcje, lecz także na jego wyniki w testach Google PageSpeed i GTmetrix.

Dana templatka nie musi zawierać zbyt wielu skryptów oraz elementów graficznych, ponieważ ma to negatywny wpływ na czas ładowania się strony. Ale musi mieć poprawny kod, który został zbudowany w zgodności ze standardami W3C. Inaczej motyw nie będzie przyjazny w odniesieniu do SEO.

Jeśli nie jesteś pewien, że Twój motyw został optymalizowany, możesz skorzystać z poniższych porad. One dotyczą bazowych rzeczy, które możesz poprawić bezpośrednio z panelu administracyjnego WordPress:

Ustawienie 1. Znaleźć kod, który odpowiada za style w pliku szablonu header.php:

<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />

I zamienić go na taki:

<link media=”screen” type=”text/css” href=”http://twoja_strona.pl/wp-content/themes/yourthemes/style.css” rel=”stylesheet”>,

gdzie twoja_strona.pl – adres Twojej strony, a yourthemes – nazwa motywu używanego domyślnie.

Ustawienie 2. Zmienić kod pingbacków w pliku header.php szablonu:

<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” />

na taki:

<link href=”http://twoja_strona.pl/xmlrpc.php” rel=”pingback”/>,

gdzie twoja_strona.pl – adres Twojej strony

Ustawienie 3. Sprawdzić plik footer.php szablonu na obecność niepotrzebnych zapytań do bazy danych. Poniższy kod wczytuje nazwę strony z bazy danych:

<?php get_bloginfo(’name’) ?>

W tym przypadku można podać nazwę strony słownie zamiast ‘name’.

Należy jednak pamiętać, że w przyszłości przy zmianie nazwy witryny przez panel administracyjny w stopce zostanie ten poprzedni wariat i należy go zmienić w powyższym kodzie.

Jeszcze mam kilka drobnych porad, które pomogą optymalizować stronę:

1. Nie używaj zbyt dużo różnych metryk na jednej stronie. Im więcej skryptów dodajesz do kodu, tym wolniej będzie ładować się witryna. Chodzi tutaj o np. Google Analytics, Bing Webmaster Tools, Yandex Metrics.
2. Wszystkie serwisy zachęcają dodawać skrypty do sekcji <head></head>.  Jednak niektóre skrypty lepiej dodawać na końcu strony (przed znacznikiem </body>).  Wtedy najpierw będzie ładować się zawartość strony, a potem wszystkie skrypty.
3. Dodawanie komentarzy do różnych sekcji przy tworzeniu kodu to dobre zasady programowania. Ale duża liczba komentarzy może spowalniać ładowanie strony. Dlatego dobrze jest usuwać niepotrzebne komentarze w kodzie i zostawiać tylko te kluczowe. One zazwyczaj mają taki wygląd <!- > oraz /*/.

3. Użycie wtyczek

Użycie zbyt dużej ilości wtyczek może mieć kilka negatywnych czynników dla strony. Po pierwsze, przez luki w kodach wtyczek odbywają się włamania na strony.

Dlatego warto podchodzić ostrożnie do wyboru potrzebnych rozszerzeń i nie instalować pierwszych lepszych darmowych wtyczek.

Po drugie, każda dodatkowa wtyczka spawalnia stronę. Dlatego warto zrobić audyt rozszerzeń. Jeśli jest możliwość zastąpić wtyczkę dodaniem funkcji do pliku functions.php motywu potomnego, warto skorzystać z takiej opcji.

Jeśli jakaś wtyczka nie jest potrzebna warto ją usunąć. Nawet nieaktywny dodatek może być wykorzystany przez hakerów do włamania się do serwisu internetowego.

4. Buforowanie treści

Najprostszą, a zarazem bardzo skuteczną metodą zwiększenia szybkości ładowania się strony zbudowanej na WordPress, jest buforowanie treści. Jeśli masz statyczną stronę, gdzie zawartość stron nie zmienia się regularnie, ten sposób będzie dla Ciebie idealny.

Za pomocą specjalnego narzędzia (niestety WordPress nie posiada takiej opcji automatycznie wbudowanej) można wykonać skompresowane wersje wszystkich stron. Będą się one otwierać dużo szybciej niż przy zwykłym ładowaniu witryny.

Na repozytorium WordPress można znaleźć sporo wtyczek, które buforują zawartość witryny. Na przykład WP Super Cache oraz Autoptimize.

5. Użycie CDN

CDN (skrót z angielskiego Content Delivery Network) jest to usługa polegająca na instalowaniu fragmentów strony internetowej na wielu komputerach na całym świecie. Dzięki temu Twoja strona będzie szybciej ładować się w różnych częściach świata.

Jednak usługa CDN nie jest dostępna dla tanich planów hostingowych. Stąd takie rozwiązanie będzie się opłacać, gdy Twoja strona przynosi zyski albo masz dodatkowe fundusze na rozwój twojego serwisu.

Podsumowanie

Czas ładowania się strony ogrywa bardzo ważną rolę dla każdej witryny internetowej.  Wpływa to nie tylko na jej pozycję w wynikach wyszukiwania, lecz także na konwersję. 

Mam nadzieję, że przedstawione 10 porad, pomogą Ci przyspieszyć otwieranie się twojej strony internetowej.  Aby z nich skorzystać nie koniecznie musisz posiadać dobrą wiedzę techniczną. Wystarczy mieć trochę czasu i ochoty 😉

Pamiętaj, że przed wykonaniem zmian zawsze dobrze jest wykonać kopię zapasową plików strony i bazy danych. Wtedy będziesz mógł szybko przywrócić witrynę, jeśli coś pójdzie nie tak.

Czas ładowania strony internetowej jest jednym z czynników rankingowych Google. Według niego im chybciej ładuje się Twoja strony, tym lepsze pozycje będzie ona miała w wynikach wyszukiwania. Ale ten czynnik wpływa nie tylko na SEO. Według badań Google, które miały miejsce w 2016 r., strona ładująca się dłużej niż 5 sekund traci około 40% konwersji. Stąd musisz zadbać, aby Twoja witryna szybko się otwierała na różnych urządzeniach internautów, inaczej będziesz tracił potencjalnych klientów.

Czy kiedykolwiek sprawdzałeś swoją stronę pod kątem szybkości? W tym przypadku możesz skorzystać z 2 popularnych serwisów – Google PageSpeed i GTmetrix (rys. 1). Serwisy te nie tylko podają informacje o czasie ładowania witryny, lecz także zawierają wskazówki co do jej optymalizacji.

Jeśli po testach okazało się, że Twoja strona jest powolna, nie musisz od razu dzwonić do znajomego webdewelopera i zamawiać nową.  Poniżej znajdziesz 10 porad, które pomogą Ci samodzielnie przyspieszyć witrynę opartą na WordPress.

Nie ma jednak gwarancji, że po wypełnieniu tych kroków strona zacznie działać dużo szybciej, bo wiele  zależy od typu witryny i stosowanych rozszerzeń. Zostaw zatem wizytówkę webdewelopera przy komputerze. 🙂

1. Hosting SSD i lokalizacja serwerów

Przed rozpoczęciem optymalizacji strony warto zadbać o dobry hosting. Serwery zbudowane na dyskach SDD działają 20 razy szybciej od klasycznych magnetycznych (HDD). Dzięki temu czas otrzymania odpowiedzi od serwera przebiega szybciej, co ma pozytywny wpływ na ładowanie się witryny. Jednak takie serwery są znacznie droższe od zwykłych na HDD. Dlatego lepiej je zastosować dla e-sklepów oraz dużych stron firmowych. Jeżeli prowadzisz blog, (na którym nic nie zarabiasz), możesz śmiało wybierać serwery HDD i zadbać o optymalizację samego blogu.   

Lokalizacja serwerów też odgrywa ważną role przy wyborze hostingu. Jeżelii Twoi klienci, czy czytelnicy bloga mieszkają w Polsce, a serwery hostingu zlokalizowane są w Australii, to czas oczekiwania na odpowiedź serwera będzie dłuższy niż dla serwerów z Niemiec. Więc dla lokalnego biznesu najlepiej wybierać hosting z serwerami w Twoim bądź w sąsiednich Państwach.

2. Optymalizacja obrazów

Elementy graficzne i skrypty to najczęstsza przyczyny wolnego ładowania strony. Warto uważać na rozmiary i formaty obrazów, które dodajesz podczas tworzenia wpisów i stron.

Optymalna rozdzielność dla grafiki wynosi do 1000 px, a rozmiar – do 300KB. Jeżeli chodzi o format, to zalecamy wybierać JPEG oraz WebP (staje się coraz popularniejszy w sieci). Mają one dobrą kompresję, stąd mały rozmiar. Przy tym gorsza jakość obrazów (w porównywaniu do PNG) nie będzie zauważalna podczas oglądania strony przez internautów.

Jeżeli do tego czasu dodawałeś obrazy większych rozmiarów, rekomendujemy je zmienić. Możesz to zrobić ręcznie albo wykorzystać narzędzie, np. wtyczkę Smush Image. Pomoże ona szybciej znaleźć „ciężkie” obrazy i skompresować je w kilka kliknięć myszką.

3. Ustawienie wp-config.php *

Podczas otwierania witryny system może załadowywać różne wersje językowe dla strony domowej. Zastosowana będzie tylko ta, która jest ustawiona domyślnie. Warto, zatem zmodyfikować plik wp-config.php, który znajduje się w katalogu głównym strony (na hostingu), aby zaoszczędzić czas podczas ładowania się trony.

Po otworzeniu pliku warto znaleźć linijkę define. Jeżeli wygląda ona tak define (’WPLANG’, ’ ’);, to w klamrach warto wstawić: pl_PL. A jeżeli w powyższym polu masz ustawiony inny język, to trzeba go zamienić na Polski.

Po wykonaniu wszystkich edycji linijka ma wyglądać następująco:  (’WPLANG’, ’ pl_PL’)

• Od WordPress w wersji 4.0, wersję językową serwisu można zmienić w kokpicie strony. Więc porada w tym zakresie jest nieaktualna.

4. Ustawienie Robots.txt

Plik robots.txt zawiera różne instrukcje dla robotów wyszukiwarek internetowych, które regularnie wchodzą na Twoją stronę. Za jego pomocą można otworzyć/zablokować strony i foldery dla indeksacji, dodać mapę i zablokować dostęp do witryny dla niektórych robotów. Ostatnia opcja będzie dla nas przydatna.

Oprócz znanych robotów Google, Yahoo, Bing na Twoją stronę codziennie wchodzą setki innych „pająków”. Należą one do różnych wyszukiwarek, serwisów analizy stron, itd. Każdy robot, który „chodzi” po stronie, stwarza dodatkowe przeciążenie dla serwera.

Jeśli nie masz dobrego planu hostingowego, obecność takich „pająków” zwiększy czas ładowania strony. Dlatego najlepiej zablokować im dostęp do strony.

Poniżej przykład jak „wyprowadzić” robota ze strony na przykładzie wyszukiwarki Yandex. Do pliku robots.txt warto dodać taki tekst:

User-agent: Yandex

Disallow: /

W ten sposób można również zakazać dostęp do strony dla innych robotów.

Pełną listę „pająków” możesz łatwo znaleźć w Google. Tylko uważaj, aby nie zablokować robotów samego Google. 😉

5. Optymalizacja bazy danych

Przy każdej zmianie zawartości strony/wpisu WordPress zapisuje kopię tych zmian do bazy danych. Dzięki temu możesz łatwo przywrócić potrzebną wersję zmian w dowolnym czasie. Ale taki system rewizji (tak on się nazywa) zwiększa rozmiar bazy danych.

I chociaż deweloperzy WordPress zapewniają, że duża liczba wersji nie przeciąga załadowanie strony/wpisu (załadowuje się tylko ostatnia wersja), testy mówią inaczej. Dlatego od czasu do czasu warto usuwać dostępne wersje dla Twoich stron czy wpisów. Zrobić to można za pomocą różnych wtyczek, np. WP Optimize.

6. Podsumowanie

Mam nadzieję, że przedstawione tu sposoby na zwiększenie prędkości otwierania się twojej strony internetowej są dla ciebie przydatne. W drugiej części artykułu omówię 5 kolejnych porad.

Jeżeli masz jakieś uwagi czy pytania, zostaw je proszę w sekcji komentarzy.