Przejdź do głównej treści

Konfiguracja wtyczki W3TC: Konfiguracja minifikacji - odcinek 4

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Kontynuujemy dzisiaj nasz samouczek dotyczący W3TC. Prawdopodobnie już wiesz, że jest to wtyczka pamięci podręcznej, która pozwala między innymi przyspieszyć 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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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 zasobami JavaScript na raz, a menu, które zobaczysz, będzie 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 „ Użyj kodu 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 niektóre opcje ładowania zasobów JavaScript. Możesz wypróbować każdą z opcji „ 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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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 „ Proces ".

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.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

Ten artykuł zawiera komentarze 8

  1. Witam, dziękuję za wyjaśnienia! Jednak nadal nie mogę rozwiązać problemu: wykonując analizę za pomocą „Pagespeed Insights”, znalazłem kilka błędów (zasoby css, które zablokowały moją stronę), które udało mi się rozwiązać, postępując zgodnie z instrukcjami podanymi na tej stronie. Pozostał jednak 1 plik css, który nadal blokuje wyświetlanie i nie mogę go zmodyfikować, ponieważ nie mogę go znaleźć w menu Minify. Czy mógłbyś mi pomóc ?

    1. Witam,

      Aby uzyskać tego rodzaju pomoc, należy skontaktować się z naszym zespołem za pośrednictwem czatu na żywo na stronie głównej tej witryny.

  2. Halo

    Dziękuję za bardzo obszerny artykuł na temat W3TC
    Mam pytanie. Wczoraj zaktualizowałem swoją wtyczkę W3TC, której używam od bardzo dawna i która nigdy nie sprawiła mi problemu. Natychmiast nie mogłem uzyskać dostępu do WP-admin.
    Udało mi się wyłączyć wtyczkę na FTP bez przechodzenia przez WP-admin. I odzyskałem dostęp do WP-admin

    Co mogę wywnioskować z tego wszystkiego?
    Czy powinienem zrezygnować z W3TC?
    Czy muszę go ponownie zainstalować, wykonując swoje ustawienia (moje były prawdopodobnie nieaktualne, a aktualizacja ich ukarała)
    Jeśli muszę wybrać inny plugin cache. Jakie polecacie?
    Dziękuję za odpowiedzi

    1. Witam,
      Więc samo wyłączenie W3TC przez FTP nie musi oznaczać, że to jest przyczyna. Być może ten ostatni (ponieważ nigdy cię nie zdradził) napotkał konflikt, który jest przyczyną twojego problemu.
      Proponuję dać wtyczce kolejną szansę. Ale upewnij się, że masz awarie na wypadek wystąpienia innego problemu. Rezerwowo mam na myśli kopie zapasowe Twojego bloga.

      dziękuję

      1. Dziękuję Hervé

        W rzeczywistości uważam, że prawdziwym opiekunem nie jest W3TC (który mam zamiar przeinstalować), ale WPtouch. Przypomniałem sobie wtedy, że potrzebne są 2 aktualizacje

        Kiedy instaluję WPtouch
        oto co otrzymuję:

        Rozszerzenie nie mogło zostać aktywowane, ponieważ spowodowało błąd krytyczny.
        Parse error: syntax error, unexpected T_STRING w /home/aproposd/www/wp-content/plugins/wptouch/core/class-cache-smash.php na linii 104

        Nie wiem, co to znaczy
        To irytujące
        Dziękuję za odpowiedzi

        1. Dobry wieczór,
          występuje problem ze składnią w pliku „class-cache-smash” wtyczki wptouch. Zapraszam do aktualizacji, jeśli jest dostępna, ponieważ nie będziesz mógł korzystać z tej wtyczki, chyba że poprosisz o szybką usługę, aby naprawić ten błąd.

      2. Okej, dobrze ... Właśnie zainstalowałem W3TC i oto komunikat, który otrzymuję ...

        Rozszerzenie nie mogło zostać aktywowane, ponieważ spowodowało błąd krytyczny.

        Parse error: syntax error, unexpected T_STRING w /home/aproposd/www/wp-content/plugins/w3-total-cache/w3-total-cache.php na linii 65

        Co powinienem zrobić ? Czy możesz mi pomóc… to beznadziejne

        1. Cześć Marie, przykro mi by usłyszeć, że jeszcze nie rozwiązałaś swojego problemu. Możemy Ci pomóc, poprosić o spersonalizowaną pomoc za pośrednictwem czatu na żywo na stronie głównej witryny. Udzielimy szybkiej pomocy w rozwiązaniu Twojego problemu.

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
1 akcji
udział
ćwierkanie
Enregistrer1