News Blog: Rozszerzenia WordPress i Joomla

Jak grupować i minimalizować zasoby w WordPress

file-group-and-minify

Zapewnienie lepszej możliwej wydajności to marzenie wszystkich, którzy zarządzają witryną, grupą i minimalizują zasoby w WordPress, jest jedną z najlepszych rzeczy, jakie możemy dla tego zrobić, ale może to być naprawdę trudne. Zgrupuj wszystkie zasoby (głównie pliki css i js) mogą ujawnić Twoją witrynę, jeśli nie jesteś programistą, ponieważ może to powodować konflikty.

WP Speed of Light jest najlepszym rozwiązaniem do wykonania witryny Wordpress, ponieważ ma wiele opcji, dzięki którym Twoja strona ładuje się szybko dzięki naprawdę przyjaznemu pulpitowi nawigacyjnemu i tak, jedną z tych opcji jest grupowanie i minimalizowanie zasobów. Proces włączania / wyłączania pojedynczego pliku z grupy i procesu minimalizacji jest kluczem do optymalizacji niestandardowej bez konfliktów.

Użyjemy przykładowej witryny wordpress do tego postu na blogu i nauczymy się, jak to zrobić, aby proces konfiguracji wszystkiego był łatwiejszy.

 

Jak wykonać minimalizację JS i CSS WordPress

Nauczmy się, jak wykonać wordpress js i minimalizację CSS, ale najpierw musimy wiedzieć, co oznacza minimalizacja „Minifikacja odnosi się do procesu usuwania niepotrzebnych lub zbędnych danych bez wpływu na sposób przetwarzania zasobów przez przeglądarkę - np. Komentarze do kodu i formatowanie, usuwanie nieużywanego kodu, używanie krótszych nazw zmiennych i funkcji itd. ”.

Teraz zamierzamy wykonać test prędkości na naszej stronie, aby zobaczyć zmiany, w tym przykładzie korzystamy z witryny z woocommerce i niektórymi produktami, więc za pierwszym razem będzie ładować się trochę wolniej.

 

przed testem

 

Tak, 2,79 sekundy, aby załadować stronę, nieźle, ale mogłoby być lepiej, po prostu zminimalizuj js i CSS i zobacz różnicę, przejdź do WP Speed of light> SpeedUp> Grupuj i zmniejsz, zobaczysz menu ze wszystkimi opcjami do zminimalizowania. Wersja bez wtyczek zawiera opcję grupowania i minimalizacji, ale wizualne wykluczanie plików jest dostępne tylko w wersji PRO Addon.

 

pulpit nawigacyjny grupy i minimalizacji

 

Opcje dodatków PRO to: Wyklucz skrypt wbudowany (Wyklucz skrypt wbudowany z minifikacji), przenieś skrypty do stopki (pozwala przyspieszyć witrynę, przenosząc wszystkie zminimalizowane skrypty do stopki), Czcionkę grupy i Czcionki Google (Czcionki lokalne grupy i czcionki Google w jednym pliku, aby być obsługiwane szybciej) i zaawansowane wykluczanie plików.
 
Masz opcję zminimalizowania, jak widać, JS, CSS, a także HTML teraz po prostu aktywuj te opcje, kliknij Zapisz i wszystkie zasoby zostaną zminimalizowane od razu, może to mieć problemy, ponieważ jest to zaawansowana konfiguracja, ale wszystko można to naprawić z wyłączeniem niektórych kodów i plików (z dodatkiem pro).

 

zasoby minify

 

 

Teraz cała praca programisty, która może zająć godziny, jest wykonywana w ciągu kilku sekund.

 

Następny krok, WordPress optymalizuje CSS i JS

Dzięki tej wtyczce pozwolimy Wordpressowi zoptymalizować CSS i js, po prostu włączając opcje grupy na desce rozdzielczej, przejdź do WP Speed of Light> SpeedUp> Grupuj i zmniejsz, zobaczysz pulpit nawigacyjny z opcjami grupowania CSS i js.

Te opcje pozwalają:

  • Grupa JS: Zgrupowanie kilku plików Javascript w jednym pliku zminimalizuje liczbę żądań HTTP
  • Grupuj CSS: Grupowanie kilku plików CSS w jednym pliku zminimalizuje liczbę żądań HTTP.

Żądania HTTP: są to żądania wysyłane do serwera za każdym razem, gdy coś wybieramy lub przechodzimy na inną stronę w tej samej witrynie, więc jeśli możemy zmniejszyć te żądania, czas ładowania się skróci.

Aby sprawdzić, ile plików i skryptów możesz grupować w swojej witrynie, po prostu otwórz konsolę przeglądarki (kliknij prawym przyciskiem myszy> Sprawdź lub F12) i otwórz panel sieciowy.

 

list-script-chrome

Następnie możesz wyświetlić listę wszystkich plików załadowanych według typu, tutaj w tym przykładzie kliknąłem tylko listę plików JS.

Teraz, gdy jesteśmy przy tych ustawieniach, po prostu włącz opcje grupy (Grupa CSS i Grupa JS) i kliknij Zapisz, pamiętaj, że z tych opcji należy korzystać ostrożnie, a będziesz musiał przetestować swoją stronę, ponieważ może to powodować konflikty .

 

Weźmy na poważnie i zoptymalizuj grubość czcionki

Co? Inna optymalizacja? Tak! będziesz w stanie zoptymalizować grubość czcionki i będzie to tak proste, jak włączenie opcji w ustawieniach, po prostu przejdź do WP Speed of Light> SpeedUp> Grupuj i minimalizuj> Czcionki grupowe i Czcionki Google opcja.
Opcja czcionek grupowych i czcionek Google pozwoli Ci pogrupować je w jednym pliku, aby można je było szybciej udostępnić, jest to dość przydatne, ponieważ większość motywów i układów WordPress ma strona głównayślnie 2 lub czcionki ze wszystkimi deklinacjami (zwykła, pogrubiona, kursywa) ...)

Po prostu włącz tę opcję, kliknij Zapisz, a wszystkie czcionki zostaną zgrupowane.

 

czcionka grupy

 


Teraz, gdy aktywowaliśmy wszystkie opcje, aby zminimalizować i pogrupować zasoby, powinniśmy zobaczyć różnicę w czasie ładowania naszej witryny. Sprawdźmy szybkość.

 

test po

 

Co za różnica, od 2,8 do 0,56 sekundy! Jak powiedzieliśmy na początku tego postu, możemy poprawić czas ładowania;)

 

Jak korzystać z wyłączenia minimalizacji plików

Minifikacja może powodować problemy w Twojej witrynie, dzieje się to głównie wtedy, gdy grupujesz określone pliki, które zawierają błąd w błędzie składni lub podobną zmienną, nazwę klasy. Dlatego z opcją „wykluczenia minimalizacji plików” będziesz mógł wykluczyć pliki z procesu minimalizacji i grupowania, przejdź do WP Speed of Light> SpeedUp> Grupuj i zmniejsz, będziesz mógł zobaczyć Zaawansowane wykluczanie plików opcja.

Aby skorzystać z zaawansowanego wykluczania plików, najpierw musisz uruchomić skanowanie, włącz opcję i kliknij Uruchom skanowanie.

 

ostrzeżenie o konflikcie zasobów grupy

 
Aby móc wyświetlić skrypt załadowany w witrynie, WP Speed of Light musi przeskanować folder, aby je wyświetlić. Zazwyczaj wszystkie są zawarte w folderze / wp-content, który grupuje wszystkie wtyczki i motyw. Wybierz ten folder (przynajmniej) i kliknij "Skanuj teraz"

 

wybierz foldery do skanowania

 

Spowoduje to uruchomienie skanowania, a na koniec kliknij wyświetl wyniki po zakończeniu skanowania.

 

skanowane

 

Lista plików sklasyfikowanych według typu (Wszystkie, JS, CSS, Czcionka) powinna zostać wyświetlona poniżej. Jeśli zidentyfikowałeś jeden plik, który powoduje problemy, podczas aktywacji grupy plików i minimalizacji możesz wykluczyć go stąd, używając prostego Przełącznik ON / OFF.

 

pliki wykluczeń

 

Pomoże Ci to wykluczyć pliki i w ten sposób łatwo rozwiąże każdy problem, który może wystąpić podczas minimalizacji zasobów… Proces grupowania i minimalizacji nadal wymaga trochę pracy, szczególnie podczas testowania, ale zdecydowanie jest wart wysiłku.
 
Śmiało i wypróbuj WP Speed of Light: https://www.joomunited.com/wordpress-products/wp-speed-of-light

3
Natychmiastowa synchronizacja plików na Dysku Google z Dro ...
Łączenie WordPress z chmurą za pomocą WP Media Fo ...
 

Komentarze

Brak komentarzy. Bądź pierwszym, który prześle komentarz
Już zarejestrowany? Zaloguj się tutaj
Gość
Czwartek, 19 września 2019 r
Jeśli chcesz się zarejestrować, wypełnij pola nazwy użytkownika, hasła i nazwy.

Captcha Image