Wtyczki optymalizujące kod

optymalizacja diagram

Wtyczki, o których tutaj wspomnę, dotyczą optymalizacji kodu.

AUTOPTIMIZE

Do optymalizowania kodu na stornie internetowej można wykorzystać plugin Autoptimize.

Autorem tej wtyczki jest Frank Goossens.

Wtyczka jest oceniana na bardzo dobrą(powyżej 4,5 gwiazdki).

Ilość instalacji wynosi ponad milion.

 

Jak pobrać wtyczkę autoptimize, która pomoże nam w optymalizacji kodu?

 

Aby pobrać wtyczkę autoptimize należy:

  1. Pobrać plik zip, który następnie należy rozpakować i umieścić w katalogu /wp-content/plugins/
  2. Aktywować wtyczkę, wykorzystując “Wtyczki” w menu
  3. Udaj się do ustawień -> autooptymalizacji, a następnie włącz żądane opcje

 

W jaki sposób, wtyczka to może pomóc nam w optymalizacji kodu?

 

  • minifikacja(usunięcie nadmiarowych znaków) kodu HTML
  • minifikacja  kodu CSS i JS
  • minimalizuje i kompresuje, skrypty i style
  • połączy nam pliki CSS (połączy wszystkie, lub te wybrane instrukcjie CSS, które znajdują się w różnych plikach w jeden plik
  • przeniesie kod CSS, JS do stopki lub nagłówka
  • wklei skrypty bezpośrednio do kodu HTML
Za darmo, czy może jednak płatna?

 

Wtyczkę można pobrać za darmo, ale można wykupić także płatną subskrypcję, która da nam możliwość np. wygenerowania krytycznego CSS do strony, który powinien nam pomóc w przypadku kiedy, nadmiarowy kod CSS blokuje nam renderowanie strony.

 

ZALETY

Na pierwszy plan oczywiście wysuwają nam się możliwości wtyczki, które umożliwiają nam zautomatyzowania naszych prac. Warto też wspomnieć o jej przejrzystym interfejsie, czy o samym fakcie, że sama wtyczka jest dosyć lekka.

 

WP Rocket, kolejna wtyczka która służy do optymalizacji kodu

 

Jeżeli chcesz przeczytać o zalety tej wtyczki zapraszam do następnego wpisu.

 

 

 

 

 

 

 

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *