Перейти на главную
Обновление портфолио
Долгожданное обновление портфолио состоялось
Команда Prime Design поздравляет всех с новым годом!
Спешим поздравить всех наших клиентов наступающим 2011 годом!
Prime Up - Продвижение сайтов, контекстная реклама, Интернет-маркетинг
Сайт обновлен: 31.03.2011
 
 
 
О компании | Услуги | Портфолио | Связаться | Новости | Бизнес решения | Вакансии | Наш Блог | Игры онлайн
Новости / 

Несколько легко запоминающихся советов по оптимизации HTML/DHTML кода

 

 

Как наши сайты работают так быстро и без ошибок, почему мы используем особенности Интернет обозревателей при разработке, почему специалисты Prime Design так много времени уделяют мелочам в каждом проекте? На эти и другие вопросы отвечает программист-разработчик Prime Design Барабанов Олег:

1. Совет, который не очень нравится новичкам и любителям тегов IE, а-ля <MARQUREE>, пишите под стандарт XHTML 1.1. Тем самым вы не только сделаете аккуратным свой код, но и вынудите браузер использовать только определенные инструкции по работе с таким видом документа. Они существенно меньше, чем у HTML по причине строгости синтаксиса. Поэтому всегда указывайте !DOCTYPE в начале документа.

2. Весь CSS, JavaScript функции и классы стоит вынести в отдельные файлы. В этом есть много плюсов:

   - вы отделите от документа дополнительный контент, и тем самым сделаете более понятным код;

   - браузер кеширует *.css и *.js файлы, поэтому при следующем посещении вашего сайта js код не будет заново загружаться, а просто возьмется из кеша. Проблемы с кэшированием js есть только у IE.

3. Весь CSS стоит подгружать в заголовке файла, а вот JavaScript в самом конце файла. Основано это на том, что браузер, еще не дополучив html, пытается его обработать. CSS файл будет подгружаться отдельным потоком, html отдельным, а вот если браузер увидит строку javascript, то он вынужден будет запускать JavaScript интерпретатор, что притормозит основное отображение документа. В нашем же случае весь документ уже будет отображаться, да и DOM будет уже сформирован для JavaScript.

4. Не используйте в <body>...</body>  блок <script> чаще одного раза, ибо это каждый раз запускает javaScript интерпретатор, что замедляет обработку документа.

5. Используя в верстке таблицы, учитывайте то, что контент не будет нормально отображаться, пока вся таблица не сформируется. Браузер, конечно, все равно может попытаться отобразить, но зачастую у него это получается не так, как вы этого хотели, да и по мере формирования страницы он перестраивает контент внутри таблицы, что является ресурсоемкой операцией.

6. Если вы генерируете документ с помощью какого-либо языка программирования, то старайтесь сжимать весь html алгоритмом gzip. Во-первых, это существенно уменьшит трафик, во-вторых, браузер получит сразу весь документ, и поэтому обработка документа не произойдет «наверняка». Проблемы с gzip есть только у IE с отключенной опцией «Use HTTP v1.0», даже отправив заголовки о поддержке gzip, он не будет его разжимать, а просто предложит скачать файл. В зависимости от настроек веб-сервера, весь контент будет автоматически сжиматься им.

7. Большие изображения на сайте разделяйте на две части. Браузеры использует многопотоковую параллельную закачку. Соответственно изображение будет загружаться быстрее (~15-20%)

8. В определенных случаях фреймовая верстка является удачным вариантом. Например, когда более 40% документа постоянно отображаются. Тогда стоит вынести эту часть документа в один фрейм и отобразить всего раз, а часто меняющуюся в другой фрейм и отображать сколько хотите.

9. Комментировать код - это очень хороший тон кодирования. Однако для посетителя эти комментарии являются дополнительным трафиком. Поэтому советуется фильтровать (не отказываясь!) комментарии html.

10. Эти советы являются дополнением к тем советам, которые можно найти в Интернете. Т.е поменьше эффектов JavaScript, Flash, CSS, а больше информативности и удобства.

 

новости (RSS)

специальное антикризисное решение
 
 
 
Многоканальный телефон: (343) 20-13-633
Адрес: 620072, Россия, г.Екатеринбург, 40-летия Комсомола, дом 1 а/н, оф. 18
Почта: info@primeural.ru Главная Карта сайта