Уменьшаем вес HTML кода с помощью программы Dreamweaver

20 ноября 2008

В общем спустя 3 года добавил в этот пост видео, оно будет с самого начала, а далее читайте если не понятно что и как в посте ниже.

У вас имеется html страничка весом 60 кб — уменьшим как минимум в [3 раза], при этом скорость загрузки  страницы увеличится в разы и это только плюс как для нагрузки вашего хостинга, так и для поисковых систем. Они смогут больше за раз индексировать содержимого ваших интернет ресурсов.

Во всем виновата программа от Adobe Dreamweaver, запускаем её, берем вообще произвольный кусок HTML кода:

<th title="Понедельник" scope="col">Пн</th>
<th title="Вторник" scope="col">Вт</th>
<th title="Среда" scope="col">Ср</th>
<th title="Четверг" scope="col">Чт</th>
<th title="Пятница" scope="col">Пт</th>
<th title="Суббота" scope="col">Сб</th>
<th title="Воскресенье" scope="col">Вс</th>
<tfoot>
<tr>
<td id="prev" class="pad" colspan="3"></td>
<td class="pad"></td>
<td id="next" class="pad" colspan="3"></td>
</tr>
</tfoot>
<tbody>
<tr>
<td class="pad" colspan="5"></td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
<td>16</td>
</tr>
</tbody>

На пустом месте в программе Dreamweaver тыкаем мышью два раза  получаем сплошную линию, скрин:
скрин того как Дриамвивер старой версии сжимает код
На клавиатуре Ctrl+F и нажимаем на кнопку заменить все, получаем все в куче:
<th abbr="Понедельник" scope="col" title="Понедельник">Пн</th><th abbr="Вторник" scope="col" title="Вторник">Вт</th><th abbr="Среда" scope="col" title="Среда">Ср</th><th abbr="Четверг" scope="col" title="Четверг">Чт</th><th abbr="Пятница" scope="col" title="Пятница">Пт</th><th abbr="Суббота" scope="col" title="Суббота">Сб</th><th abbr="Воскресенье" scope="col" title="Воскресенье">Вс</th> </tr> </thead> <tfoot> <tr><td colspan="3" id="prev" class="pad">&nbsp;</td><td class="pad">&nbsp;</td><td colspan="3" id="next" class="pad">&nbsp;</td> </tr> </tfoot> <tbody> <tr><td colspan="5" class="pad">&nbsp;</td><td>1</td><td>2</td></tr><tr><td>3</td><td>4</td><td>5</td><td>6</td><td>7</td><td>8</td><td>9</td></tr><tr><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td></tr><tr>

Данным методом пользуюсь очень давно и думаю он тоже влияет на скорость загрузки всего сайта поисковиком...

Ну скажем вы уменьшили свой сайт в 3-6 раз, то-есть вес вашего сайта был к примеру ранее 30 мегабайт, а стал ~10MB, Яндекс и Гугл вообще без ума от таких сайтов.

Если вы используете двиг WordPress то для него есть плагин который сжимает код сам.

Dreamweaver, HTML