4.8333333333333 1 1 1 1 1 1 1 1 1 1 Rating 4.83 (3 Votes)

Рекомендации по оптимизации и сжатию HTML кода, JS-скриптов и CSS-стилей примерно одинаковы, это:

  1. Удаление пустых строк. 
  2. Удаление отступов, пробелов, табуляций
  3. Удаление комментариев
  4. Замена цветовых кодов на короткие
  5. Удаление необязательных тегов

Перед началом работы обязательно создайте и сохраните дубли файлов!

Как сократить ХТМЛ

Для сокращения HTML, подойдет и текстовый редактор, например Нотпед++. В нем нужно сделать всего несколько манипуляций

Для начала включите невидимые символы: Вид -> Отображение символов -> Все символы

И удалите лишние

Правка -> Строки -> Удалить пустые строки

Правка -> Лишние Пробелы а Концы Строк в Пробел

 Удаление пробелов между тегами осуществляется заменой > < на ><

 Комментарии придется удалять вручную.

 Проще воспользоваться сервисом по «Минификации исходного кода» - HTML-Minifier, предварительно настроив под себя. После редактирования рекомендую проверить код на валидность.

Как сжать JS-скрипт

Для сжатия Ява скрипт рекомендую воспользоваться онлайн сервисом: JavaScript Compressor. Не знаю что он там выкидывает, но при стандартных настройках сжимает корректно и без ошибок.

Как сжать CSS файл

Сжимать ЦСС так же можно в блокноте, но остаются проблемы: удаление комментариев, лишних символов и сжатие цветовых кодов. В CSS Compressor это все можно настроить, кроме того выбрать один из 4-х уровней сжатия.

Проверить валидность CSS-сжатия можно здесь.

Сказать спасибо лучше кнопками:

Добавить комментарий


Защитный код
Обновить

Feedburner
Поиск
Новые материалы
Последнии Комментарии