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

Question

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

Answer 1

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

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

     

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

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

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

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

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

7.) Ваш значок - это файл 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

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

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

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

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

---

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

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

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

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

  ---

Сжатие GZip

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

Answer 3

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

Answer 4

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

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