Любые хорошие способы объединения только необходимых CSS и JS для веб-приложения

Question

Я улучшал структуру внешнего интерфейса веб-приложения и занимался такими вещами, как объединение и минимизация файлов CSS / JS, файлов версий и создание некоторых шаблонов. Тем не менее, я смотрел на некоторые веб-инструменты, и он говорит, что есть тонна неиспользованных js / css. Есть ли предложения по -обнаружение полностью необходимого кода -комбинирование, минимизация и управление версиями правильного кода для страницы Я в основном ищу логичное предложение, чтобы любые примеры кода были бы хорошими. Я специально использую python, шаблоны гепардов, yui-компрессор, измененное время для управления версиями, mod_rewrite и gzip на apache

Answer 1

Проверьте Dust-Me Selectors Расширение Firefox для оптимизации CSS:

Dust-Me Selectors - это расширение Firefox (для v1.5 или новее), которое находит неиспользуемымСелекторы CSS.

Извлекает все селекторы из всех таблиц стилей на странице, которую вы просматриваете, затем анализирует эту страницу, чтобы увидеть, какие из этих селекторов не используются.Затем данные сохраняются, чтобы при тестировании последующих страниц селекторы можно было вычеркнуть из списка по мере их обнаружения.

Вы можете протестировать страницы по отдельности или создать паук для всего сайта, и вы получитепрофиль, чьи селекторы нигде не используются.

Для JavaScript взгляните на Google Closure Compiler , который может вычислять зависимости кода в вашем коде и удалять избыточности.

Компилятор Closure - это инструмент для ускорения загрузки и запуска JavaScript.Это настоящий компилятор для JavaScript.Вместо компиляции из исходного языка в машинный код, он компилирует из JavaScript в лучший JavaScript.Он анализирует ваш JavaScript, анализирует его, удаляет мертвый код, переписывает и минимизирует то, что осталось.Он также проверяет синтаксис, ссылки на переменные и типы и предупреждает о распространенных ошибках JavaScript.