Dzisiaj kontynuujemy nasz samouczek dotyczący W3TC. Pewnie już wiesz, że tak wtyczka pamięci podręcznej, co pozwala między innymi na przyspieszenie Twój blog (poprawia jego wydajność).

Ten samouczek jest podzielony na kilka części. Od tego czasu zaczęliśmy od wprowadzenia do pamięci podręcznej i dokonaliśmy wstępnych poprawek. Poniżej możesz zobaczyć różne rozdziały:

Część 2: Konfiguracja minimalizacji

Wciąż jesteśmy w konfiguracji W3TC, ale teraz porozmawiamy o kompresji plików.

Przed uzyskaniem dostępu do menu Minify „, Musisz najpierw aktywować” Minify W ustawieniach ogólnych. Jeśli włączyłeś tryb kompresji i jeśli działa on poprawnie w Twojej witrynie, ustawienia „ minifikacji To, co widzisz w tym menu, będzie uproszczoną wersją tego, co pokazano na zrzutach ekranu poniżej.

W tym samouczku omówimy proces kompresji ( Zmniejszanie kodu ) z W3TC. „ minifikacji Połączenie JS i CSS to esencja tego, co zobaczymy w tym samouczku.

Minify: Ogólne

Ustawienia ogólne w menu Minify Ma trzy opcje.

Minify-ogólnego w3tc-plugin-wordpress

Moduł URL Rewrite ”Powinien być domyślnie włączony i pozostaw tę opcję jako taką, chyba że wolisz, aby Twoje pliki CSS i JS były pobierane przy użyciu nagłówków„ http GET ”zamiast normalnej struktury adresu URL.

Wyłącz ” minifikacji Dla zalogowanych użytkowników nie należy zmieniać. Zaleca się, aby nie udostępniać zalogowanym i rozłączonym użytkownikom różnych plików CSS i JS.

Powiadomienie o błędzie ” Minify Musi być ustawiony dla powiadomień administratora. To pozwoli im być informowanym o wystąpieniu błędu.

Następujące sekcje „ wszystkie Minify ", Połącz i przenieś opcję" komponenty strony ". Może to zepsuć prezentację Twojej witryny. Powinieneś włączyć tryb podglądu i obserwować swoją witrynę podczas wprowadzania zmian, aby upewnić się, że nie uszkodzisz jej układu.

Zmniejsz: HTML i XML

Sekcja HTML i XML Z menu Minify jest proste. Pola wyboru mają umożliwić „ minifikacji „, z„ ” inline CSS i JavaScript, pomijaj strumienie minifikacji i zezwalaj na łamanie nowych linii.

Minify-html-w3tc

Z wyjątkiem opcji „ Nie zmniejszaj kanałów Które muszą pozostać niezaznaczone, szybkość witryny powinna się poprawić.

Pole tekstowe z zignorował parowania komentarzy Służy do identyfikacji komentarzy HTML, których nie należy usuwać, gdy kod HTML jest „skompresowany”. Niektóre połączone komentarze będą domyślnie znajdować się w tej domenie, aby zapewnić, że komentarze powiązane z Google AdWords i czytelnikami nie zostaną usunięte. Jeśli Twój kod HTML zawiera dodatkowe komentarze i chcesz pozostać w „ minified W przypadku HTML dodaj termin w tym polu tekstowym, aby wszelkie komentarze z tym wyrażeniem nie zostały usunięte.

Minify: JS

Jeśli masz włączoną kompresję JavaScript i CSS W menu Ustawienia ogólne będziesz mógł pracować tylko ze wszystkimi Zasoby Zarówno JavaScript, jak i menu, które zobaczysz, będą uproszczoną wersją poniższego obrazu.

Minify-js-w3tc

Jeśli wybrałeś metodę ręczną, musisz przewinąć do góry menu Minify I wybierz przycisk kreatora. Ta ostatnia zawiera listę plików JavaScript i CSS wykrytych przez W3TC. Zaznacz zaznacz wszystkie pola dla typów plików JavaScript i CSS i kliknij „ Dodaj I blisko. Spowoduje to dodanie plików JavaScript i CSS w menu „ Minify Abyś mógł z nimi pracować ręcznie.

Spójrz na pole o nazwie „ Obsługa w obszarach ". W tej sekcji możesz kontrolować, czy Zasoby JavaScript to „ minified I w połączeniu z opcją Minify Lub jeśli są po prostu połączone. Rodzaj osadzać » oferuje kilka opcji, jak to zrobić Zasoby JavaScript jest załadowany. Możesz wypróbować każdą opcję „ nonblocking Dopóki nie znajdziesz takiej, która nie zepsuje prezentacji Twojej witryny, ale jeśli żadna z opcji nie działa, pozostaw wartości domyślne.

Jeśli wybrałeś ręczną metodę kompresji w ustawieniach ogólnych, możesz pracować z każdym plikiem indywidualnie, przypisując go do pojedynczego szablonu lub do wszystkich szablonów i przenosząc go do " nagłówek », Le« ciało „Lub poniżej” ciało Aby uzyskać szczegółową kontrolę nad tym, gdzie każdy plik pojawia się w dokumencie HTML i jak jest ładowany. Możesz także « Przeciąganie »Pliki, aby zmienić kolejność wczytywania na wypadek, gdyby niektóre pliki były poprawnie ładowane od poprzednich plików.

Minify-js-kompresja

Optymalne ustawienie to przeniesienie plików z „ nagłówek I załaduj je jedną z opcji nonblocking "(Non-blocking). Istnieje jednak bardzo duża szansa, że ​​w ten sposób wpłynie to na wygląd Twojej witryny.

Naprawdę nie da się tego obejść, przeglądając każdy plik raz, testując go w różnych miejscach i upewniając się, że witryna ładuje się poprawnie.

Minify: CSS

Istnieją cztery ustawienia zmniejszania dostępnych plików CSS:

Opcje minifikacji-css

  • umożliwiać : Umożliwia minimalizację i łączenie plików CSS.
  • Połącz tylko : Połącz pliki CSS, ale nie zmniejszaj ich.
  • Zachowano sposób usuwania : Usuwa komentarze z połączonych plików CSS.
  • Usuwanie linii: Usuwa znaki nowej linii w połączonych plikach CSS.

Zacznij od wybrania wszystkich opcji oprócz „ Tylko łącz ”. Jeśli prezentacja witryny jest inna, odznacz „ Zachowano sposób usuwania "A" Usuwanie linii ”. Jeśli to nie poprawi witryny, użyj „ Tylko łącz ".

W opcji @import wybierz „ Przetwarzanie ".

Jeśli wybierzesz „ Samochody Jako metoda minifikacji „Ustawienia ogólne, wtedy zobaczysz tylko dwie pierwsze sekcje tego menu. Jeśli jednak masz minifikacji Ręcznie, zobaczysz sekcję zarządzania plikami CSS.

Jeśli nie dodałeś jeszcze plików CSS, którymi będziesz zarządzać, wybierz pomocnika „Pomoc” i wybierz wszystkie pliki CSS dla swoich motywów. Następnie zmień kolejność plików, tak aby najważniejsze pliki były ładowane jako pierwsze.

Minify: ustawienia zaawansowane

W większości przypadków ustawienia domyślne w sekcji zaawansowanej nie wymagają dużej edycji. Można ich jednak użyć do dostosowania częstotliwości aktualizowania plików JavaScript i CSS, częstotliwości usuwania plików wygasłych z pamięci podręcznej i nie tylko.

Tuning-of-des-upływie pliki w3tc

Sekcja zaawansowana zawiera trzy pola wykluczające określone strony, pliki JS i pliki CSS z „ minifikacji ”. Jeśli okaże się, że niektóre zasoby JS lub CSS nigdy nie powinny być kompresowane, możesz je odizolować, dodając je do tych domen. Jeśli potrzebujesz pomocy z poprawną składnią, zobacz „ Wykorzystanie: ogólne Z FAQ po instrukcje.

To samo dotyczy opcji minimalizacji w W3 Total Cache, będziemy kontynuować z pamięcią podręczną bazy danych.