Минифициране
Минифицирането е процесът на премахване на ненужни символи от изходния код, като интервали, коментари и дълги имена на променливи, без промяна на функционалността, намалявайки размера на файла за по-бързо зареждане.
Когато разработчиците пишат код, те използват интервали, отстъпи, описателни имена на променливи и коментари, за да го направят четим. Браузърите не се нуждаят от нищо от това. Минифицирането премахва тези удобни за хората елементи от CSS, JavaScript и HTML файловете, създавайки по-малки файлове, които се зареждат и парсват по-бързо. За JavaScript минифицирането отива отвъд премахването на интервали. Напредналите минификатори (като Terser) съкращават имената на променливите, премахват мъртъв код, опростяват изрази и прилагат различни оптимизации.
JavaScript файл от 500KB може да се минифицира до 150KB, 70% намаление. Минифицирането на CSS премахва коментари, интервали и излишни декларации. Може също да комбинира съкратени свойства, да обединява идентични селектори и да премахва неизползвани вендор префикси. Минифицирането на HTML премахва коментари, интервали между таговете и незадължителни затварящи тагове. Минифицирането обикновено се извършва автоматично от инструменти за компилиране (webpack, Vite, Rollup) като част от процеса на продукционно компилиране.
На практика
- JavaScript пакетът на уеб приложение намаля от 1,2MB на 340KB след минифициране и до 95KB след gzip свиване, зареждайки се за под 1 секунда на 3G
- WordPress сайт инсталира плъгин за минифициране и подобри оценката си в PageSpeed Insights с 15 точки само чрез минифициране на CSS и JS
- CSS-ът на SaaS табло беше 280KB неминифициран, след минифициране и премахване на неизползваните стилове падна до 18KB, елиминирайки забавянията от блокиращо рендиране
- Разработчик случайно качи неминифициран код в продукцията, което удвои времената за зареждане на страниците, CI/CD процесът им беше обновен, за да се предотврати повторение
Не сте сигурни как се отнася за Вас?
Старши инженер разглежда сайта Ви, присъствието Ви в търсачките и начина, по който стигат запитванията до Вас, след което записва трите неща, които си струва да се поправят първо. Документът остава за Вас във всеки случай.