Программа для уменьшения HTML кода

4 декабря 2010

Хочу поделится с вами интересными моментами в уменьшении HTML кода. Ранее публиковал как уменьшить html код с помощью программы Dreamweaver вам стоит посмотреть, всего то две манипуляции мышки и вес страницы уменьшается как минимум в три раза.

Приведу пример сайты которые уменьшают вес своих сайтов: Самые известные ресурсы как Yandex, Google, думаю на них и остановимся.

код главной страницы Yandex:

html код яндекса

 

код главной страницы Google:

html код главной страницы google
Посмотрели скриншоты, теперь перейдем к вопросу как такое сделать.

Так вот если у вас есть шаблон для любого движка, вы можете воспользоваться моим методом и пройтись по файлам, а можете использовать например платный скрипт webogroup.com/ru/promo/webo-site-speedup-xmas/ у них там целый набор для ускорения загрузки вашего сайта.

Так что если вы хоть как-то владеете знаниями html верстки то сжать, уменьшить html код для вас будет очень простое задание. Можно сжимать не только html код можно и php, css, JS — все текстовые сжимаются за счет удаления ненужных пробелов и табов.

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

Однако любой верстальщик догадывается что используя короткие названия CSS классов можно тем самым уменьшить код html странички, вот например

<div id="footer"></div>

можно сделать так

<div id="f"></div>

Получается если мы один рас продуманно оптимизируем свой шаблон мы только выиграем.

Посмотрите еще разок на скрин HTML кода гугла, давно уже используют  HTML 5, скорее всего отдают.

По теме: если вы юзаете всем известный движок WP, то есть под него плагин для сжатия всего HTML кода.

Dreamweaver, HTML, seo программы для windows