Клиентская оптимизация

индекс
163,90

Доклад на openwebcamp kiev 2010 по клиентской оптимизации

Чтобы сайт загружался быстро существует несколько простых способов, которые к тому же не сложно применить на практике. Конечно все зависит от вашего проекта, его размеров и особенностей. Но все же большинство правил применимо везде.

Основные принципы:
Делать меньше HTTP запросов к серверу
CSS файлы подключаем в head
Скрипты загружаем перед и перед счетчиками и дургими внешними «медленными» или непрогнозируемыми вещами
Убираем inline стили, блоки кода с HTML шаблонов. Все грузим с кешируемых внешних файлов.
Переносим файлы CSS Javascript графику на cookie-free домен
Избегаем CSS Expressions
Expires заголовки, настраиваем нужное кеширование
GZIP для HTML CSS Javascript файлов
Уменьшаем кол-во используемых DNS имен
Сжимаем HTML CSS Javascript
Избегаем редиректов


Я выделяю три состояния загруженности страницы:
Читабельный текст — time-to-text
загружен DOM, можем отработать Javascript
Полная загрузка

+ много всего про CSS reflow repaint и тд и тп.

Всеравно большинство не успел озвучить. Кое-что есть в самой статье.

возможно будет доступно видео, ищите по урлам ниже:

полная версия тут: vitex.in.ua/owc2010/
сайт кемпа: openwebcamp.org.ua
+6
21 марта 2010, 03:52
7
vtx

комментарии (3)

0
shutnik #
выглядело эффектно, было интересно послушать :)
0
zolotoy #
жаль, все пропустил, а хотелось бы послушать доклады
0
vtx #
там видео снимали… один доклад ток пропустили, обещали на том же сайте выложить

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.