Jak działa skompresowany HTML i dlaczego może być potrzebny

Jeśli prowadzisz witrynę internetową, powinieneś już wiedzieć, jak używać odpowiednich formatów obrazów i optymalizować obrazy do sieci. 10 darmowych narzędzi do obrazów wsadowych online do zmiany rozmiaru, konwersji i optymalizacji. 10 darmowych narzędzi do obrazów wsadowych online do zmiany rozmiaru, konwersji i optymalizacji. Potrzebujesz narzędzia do edycji wsadowej, gdy masz dużo zdjęć do przetworzenia i bardzo mało czasu. Przedstawiamy najlepsze resizery serii, optymalizatory lub konwertery dostępne online. . Mimo że kompresja obrazu jest dobrze znaną praktyką, kompresja HTML ma tendencję do przeoczania, co jest wstydem, ponieważ korzyści są tego warte.

W tym artykule omówimy dwie główne metody zmniejszania plików HTML, dlaczego pliki HTML powinny się zmniejszać i jak sobie z tym poradzić.

Kompresja a minimalizacja

Jeśli chodzi o optymalizację plików HTML, istnieją dwie główne metody: kompresja i minifikacja. Na powierzchni brzmią podobnie, ale w rzeczywistości są dwiema różnymi technikami, więc nie daj się zwieść.

Minifikacja

Minifikację można traktować jako usunięcie niepotrzebnych znaków i wierszy w kodzie źródłowym. Pomyśl o wcięciach, komentarzach, pustych wierszach itp. Żadne z nich nie są wymagane w HTML - istnieją, aby ułatwić czytanie pliku. Przycięcie tych szczegółów może zmniejszyć rozmiar pliku bez wpływu na cokolwiek.

Przykładowa strona HTML:

  Twój tytuł tutaj   
Średnio można oczekiwać, że kompresja GZIP zmniejszy plik HTML o 70 do 90 procent. Korzystając z powyższego przykładu z zachowawczym oszacowaniem kompresji, zmniejszone pliki HTML miałyby rozmiar od 45 KB do 13,5 KB każdy, co daje całkowity spadek 365 KB. W porównaniu do niezminimalizowanych / nieskompresowanych przepustowość Twojej witryny jest teraz zmniejszona o 365 MB dziennie (11 GB miesięcznie).
Oprócz oszczędności przepustowości każda strona ładuje się znacznie szybciej, ponieważ przeglądarka użytkownika końcowego musi pobrać tylko 13,5 KB w porównaniu do 50 KB na stronę.
Jak kompresować i minimalizować HTML
Na szczęście obecnie żadne z nich nie jest bardzo trudne i nie potrzebujesz dużej wiedzy technicznej, aby je skonfigurować.
Wtyczki WordPress
Jeśli prowadzisz witrynę WordPress, wszystko, co musisz zrobić, to zainstalować jedną wtyczkę i możesz czerpać korzyści zarówno z kompresji, jak i minimalizacji.
Większość wtyczek buforujących robi więcej niż tylko buforowanie stron. Na przykład zarówno WP Fastest Cache, jak i W3 Total Cache mają ustawienia jednym kliknięciem, które pozwalają włączyć minimalizację HTML i kompresję GZIP, a także inne funkcje, które dodatkowo przyspieszają ładowanie stron i zmniejszają wykorzystanie przepustowości.
Jeśli ty tylko chcesz minimalizacji, zalecamy wtyczkę Minify HTML. To proste, obsługuje HTML / CSS / JS i pozwala nieco ulepszyć metodę minimalizacji (np. Czy usunąć http: i https: z adresów URL).
Statyczne Minizatory HTML
Jeśli pliki HTML są statyczne (tj. Nie są generowane dynamicznie przez CMS lub platformę internetową), możesz zachować dwa zestawy plików HTML: “źródło” zestaw, który jest nieuprawniony do łatwej edycji oraz “zminimalizowane” zestaw, który tworzysz przy każdej zmianie pliku źródłowego.
Aby zminimalizować, użyj jednego z następujących narzędzi:
 
HTMLCompressor
 
HTML Minifier
 
HTML Minifier (inny niż powyższy)
 
Jest to realna technika, jeśli odszedłeś od CMSów takich jak WordPress i teraz używasz statycznych generatorów witryn. 7 powodów, by porzucić CMS i rozważ statyczny generator stron. 7 powodów, by porzucić swój CMS i rozważ statyczny generator stron. Przez wiele lat publikowanie strona internetowa była trudna dla wielu użytkowników. CMS takie jak WordPress to zmieniły, ale wciąż mogą być mylące. Inną alternatywą jest statyczny generator stron.   .
Włącz kompresję GZIP
Kroki włączania kompresji GZIP mogą się różnić w zależności od używanego oprogramowania serwera WWW. Ponieważ Apache jest najpopularniejszą opcją, omówimy, jak włączyć ją za pomocą .htaccess.
Połącz się z serwerem WWW za pomocą FTP, a następnie utwórz plik o nazwie .htaccess w katalogu głównym. Edytuj plik .htaccess, aby mieć następujące ustawienia:
 mod_gzip_on Tak mod_gzip_dechunk Tak plik mod_gzip_item_include. (html? | txt | css | js | php | pl) $ mod_gzip_item_include handler ^ cgi-script $ mod_gzip_item_include mime ^ tekst / .* mod_gzip_it_em_em_em_em_z_krem_em_z_modu_em_z_kremem_em_z_modu_em_z_modu_em_z_modu_em_z_modu_em_z_modu_m_z_gzip_em_z_modem_em_z_modułu_modułu_modułu_modułu_modułu_modułu_modułu. /.* mod_gzip_item_exclude rspheader ^ Kodowanie treści:. * gzip. * SetOutputFilter DEFLATE 
Nie jesteś pewien, czy kompresja działa w Twojej witrynie? Przetestuj to za pomocą tego narzędzia.
Czy ten artykuł był pomocny? Teraz, gdy kompresujesz i minimalizujesz, strony internetowe powinny ładować się szybciej i zużywać mniej przepustowości. Jeśli masz jakieś pytania, zadaj je poniżej!