Drugi pow\u00f3d, dla kt\u00f3rego warto zadba\u0107 o sprawne wczytywanie strony, to pozycjonowanie witryny w Google. Algorytm Google faworyzuje strony, kt\u00f3re s\u0105 zoptymalizowane pod wieloma aspektami, w tym tak\u017ce szybko\u015bci wczytywania. Im szybciej strona si\u0119 \u0142aduje, tym wi\u0119ksze szanse na to, \u017ce zajmie ona wysokie pozycje w wyszukiwarce Google.<\/p>\n
Co to takiego szybki szablon WordPress? To szablon, kt\u00f3ry:<\/p>\n
- \n
- Niedu\u017co wa\u017cy,<\/li>\n
- Posiada zoptymalizowane obrazy,<\/li>\n
- Cechuje prosta obs\u0142uga, np. dzi\u0119ki wbudowanemu edytorowi wizualnemu typu drag & drop,<\/li>\n
- Jest responsywny,<\/li>\n
- Jest zoptymalizowany pod k\u0105tem SEO,<\/li>\n
- Posiada wbudowan\u0105 obs\u0142ug\u0119 wy\u015bwietlania podobnych post\u00f3w,<\/li>\n
- Jest kompatybilny z popularnymi edytorami stron internetowych takimi jak np. Elementor<\/a> lub Beaver Builder,<\/li>\n
- Zawiera tylko niezb\u0119dne wtyczki.<\/li>\n<\/ol>\n
Ostatni podpunkt jest tutaj kluczowy, poniewa\u017c nawet najlepszy szablon nie osi\u0105gnie dobrych wynik\u00f3w, je\u015bli nie wiemy, jak go zoptymalizowa\u0107 z pomoc\u0105 wtyczek. Co zrobi\u0107, by strona internetowa osi\u0105gn\u0119\u0142a wynik PageSpeed Insights zbli\u017cony do 100? Najpierw sprawd\u017amy, jak sprawdzi\u0107 szybko\u015b\u0107 strony www.<\/p>\n
Jak sprawdzi\u0107 szybko\u015b\u0107 \u0142adowania strony internetowej?<\/h2>\n
Aby sprawdzi\u0107, czy witryna \u0142aduje si\u0119 szybko, mo\u017cna skorzysta\u0107 z darmowych narz\u0119dzi online, takich jak np. Pingdom Website Speed Test lub Page Speed Insights. W okienku, kt\u00f3re si\u0119 wy\u015bwietli na g\u0142\u00f3wnej stronie aplikacji, wystarczy poda\u0107 adres URL strony internetowej, a nast\u0119pnie klikn\u0105\u0107 przycisk Analizuj.<\/p>\n
Po kilku sekundach otrzymamy wynik analizy, wraz ze wskaz\u00f3wkami dotycz\u0105cymi optymalizacji strony. Program mo\u017ce na przyk\u0142ad zasugerowa\u0107, aby usun\u0105\u0107 nieu\u017cywany kod CSS, unika\u0107 wielokrotnych przekierowa\u0144 lub usun\u0105\u0107 zasoby blokuj\u0105ce renderowanie strony.<\/p>\n
Szablon WordPress \u2013 jak go zoptymalizowa\u0107 za pomoc\u0105 darmowych wtyczek?<\/p>\n
Darmowe wtyczki, kt\u00f3re pomog\u0105 zoptymalizowa\u0107 szablon WordPress i stron\u0119 internetow\u0105 to:<\/p>\n
- \n
- WP Super Cache,<\/li>\n
- Smush Image,<\/li>\n
- Autoptimize,<\/li>\n
- Cache Enabler,<\/li>\n
- Asset CleanUp: Page Speed Booster,<\/li>\n
- PageSpeed Ninja.<\/li>\n<\/ol>\n
Om\u00f3wmy je wszystkie po kolei.<\/p>\n
#1 WP Super Cache<\/h3>\n
WP Super Cache to bardzo prosta i intuicyjna wtyczka, maj\u0105ca na celu zmniejszenie zu\u017cycia zasob\u00f3w serwera. Wtyczka zapisuje wygenerowane dokumenty HTML na dysku serwera, co przyspiesza \u0142adowanie strony. Jej odpowiednik dla serwer\u00f3w dedykowanych i VPS to wtyczka W3 Total Cache.<\/p>\n
#2 Smush Image<\/h3>\n
Wtyczka Smush Image to uznany przez \u015brodowisko WordPress optymalizator obraz\u00f3w na stronie. Wtyczka umo\u017cliwia optymalizacj\u0119 wielu r\u00f3\u017cnych obraz\u00f3w za pomoc\u0105 jednego klikni\u0119cia, a tak\u017ce lokalizowanie problematycznych grafik, kt\u00f3re spowalniaj\u0105 witryn\u0119. Wtyczka jest kompatybilna z bibliotek\u0105 medi\u00f3w WordPress i obs\u0142uguje wiele r\u00f3\u017cnych format\u00f3w, w tym najpopularniejsze: JPEG, GIF i PNG. Smush Image potrafi tak\u017ce wykrywa\u0107 obrazy, kt\u00f3re posiadaj\u0105 nieprawid\u0142owy format i zasugerowa\u0107 ich odpowiednie skalowanie.<\/p>\n
#3 Autoptimize<\/h3>\n
Autoptimize to wtyczka, kt\u00f3ra pomaga w optymalizacji kodu HTML strony. Z jej pomoc\u0105 mo\u017cna skompresowa\u0107 tak\u017ce kod JavaScript oraz scali\u0107 arkusz styl\u00f3w CSS. W przypadku plik\u00f3w CSS i JavaScript mo\u017cemy wykluczy\u0107 wybrane pliki, przerzuci\u0107 dodany kod JavaScript lub CSS do plik\u00f3w i scali\u0107 je. Mo\u017cemy tak\u017ce wklei\u0107 ca\u0142y CSS w kodzie strony oraz wymusi\u0107 wywo\u0142anie JavaScript w sekcji <head> witryny. Jedn\u0105 z funkcji wtyczki Autoptimize jest tak\u017ce wyeliminowanie zasob\u00f3w, kt\u00f3re blokuj\u0105 renderowanie strony.<\/p>\n
#4 Cache Enabler<\/h3>\n
Wtyczka Cache Enabler s\u0142u\u017cy do tworzenia statycznych (buforowanych) plik\u00f3w HTML. To mechanizm pami\u0119ci podr\u0119cznej, dzi\u0119ki kt\u00f3remu mo\u017cna poprawi\u0107 wydajno\u015b\u0107 strony internetowej, poniewa\u017c pliki te s\u0105 u\u017cywane do dostarczania tre\u015bci, bez wyszukiwania bazy danych. Cache Enabler mo\u017cna podpi\u0105\u0107 pod wiele r\u00f3\u017cnych stron WordPress, wtyczk\u0119 warto zainstalowa\u0107 razem z Autoptimize, by przyspieszy\u0107 \u0142adowanie strony.<\/p>\n
#5 Asset CleanUp: Page Speed Booster<\/h3>\n
Asset CleanUp: Page Speed Booster to wtyczka, kt\u00f3r\u0105 mo\u017cna po\u0142\u0105czy\u0107 z wtyczk\u0105 WP Rocket. Plugin skanuje stron\u0119 i wykrywa nieu\u017cywane pliki CSS oraz Java Script, a nast\u0119pnie je eliminuje. Wtyczka kompresuje kod HTML, a tak\u017ce usuwa konflikty mi\u0119dzy wtyczkami, jest ona dost\u0119pna jedynie w j\u0119zyku angielskim.<\/p>\n
#6 PageSpeed Ninja<\/h3>\n
PageSpeed Ninja to wtyczka, kt\u00f3ra przyspiesza \u0142adowanie strony internetowej, zar\u00f3wno na laptopach i komputerach, jak i na urz\u0105dzeniach mobilnych. Jej dzia\u0142anie opiera si\u0119 na aktywacji kompresji plik\u00f3w GZIP, kompresji plik\u00f3w HTML, Java Script i CSS, a tak\u017ce kompresji obraz\u00f3w. Z pomoc\u0105 wtyczki mo\u017cna aktywowa\u0107 buforowanie przegl\u0105darki, jednak nie jest ona kompatybilna ze wszystkimi motywami i wtyczkami WordPress. Przed zainstalowaniem PageSpeed Ninja warto skorzysta\u0107 z udost\u0119pnionego przez tw\u00f3rc\u00f3w wtyczki testu i sprawdzi\u0107, czy sprawdzi si\u0119 ona na naszej witrynie.<\/p>\n
Co jeszcze mo\u017cna zrobi\u0107, by przyspieszy\u0107 szablon WordPress i skr\u00f3ci\u0107 czas \u0142adowania witryny?<\/p>\n
![\"Optymalizacja](\"https:\/\/www.templatemonster.com\/blog\/pl\/wp-content\/uploads\/sites\/6\/2019\/07\/Optymalizacja-templatki-1024x683.png\" "\\"Optymalizacja")
<\/p>\nJak jeszcze mo\u017cna przyspieszy\u0107 \u0142adowanie witryny?<\/h2>\n
1. Skracaj publikowane tre\u015bci<\/h3>\n
Ka\u017cdy wpis w WordPress mo\u017cna zoptymalizowa\u0107 tak, by nie wy\u015bwietla\u0142 si\u0119 on w ca\u0142o\u015bci. W ten spos\u00f3b, je\u015bli kto\u015b jest zainteresowany dalsz\u0105 tre\u015bci\u0105 artyku\u0142u, musi przewin\u0105\u0107 go rolk\u0105 myszy lub klikn\u0105\u0107 przycisk Dalej. By\u0107 mo\u017ce to rozwi\u0105zanie wydaje si\u0119 by\u0107 uci\u0105\u017cliwe dla czytelnik\u00f3w, ale z punktu szybko\u015bci \u0142adowania witryny jest jak najbardziej korzystne!<\/p>\n
2. Zmodyfikuj system wy\u015bwietlania komentarzy<\/h3>\n
Na szybko\u015b\u0107 \u0142adowania wp\u0142ywa tak\u017ce ilo\u015b\u0107 wy\u015bwietlanych pod wpisem komentarzy. Warto j\u0105 zredukowa\u0107 tak, by pe\u0142na tre\u015b\u0107 komentarzy pojawia\u0142a si\u0119 dopiero po klikni\u0119ciu w dany element strony. W\u0142a\u015bciwe parametry mo\u017cna ustali\u0107, korzystaj\u0105c z ustawie\u0144 WordPress (zak\u0142adka: Czytanie).<\/p>\n
3. Unikaj ci\u0119\u017ckich obraz\u00f3w na stronie<\/h3>\n
Nawet je\u015bli ju\u017c masz zainstalowan\u0105 wtyczk\u0119 WP Smush, warto wyrobi\u0107 sobie nawyk polegaj\u0105cy na unikaniu publikowania grafik, kt\u00f3re wa\u017c\u0105 wi\u0119cej ni\u017c kilka MB lub ich\u2026 kompresowaniu. Poza wymienion\u0105 przez nas wtyczk\u0105 WP Smush, w kompresji zdj\u0119\u0107 mo\u017ce pom\u00f3c tak\u017ce ShortPixel Image Optimizer.<\/p>\n
4. W\u0142\u0105cz kompresj\u0119 GZIP<\/h3>\n
Kompresja GZIP umo\u017cliwia zredukowanie obj\u0119to\u015bci plik\u00f3w tekstowych nawet o 80%. Mo\u017cna j\u0105 w\u0142\u0105czy\u0107 z poziomu panelu administracyjnego, poprzez dodanie kodu do pliku .htaccess lub automatycznie, za pomoc\u0105 wtyczki do optymalizacji.<\/p>\n
5. Instaluj tylko niezb\u0119dne wtyczki<\/h3>\n
Skoro ju\u017c wiemy, kt\u00f3re wtyczki mog\u0105 nam pom\u00f3c w optymalizacji witryny, warto tak\u017ce zaznaczy\u0107, \u017ceby korzysta\u0107 z nich z umiarem. Zbyt du\u017ca ilo\u015b\u0107 zainstalowanych wtyczek mo\u017ce powodowa\u0107 niezgodno\u015bci i spowalnia\u0107 witryn\u0119, dlatego zalecane jest, by odinstalowa\u0107 te rozszerzenia, z kt\u00f3rych na co dzie\u0144 si\u0119 nie korzysta.<\/p>\n
6. Wybierz m\u0105drze serwer<\/h3>\n
Szybko\u015b\u0107 \u0142adowania strony internetowej zale\u017cy w du\u017cej mierze tak\u017ce od tego, z jakiego hostingu WordPress<\/a> korzystamy. Nie nale\u017cy oszcz\u0119dza\u0107 na tym rozwi\u0105zaniu! Hosting powinien dzia\u0142a\u0107 wydajnie,\u00a0 oferowa\u0107 du\u017c\u0105 przepustowo\u015b\u0107 \u0142\u0105cza i nieograniczony transfer.<\/p>\n
- Zawiera tylko niezb\u0119dne wtyczki.<\/li>\n<\/ol>\n