HTML потеря веса: упростите теги HTML для создания веб -страниц

Автор：Eve Cole Время обновления：2025-05-13 09:00:04

Очевидный способ улучшить скорость веб -сайта - уменьшить размер файла HTML. Существуют некоторые методы, такие как: жесткое сжатие, идентификатор, похожий на акупунктуру и изменение имени класса. Вот некоторые из способов, которыми мы суммировали, чтобы сделать теги HTML более оптимизированными.

HTML 4

html (non xhtml), тип панели MIME - это текст/HTML, что позволяет пропустить некоторые теги. С HTML 4 DTD вы можете опустить следующие теги (эти так называемые элементы, которые можно избежать

 </area>

 </base>

 <body>

 </body>

 </br>

 </col>

 </colgroup>

 </dd>

 </dt>

 <head>

 </head>

 </hr>

 <html>

 </html>

 </img>

 </input>

 </li>

 </link>

 </meta>

 </option>

 </p>

 </param>

 <tbody>

 </tbody>

 </td>

 </tfoot>

 </th>

 </thead>

 </tr>

Например, ваш код

 <li>list item</li>

Может быть написан как

 <li>list item

Например, абзац должен

 </p>

В конце концов, вы можете просто написать

 <p>my paragraph

Вы даже можете удалить HTML, голову, тело (убедитесь, что это сделает вас комфортно, прежде чем принимать это в качестве спецификации кодирования).

После того, как тег опущен, HTML все еще действителен, и размер файла уменьшается. Для общих страниц вы можете сэкономить 5-20%.

 HTML 5
 Развивающийся HTML 5 предоставляет несколько способов уменьшить размер файла.
 Например, объявление типа документа страницы
 <!doctype html>
 контраст
 <!doctype html public -//w3c//dtd xhtml 1.0 strict//enhttp://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd>
 Очевидно, HTML 5 DTD короче.
 HTML 5 прост в использовании и короче при определении кодирования для страницы:
 <meta charset=utf-8>
 заменять
 <meta http-equiv=content-type content=text/html; charset=utf-8>
 Обычно браузер правильно обрабатывает HTML.
 Кроме того, в сегодняшнем HTML 5 вы можете удалить атрибут типа, который объявляет тип MIME, такой как
 type=text/css
 или type=text/javascript
 Вы можете использовать
 <script>
 Альтернатива <script type=text/javascript>
 использовать <style>
 Альтернатива <style type=text/css>
 На всех типах страниц (даже xhtml) вы можете опустить
 type=text/css
 HTML 5 облегчает это.
 Использование всех вышеперечисленных методов одновременно сэкономит 10% -20% (или даже больше) файла, в зависимости от вашего стиля кодирования и количества текстового содержания на странице. Код будет чище, и посетители будут быстрее получать контент веб -сайта. Мы используем большую часть этой технологии в проекте Центра конфиденциальности, экономя 20% от исходного размера файла.