Доклад на 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
Основные принципы:
Делать меньше 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



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