Сокращение JavaScript и CSS

В статье "Minify JavaScript and CSS" автор рекомендует сокращать коды скриптов и таблиц стилей с целью уменьшения размера файлов и времени отклика страницы, что ведёт к улучшению производительности сайта.

Сокращение (Minification) - это удаление ненужных символов из кода, с целью уменьшения его размера в результате чего улучшается время загрузки. При сокращении кода удаляются все комментарии, а также ненужные пробелы (лишние пробелы, пустые строчки, переносы абзаца). В случае с JavaScript, это повышает производительность, время отклика, поскольку это уменьшает размер загружаемого файла. Два наиболее популярных инструмента для сокращения кода JavaScript - это компрессоры JSMin и YUI. Компрессор YUI может также сокращать и CSS.

Обфускация (Obfuscation) - это альтернативный способ оптимизации, который может быть применён к исходному коду. Он намного сложненее, чем сокращение и поэтому более вероятно, приведёт к ошибкам. В ходе рассмотрения десяти крупнейших американских сайтов были выявлены следующие результаты: при сокращении достигается 21%-ое уменьшение размера, а при обфускации - 25 %-ое. Хотя обфускация имеет более высокий процент уменьшения размера, сокращение JavaScript является менее рискованным.

В дополнение к сокращению внешних скриптов и стилей, можно и даже нужно сокращать и внутренние блоки <script> и <style>. Даже если Вы их сжали, сокращение даст дополнительные 5 или более процентов уменьшения размера. Поскольку при использовании размер JavaScript и CSS увеличивается, то сокращение кода будет компенсировать это.

 

Оригинал статьи на developer.yahoo.com

Перевод КОМТЕТ komtet.ru