Публикации с меткой «CSS»

Антон Шевчук написал хороший список вопросов для интервью по приему на работу веб разработчиков. Я хочу предложить вам краткие комментарии и советы по каждому из вопросов, надеюсь это поможет вам лучше ориентироваться в мире веб разработки и поможет пройти интервью.

Вам наверняка приходилось сталкиваться с проблеммой медленной работы сайта.

Причину того мы обычно ищем в PHP и MySQL, но зачастую забываем о том, что из себя представляет страница, которая попадает в браузер пользователя. Помимо HTML есть еще и Javascript, CSS, множество картинок, флеш объекты и прочее.

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

Несколько подробных статей на эту тему:
* Оптимизация клиентской части
* Как ускорить работу сайта для посетителя
* Скорость имеет значение

Стоит добавить еще несколько вещей

1. Стоит помещать Javascript файлы в конец HTML и использовать только внешние методы для регистрации событий (не использовать атрибутов, типа «onclick» и т.п.). Это поможет избежать ошибок в тех случаях, когда Javascript еще не загружен, а пользователь уже пытается выполнить какое-то действие

2. Стоит заранее сжимать статику gzip-ом, а в отдающем сервере просто отдавать необходимые заголовки. В этом может помочь этот модуль nginx'a

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

Читаем статью Антона Шевчука о том каким должен быть правильный код для HTML, CSS и JavaScript.

• (X)HTML - markup layer - верстка
• CSS - presentation layer - представление
• JavaScript - behavioural layer - поведение
Метки: CSS, JavaScript, xHTML, культура, стандарты