Czy chcesz minifikować pliki w swojej witrynie WordPress? Minifikacja plików CSS i Javascript WordPress może przyspieszyć ich ładowanie i przyspieszyć witrynę WordPress. W tym przewodniku pokażemy, jak zminimalizować pliki CSS/Javascript w WordPress, aby poprawić wydajność i szybkość.
Co To jest Minify i kiedy go potrzebujesz?
Termin „Minify” jest używany do opisania metody, która zmniejsza rozmiar pliku witryny. Osiąga ten cel, usuwając białe spacje, linie i niepotrzebne znaki z kodu źródłowego.
Zwykle zaleca się stosowanie tylko w przypadku plików, które są wysyłane do przeglądarek użytkownika. Obejmuje to pliki HTML, CSS i JavaScript. Możesz też minifikować Pliki PHP, ale PHP jest językiem programowania po stronie serwera i jego minifikacja nie poprawi szybkości ładowania strony dla użytkowników.
Oczywistą zaletą minifigurowania plików jest lepsza szybkość i wydajność WordPress. Pliki kompaktowe są szybsze do załadowania i poprawiają szybkość witryny.
Jednak niektórzy eksperci uważają, że poprawa wydajności jest bardzo mała dla większości stron internetowych i nie jest warta zachodu. Minifikacja zmniejsza tylko kilka kilobajtów danych w większości witryn WordPress. Możesz skrócić czas ładowania strony, po prostu optymalizując obrazy pod kątem Internetu.
Oto przykład normalnego kodu CSS:
body {
margin: 20px;
padding: 20px;
kolor: # 333333;
background: # f7f7f7;
}
h1 {
font-size: 32px;
kolor#222222;
margin-bottom:10px;
}
Po minifigurowaniu kodu będzie on wyglądał następująco:
body{margin:20px;padding:20px;color:#333;background:#f7f7f7}h1{font-size:32px;margin-bottom:10px}
Jeśli próbujesz osiągnąć wynik 100/100 w narzędziu Google Pagespeed lub gtmetrix, minifikacja CSS i JavaScript znacznie poprawi twój wynik.
Powiedziawszy, że rzućmy okiem na to, jak łatwo zminimalizować CSS/JavaScript w swojej witrynie WordPress.
Minify CSS / Javascript w WordPress
Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować lepszą wtyczkę do WordPressa Minify. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji wtyczka doda nowy element menu o nazwie „BWP Minify” do paska administracyjnego WordPress. Kliknięcie na niego przeniesie Cię do strony ustawień wtyczki.
Na stronie Ustawienia musisz sprawdzić dwie pierwsze opcje, aby automatycznie minifikować pliki JavaScript i CSS w witrynie WordPress.
Możesz teraz kliknąć przycisk Zapisz zmiany, aby zapisać swoje ustawienia.
Istnieje wiele innych zaawansowanych opcji na tej stronie. Domyślne ustawienia będą działać dla większości witryn internetowych, ale możesz przeglądać i zmieniać te opcje indywidualnie.
Następnie musisz udać się na swoją stronę internetową. Kliknij prawym przyciskiem myszy w dowolnym miejscu, a następnie wybierz „Wyświetl źródło strony”z menu przeglądarki.
Zobaczysz teraz kod źródłowy HTML wygenerowany przez Twoją witrynę WordPress. Jeśli przyjrzysz się bliżej, zauważysz, że ta wtyczka załaduje pliki CSS / JavaScript z własnego folderu wtyczki zamiast motywów i wtyczek WordPress.
Są to minifikowane wersje oryginalnych plików CSS i JavaScript. Lepsza Wtyczka WordPress Minify zachowa je w pamięci podręcznej i udostępni zminifikowane wersje przeglądarkom.
To wszystko, mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak zminimalizować swoją witrynę WordPress. Możesz również zobaczyć nasz najlepszy przewodnik, jak przyspieszyć WordPress dla początkujących.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
