Минимизировать CSS

В этой статье я хочу поговорить о том, что такое минификация кода HTML и CSS, для чего она нужна и как этого добиться. Структурирование кода на блоки, строки и т. Д. Необходимо для удобства чтения человеком. Мы воспринимаем такие блоки как единое целое, видим, где тег открывается, где закрывается. Для браузеров в этом нет необходимости, они читают код последовательно, а ненужные разрывы строк, пробелы, комментарии в тексте только затрудняют чтение и увеличивают время загрузки страницы. Таким образом, есть две основные причины необходимости минимизировать код: уменьшение размера (веса) страницы и, как следствие, увеличение скорости ее загрузки. Вторая причина следует из первой. Это улучшение поведенческих факторов. Если сайт загружается быстрее, то снижается показатель отказов, рост трафика, увеличение результатов поиска и т. Д.

В настоящее время существует огромное количество веб-инструментов для оптимизации файлов CSS. У большинства из них есть свой алгоритм работы (есть, конечно, дубликаты). Существенно отличается и эффективность самих программ. Кроме того, некоторые оптимизаторы могут нарушить код CSS, после чего стили станут недействительными. Минификация файлов CSS (не путать со сжатием CSS) включает удаление всех ненужных символов из файла, чтобы уменьшить его размер и, таким образом, ускорить загрузку. Уменьшение и сжатие файлов CSS - это не одно и то же. Однако оба эти метода предназначены для сокращения времени загрузки. Разница в том, как они работают. Сжатие используется для уменьшения размера файла с помощью таких алгоритмов сжатия, как Gzip или brotli. Перед отправкой клиенту файлы сжимаются.