HTML + JavaScript + CSS компактный инструмент - PullRequest
11 голосов
/ 29 июня 2010

Мне нужен инструмент, который может минимизировать, оптимизировать и разбирать множество файлов этих возможных типов

  • HTML (только минимизировать)
  • JavaScript (минимизировать, оптимизировать и munge)
  • CSS (минимизировать)

Конечным результатом должен быть один HTML-файл только со всеми встроенными JavaScript и CSS или файлы худшего сценария 3 соответственно для HTML, JS и CSS.

Мне известны такие инструменты, как YUI Compressor и т. Д. В настоящее время я не нашел тип компрессора, который будет работать со всеми этими типами файлов и объединять их только в один огромный файл.

Ответы [ 7 ]

2 голосов
/ 23 июля 2010

Если вы еще не используете gzip, начните использовать его уже, и мы можем закрыть это;)

1 голос
/ 29 июня 2010

Мое предложение будет заключаться в том, чтобы поместить весь JavaScrpt в <script> в заголовке и также поместить весь CSS в тег <style>. Затем оптимизируйте в меру своих возможностей и затем минимизируйте его самостоятельно. Никакое программное обеспечение не сможет справиться с каждым случаем. Если вы пытаетесь минимизировать размер файла, просто удалите символы новой строки и ненужные пробелы.

Я также нашел это , которое должно работать с вашим файлом со всеми тремя в нем.

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

0 голосов
/ 01 октября 2014

вы можете использовать jsCompressor для сжатия и минимизации нескольких файлов JavaScript и CSS Compressor для сжатия / минимизации нескольких файлов Css в один файл. и для оптимизации ваших HTML-файлов вы можете отправить запрос на отправку кода на сервер Google Clouser, который отправит ответ с оптимизированным HTML-кодом.

0 голосов
/ 25 ноября 2011

http://prettydiff.com/?m=minify будет делать именно то, что вам нужно, за исключением того, что он только минимизирует JavaScript, а не запутывает его.

0 голосов
/ 09 февраля 2011

Я предлагаю вам взглянуть на скрипт сборки, который включен в html5 Boilerplate: http://html5boilerplate.com/. С некоторой минимальной настройкой он сделает то, что вы ищете.

0 голосов
/ 19 июля 2010

Гад, рассмотрим недостатки минимизации CSS.Если у вас нет системы, в которой вы редактируете normal / minify /, а затем развернете, это может сделать последующее редактирование CSS довольно рискованным.

Я прошел через весь этот аргумент в отношении крупного проекта по обновлению пользовательского интерфейса для международного банка.В частности, на одном сайте было более 1 млн. Посетителей в день, и пропускная способность была безумной, несмотря на все наши усилия, направленные на то, чтобы он был минимальным (каждый небольшой элемент добавляется на сайт с интенсивным трафиком).определили, что мы предпримем несколько шагов, но НЕ минимизируем css из-за дополнительного времени, которое потребуется инженерам для отмены минимизации перед исправлением, минимизацией и повторным развертыванием для простых настроек CSS.Цифры показали, что даже при увеличении пропускной способности 5 ГБ / день все равно было дешевле не платить инженеру по пользовательскому интерфейсу за дополнительное время.

Мы не знаем особенностей вашего сайта, но их не так уж много.которые должны беспокоиться о трафике, который использует мой пример.Запустите свой сайт в новом скоростном анализаторе Firebug и посмотрите, какова реальная выгода от минимизации ..... теперь умножьте это на свой трафик.Обычно это число не слишком страшно.Потратьте свое время на создание спрайтов изображений, объединяя css и js в соответствующие файлы (лучше, чем втирание в отдельные php-файлы из-за преимуществ кэширования), чтобы ограничить запросы http и обеспечить правильную настройку кэширования.Запустите сжатие gzip.Если после этих шагов вы не очень хороши, переведите сайт на новый уровень.

Сохраняйте это простым ... это имеет огромное значение в части обновления и обслуживания жизненного цикла сайта.Со временем и головной болью вы можете помочь нам с нашими вопросами:)

0 голосов
/ 29 июня 2010

Насколько я знаю, такого инструмента нет.Однако, если вы используете PHP на стороне сервера, вы можете попробовать PHP Speedy (не активно разрабатывается, но работает) или Minify для автоматической минимизации, кэширования и сжатия (HTML, CSS,JS).

edit: минификатор HTML kangax (как предложил Бэджер) выполняет только минимизацию HTML.

...