Шпаргалка по клиентской оптимизации

Небольшой список правил, которые помогут сделать ваш сайт более быстрым:

  1. Минимизировать количество файлов
    1. Все JS файлы собрать в один
    2. Все CSS файлы собрать в один
    3. Использовать спрайты для иконок и прочей графики
  2. Использовать CDN (Content Delivery Network) для статических компонент (JS, CSS, картинки)
  3. Добавлять expiration date в заголовки статических компонент
  4. Сжимать текстовые компоненты с gzip
  5. Оптимизировать графику (Fireworks, Smush.It) – уменьшить размер файлов
  6. Не масштабировать картинки в HTML или CSS (указывая неверные размеры)
  7. Подключать CSS в начале HTML-документа (в секции head)
  8. Подключать JS в конце HTML-документа
  9. Не использовать инлайн JS и CSS
  10. Проверять JS и CSS на дублирование кода
  11. Избегать CSS expressions
  12. Избегать фильтра AlphaImageLoader
  13. Избегать URL-редиректы
  14. Минимизировать количество DOM элементов
  15. Избегать HTTP 404 ошибки (ссылка в коде на несуществующий файл)
  16. Уменьшить размер cookie

И несколько инструментов, которые помогут в этом:

  1. Firebug
  2. YSlow + Smush.It
  3. Page Speed
  4. Web Developer Toolbar