Zmniejsz CSS

W tym artykule chcę porozmawiać o tym, czym jest minimalizacja kodu HTML i CSS, do czego służy i jak to osiągnąć. Strukturyzacja kodu w bloki, linie itp. Jest konieczna dla wygody czytelności dla człowieka. Postrzegamy takie bloki jako całość, widzimy, gdzie tag się otwiera, a gdzie się zamyka. W przypadku przeglądarek nie jest to konieczne, czytają kod sekwencyjnie, a niepotrzebne podziały wierszy, spacje, komentarze w tekście tylko utrudniają czytanie i wydłużają czas ładowania strony. Dlatego istnieją dwa główne powody, dla których należy zminimalizować kod: Zmniejszenie rozmiaru (wagi) strony, aw konsekwencji zwiększenie szybkości jej ładowania. Drugi powód wynika z pierwszego. To poprawa czynników behawioralnych. Jeśli witryna ładuje się szybciej, występuje niższy współczynnik odrzuceń, wzrost ruchu, wzrost wyników wyszukiwania itp.

Obecnie istnieje ogromna liczba narzędzi internetowych do optymalizacji plików CSS. Większość z nich ma własny algorytm pracy (są oczywiście duplikaty). Skuteczność samych programów jest również znacząco różna. Ponadto niektóre optymalizatory mogą złamać kod CSS, po czym style stają się nieprawidłowe. Minifikacja plików CSS (nie mylić z kompresją CSS) polega na usunięciu niepotrzebnych znaków z pliku, aby zmniejszyć jego rozmiar, a tym samym przyspieszyć ładowanie. Zmniejszanie i kompresowanie plików CSS to nie to samo. Obie te metody mają jednak na celu skrócenie czasu ładowania. Różnica polega na tym, jak działają. Kompresja służy do zmniejszania rozmiaru pliku za pomocą algorytmów kompresji, takich jak Gzip lub Brotli. Pliki są kompresowane przed wysłaniem do klienta.