Уменьшение размера HTML

Question

Есть ли у кого-нибудь предложения о том, как я могу уменьшить размер домашней страницы, пожалуйста? http://www.floorsandchores.net

Answer 1

Все остальные ответы верны, но вы можете выполнить дополнительную подстройку.; -)

1.) У вас миллион неразрывных пробелов, используемых для выравнивания ... используйте CSS вместо этого:

     

2.) Тамдолжна быть лучшая предварительная загрузка изображений, чем предварительные загрузчики Macromedia примерно с 1999 года.

3.) Используйте комментарии на стороне сервера, которые не будут отправлены клиенту

4.) У вас естьтонна пустых обработчиков onclick="" в вашем коде.Если они вам не нужны, удалите их.

5.) Удалите все пустые теги font, а также сильные теги и элементы div, которые не используются

6.) Если вы не изменили его, чтобы он был встроенным, вам не нужно добавлять display:block к вашему div'у

7.) Ваш favicon - это файл BMP ... он должен быть ICO для IE (и / илиPNG для современных браузеров)

8.) Отбросьте блокировщик правой кнопкой мыши - в этом больше нет смысла.Все браузеры полностью раскрывают весь HTML / JS / CSS для того, чтобы каждый мог видеть их способами, которые вы не можете заблокировать.

9.) Удалите / реорганизуйте JavaScript, предназначенный для IE4 и Netscape6 - оба этих браузера умерли годаминазад

10.) Этот метатег объявлен дважды ... <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

11.) Скорее всего, вам не нужно это в ссылках: target="_self"

Answer 2

Если вы используете такие инструменты, как YSlow или Google Page Speed ​​, они сообщат вам, какие оптимизации помогут повысить производительность вашего сайта. Я могу сказать, что вы не gzip: ваши HTML, JS-файлы и так далее. Включение gzip резко уменьшит размер загружаемого на клиент.

Answer 3

Говоря сравнительно, это не очень большой документ, но вот что я бы сказал своим сотрудникам, если бы они представили код для проверки:

• Javascript - это старая школа (выглядит как автосгенерировано?) и вы можете минимизировать то, что отправляете при каждом запросе, используя JQuery или в таких случаях, как ролловер-изображения, чистый CSS.
• CSS можно использовать для удаления повторяющихся элементов, таких как font-size: 10px;, что делается 17 раз подряд на странице.Просто установите свойство CSS для шрифта с font-size = 10px (или еще лучше, установите одно для html и делайте проценты для дочерних селекторов)
• Запуск страницы через оптимизатор CSS
• Используйте семантическую разметку, которая очистит страницу, а также поможет с SEO!
• Объедините документы CSS, чтобы уменьшить количество HTTP-запросов
• Регистрация в W3Validator .Не экономит место как таковое, но вы в настоящее время сообщаете о 18 ошибках

Answer 4

Вы думаете о размере в килобайтах?

Ваша страница в настоящее время 182K. Это не много.

Чтобы узнать размер вашего сайта и узнать, как оптимизировать скорость загрузки, я рекомендую firebug для firefox и yahoo's yslow (добавьте в firebug) - это будет указать размер страницы, как вы можете оптимизировать сайт и т. д.

Согласно YSlow, вы в настоящее время получаете оценку C, что не так уж и плохо.

---

Скорость загрузки страницы

Если вы думаете об ускорении вашего сайта, есть несколько способов.

Чтобы ускорить страницу, вы можете сделать несколько вещей:

• В настоящее время у вас есть 7 файлов JavaScript и 5 файлов CSS. Файлы CSS могут быть объединены в один, а файлы javascript могут быть уменьшены до (я думаю) двух или трех.
• Вы должны поместить файлы javascript внизу справа перед закрывающим тегом </body>
• Вы можете добавить «заголовки expires» - вы можете сделать это в файле .htaccess (по крайней мере, на серверах apache) - это не повлияет на новых пользователей, но часто приходящие пользователи будут чувствовать разницу.

  ---

сжатие GZip

Вы можете включить сжатие GZIP на вашем сайте. Существует плагин для Apache, но он не уверен, что ваш хост совместим. Но это значительно уменьшит размер.