Zmniejszanie HTML, CSS i JavaScript
Minify zmniejsza dokument, który trafia do przeglądarki: zbędne odstępy, komentarze i puste wiersze odpadają. Jeżeli cache stron jest aktywny, dzieje się to już przy odkładaniu pliku, w przeciwnym razie przez bufor wyjścia we frontendzie.
Trzy przełączniki
- W lewym panelu bocznym pod „Szybkość” leży pozycja „Minify” — tam trzy przełączniki stoją jeden pod drugim.
- „Minimalizuj HTML” usuwa komentarze HTML, przy czym warunkowe komentarze IE pozostają, i skraca odstępy między tagami oraz wielokrotne spacje w tekście. Fabrycznie włączone.
- „Minimalizuj inline CSS” skraca bloki <style>: komentarze znikają, odstępy są zwijane, znaki wokół { } : ; , zwarte. Fabrycznie wyłączone.
- „Minimalizuj inline JS” skraca bloki inline-<script> wiersz po wierszu. Fabrycznie wyłączone.
Co pozostaje nietknięte
- Zewnętrzne skrypty z atrybutem src, tam znajduje się tylko adres, a nie kod
- Bloki skryptów o odmiennym typie, na przykład JSON-LD jako application/ld+json
- Treści w <pre> i <textarea>
- Komentarze CSS zaczynające się od /*!
Minimalizacja JS nie ściąga tokenów razem. Usuwa tylko puste wiersze i wcięcia w prawdziwych blokach skryptów, aby automatyczne uzupełnianie średników w JavaScript niczego nie popsuło.
Kiedy działa bufor wyjścia
Bez cache stron buforowane są tylko wywołania GET we frontendzie; obszar administracyjny i feedy pozostają poza tym. Wyjście przetwarzane jest dopiero od 255 znaków i tylko wtedy, gdy zawiera zamykający </html>. Gdy wszystkie trzy przełączniki są wyłączone, dokument pozostaje niezmieniony.
Przy aktywnym cache stron minimalizacja działa tylko dla wywołań, które wolno też buforować. Zalogowani użytkownicy i wykluczone adresy otrzymują wtedy niezmieniony HTML.
Czy ten artykuł był pomocny?