Оптимизация сайта

11-06-2019

Писать об оптимизации сайта немножко страшно - поднимут на смех, скажут - да это все уже давно известно. Я сам прочел уже достаточное количество книг и других материалов по клиентской оптимизации, оптимизации JavaScript'a, оптимизации CSS, да и общей оптимизации в императивных языках программирования. Чего же не хватает? Лично мне не хватает полного перечня возможных оптимизаций сайта. То есть, отдельные виды оптимизации освещены очень хорошо, а я попробую написать список оптимизаций, в порядке, в котором их нужно применять при создании сайта

div-овая верстка Самая узкая часть в клиентском перфонмансе – это DOM-дерево. div-овая верстка позволяет создать минимально возможное DOM-дерево. Располагать стили в начале страницы, а скрипты в конце HTML и CSS пишем в lower cas'е Одна из основных способов клиентской оптимизации – это gzip-сжатие. Очевидно, что два тега

сожмутся лучше чем
и
Выбор !DOCTYP'a Это, конечно, не напрямую относится к оптимизации. Но с другой стороны – если указать неправильный DOCTYPE или не указать его совсем, то потом в CSS и HTML коде придется бороться с quirks модом. Идеальный вариант - использование короткого доктайпа, просто . Обсуждение доктайпов Богатство HTML тегов Не нужно все делать с помощью дивов и спанов, указывая для них сложные стилевые классы. Там где это удобно, для форматирования текста следует использовать теги em, strong, citeabbr, acronym. Для списоков dl, dd. Для таблиц thead, tbody, tfoot, caption, th, colgroup, col. Для форм fieldset, legend, label Чистый HTML HTML код нужно писать валидный, без использования inline стилей, обработчиков событий типа onclick, кастомных атрибутов Оптимизация CSS Есть набор рецептов, как максимально ускорить применение CSS стилей во время отображения страницы. Я решил, что буду поддерживать браузер IE6 и в соответствии с его возможностями написал оптимальные CSS селекторы. Схлопнул все background-image, background-color в одно свойство background.


Смотрите также:
 Как не запутаться в собственном коде
 QIP Mobile
 Лучшие звуки для QIP
 Интересные истории про восстановление данных
 Контекстная реклама.

Добавить комментарий:
Введите ваше имя:

Комментарий:

Защита от спама - решите пример:


Онлайн-игры для социальных сетей:

Понравились обзоры? Читайте еще!

Новые обсуждения на форуме:

Парк аттракционов "Сегодня парки отдыха практически повсеместно вытесняются тематическими парками, хотя обычно эти два определения смешивают.."
Зачем надо учиться играть в шахматы? "Шахматы долгое время считались игрой королей и аристократов.."