О том как уменьшить код сайта сокращением самого HTML кода 💎
Хочу поделится с вами интересными моментами в уменьшении HTML кода. Ранее публиковал как уменьшить html код с помощью программы Dreamweaver вам стоит посмотреть, всего-то две манипуляции мышки и вес страницы уменьшается как минимум в три раза.
Приведу пример сайты которые уменьшают вес своих сайтов: Самые известные ресурсы как Yandex, Google, думаю на них и остановимся.
код главной страницы Yandex:
код главной страницы 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 кода.
Подписаться на Telegram