Как организовать минификацию и упаковку css и js файлов для ускорения веб-сайта?
Это дает вам минимальное время, когда датакол минимален. выберите Min (timecol) в качестве MinTime из myTable, где datecol = (выберите min (datecol) из myTable);
Убедитесь, что timecol и datecol имеют типы DATE и TIME соответственно.
11 ответов
Можно использовать Компрессор YUI.
Это может сжать JavaScript, а также CSS. Просто выполните его для всех своих файлов, затем свяжите их в один файл 'пакета'. Можно или сделать это вручную, записать Make-файл или использовать некоторый сценарий для сжатия "своевременный" на веб-запросе, хотя Вы могли бы хотеть кэшировать получающийся файл.
По словам Эксперта Сжатия JavaScript, самый эффективный инструмент является Компрессором YUI или JSMin.
Я делаю ASP.NET, таким образом, я использую CruiseControl.NET с NAnt для моего процесса сборки. Часть этого процесса сборки сжимается с YUICompressor, который, по моему опыту, является лучшим компрессором там.
Если Вы не делаете ASP.NET, существует все еще исходный CruiseControl с Муравьем, которого можно использовать в той же способности.
Причина я нахожу это превосходящим набором, состоит в том потому что a) весь утомительный материал автоматизирован и b) если Вы тестируете на своей собственной машине, Вы не должны отлаживать единственную супер длинную строку JS :)
Подсказки Yahoo превосходны. Я использую gomez для тестирования результатов усилий по оптимизации. Минификация является хорошим шагом. Я нашел, что большее влияние может обычно оказываться путем корректировки способа, которым соединены страницы (особенно в сокращении, насколько изображения будят сокращение на маленькие кусочки для сокращения количества запросов). Так или иначе этот блог Yahoo дает довольно хорошее краткое изложение инструментов минификации. Я обычно избегаю путаницы, если нет неопровержимый довод вне относительно маленького удара производительности. Фактические шаги к установке и использованию инструмент минификации относительно просты.
Или Вы могли просто настроить свой сервер HTTP к сжатию GZIP все текстовые документы.
Я интегрировал минификацию к своему процессу развертывания. Я делаю это в жемчуге с пакетами JavaScript::Minifier и CSS:: Minifier.
Во время моей разработки я хочу сохранить сценарий расширенным. Я поместил некоторые комментарии в свой HTML так, чтобы мой сценарий знал который файлы поместить вместе и уменьшить:
<!--- MinifyJS[js/minified-1.js] -->
<script src="..."></script>
<script src="..."></script>
<!-- end[js/minified-1.js] -->
<!--- MinifyCSS[css/minified-1.css] -->
<link ...>
Несколько регулярных выражений, и я быстро получаю "производственную" версию с уменьшенными файлами.
Большой поклонник Dean Edwards/packer/самостоятельно - существует во множестве ароматов.
Я нашел, Уменьшают самый полезный для моих проектов PHP. Очень простой в использовании, просто экономит минимизацию конфигурирования времени, сжатие и кэширование CSS и файлов JS вручную. Также имеет аккуратную функцию группировки.
Некоторые примечания о Компрессоре YUI
- Компрессор YUI генерирует без разрывов строки вообще, в то время как Уменьшают, имеет некоторых.
- Будьте осторожны при выходе из строк. Я узнал, что Компрессор YUI не выходит из них. Таким образом, строки как "\'" становятся" '".
Переходя по Yahoo заносят ссылку в блог, я нашел, что одно действительное решение - "Заставляет Ваши страницы загрузиться быстрее путем объединения и сжатия файлов JavaScript и CSS" Niels Leenheer.
Для сжатия всего прежде, чем загрузить его на сеть, эта программа является замечательной оба для CSS/JS/HTML:
Даже возможно выбрать области для не сжатия, поскольку это не все коды MVC в разметке, которая поддерживает быть сжатым.
И это сохранило файлы резервных копий каждый раз, когда это сжимает Ваши файлы, таким образом, можно легко распаковать его просто щелчком.
Для этого я написал свой собственный менеджер. Он использует компилятор закрытия Google и сжимает файлы только при необходимости в режиме выпуска. Проверьте это:
Спасибо
Гвидо Тапиа