Небольшой список правил, которые помогут сделать ваш сайт более быстрым:
- Минимизировать количество файлов
- Все JS файлы собрать в один
- Все CSS файлы собрать в один
- Использовать спрайты для иконок и прочей графики
- Использовать CDN (Content Delivery Network) для статических компонент (JS, CSS, картинки)
- Добавлять expiration date в заголовки статических компонент
- Сжимать текстовые компоненты с gzip
- Оптимизировать графику (Fireworks, Smush.It) – уменьшить размер файлов
- Не масштабировать картинки в HTML или CSS (указывая неверные размеры)
- Подключать CSS в начале HTML-документа (в секции head)
- Подключать JS в конце HTML-документа
- Не использовать инлайн JS и CSS
- Проверять JS и CSS на дублирование кода
- Избегать CSS expressions
- Избегать фильтра AlphaImageLoader
- Избегать URL-редиректы
- Минимизировать количество DOM элементов
- Избегать HTTP 404 ошибки (ссылка в коде на несуществующий файл)
- Уменьшить размер cookie
И несколько инструментов, которые помогут в этом:
- Firebug
- YSlow + Smush.It
- Page Speed
- Web Developer Toolbar