1 1 1 1 1 1 1 1 1 1 Рейтинг 4.95 (56 Голоса[ов])

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Иностранные буквы запрещены, так что ссылками облом. :-) Все комменты размещаю после просмотра. Так что не тратьте свое время.
Оставить коммент со ссылкой бесплатно можно здесь


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

Жми!
Подпишись на обновление
 
Поиск по сайту
Обсуждаемое
  • Мне нравится

    Подробнее...

     
  • Классный плагин, давно им пользуюсь. Реально облегчает жизнь сеошника. ;-)

    Подробнее...

     
  • Исправлено 8)

    Подробнее...

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

    Подробнее...

     
  • Да вся эта микроразметка - Чушь. Гиморой один, постоянно меняется, и на ранжировании сайта особо ...

    Подробнее...