Как r; намалете теглото на JavaScript и CSS кода

Най-добрият начин да намалите теглото на JavaScript и CSS е да използвате минимизатори. Други лостове: векторизирайте описанията на стиловете и изтрийте неизползваните описания.

теглото

Както видяхме в статията Защо да оптимизираме уебсайт ?, подобряването на скоростта на зареждане на страницата на даден сайт има поне четири директни въздействия: броят на посетителите (и чрез лоста на SEO), икономическа загуба и реално въздействие върху околната среда. След това видяхме в статията Оптимизирайте използването на изображения на уеб страница как да подобрим производителността на работната станция, която консумира най-ненужните ресурси, изображенията, с претенцията за намаляване, понякога, с повече от 75% общия обем.

В тази статия се връщаме към основната цел: намаляване на общото тегло на вашия сайт, с акцент върху оптимизирането на теглото на JavaScript и CSS файловете.

Намалете теглото на JavaScript и CSS

За да се намали теглото на JavaScript и CSS, най-добрият подход е да се използват минимизатори.

Лесно ще ги намерите в Интернет, като компилатора на Google за затваряне или JSLint за JavaScript, и Clean CSS или CSS компресор за CSS, да не говорим за YUI Compressor, способен да обработва както JavaScript, така и CSS.

За самостоятелна употреба на вашия компютър препоръчвам отличния JASC (Just Another Script Compressor), който ще направи чудеса както с вашите JavaScript, така и с CSS файлове.

Ето какво може да се постигне, например с компоненти, широко използвани в Интернет:

jQuery Mobile 1.2

jQuery Мобилна структура 1.2

jQuery Мобилна тема 1.2

"Очевидно аз (или моите екипи) винаги използвам компресираните версии !", ще ми кажете. Нека тогава заложим на хранене? Според Ели Бурщайн, изследовател в Google, 64% от сайтовете [1] не използват компресираната версия на jQuery в производството ... Мисля, че току-що спечелих две безплатни хранения на ден в ресторанта !