Этап первый: анализ ситуации. Клиентская оптимизация для произвольного сайта. Практическое приложение. Оптимизация структуры веб-страниц
Этап второй: базовые действия
Этап третий: шаманим с изображениями
Этап четвертый: счетчик времени загрузки
Этап пятый: «ненавязчивая» реклама
Заключение
Для анализа скорости загрузки в качестве стандарта стоит использовать как webo.in, так и Firebug NET Panel (http://www.getfirebug.com/). Почему два инструмента? С помощью Firebug можно достаточно точно отследить все запросы на странице из реального браузера. Однако Firebug временами не выдает всех запросов к файлам стилей и скриптов. Также тяжело бывает с кэшированием. Для полного аналитического разбора можно адекватно использовать только анализатор скорости загрузки. После проведения проверки хорошо видно, какие файлы кэшируются (выставлено время кэша), у каких есть ETag или Last-Modified, а также, что более существенно, сразу виден потенциальный выигрыш при минимизации файлов.
С помощью визуальной оптимизации (http://webo.in/my/action/load/) удобно посмотреть, как изменится диаграмма загрузки сайта, если применить все оптимизационные меры. И поскольку расчет производится аналитически, это обеспечивает достаточно большую точность (не нужно замерять по два-три раза, чтобы избежать случайных сетевых задержек).
Разобрав основные проблемные места сайта с помощью указанных инструментов, намечаем путь действий — и вперед. Дополнительно можно оценить время ответа с сервера (http://webo.in/my/action/timings/) для динамических файлов, и понять, нужно ли что-то придумывать для оптимизации серверной части.