Глубокий анализ скорости загрузки сайта с YSlow
Приветствую вас друзья. Хочется мне продолжить разговор о тесте и анализе наших сайтов на скорость, для увеличения скорости их загрузки. Хочется мне вам поведать сегодня не о каком либо ресурсе в сети, а дополнении к всеми известному плагину для Mozilla firefox — Firebug, который служит для редактирования кода страница на лету. Если вы его ещё не юзаете, то настоятельно рекомендую начинать 😉
Наш же сегодняшний гость — это дополнение к данному плагину под названием YSlow, анализирующий все элементы вашего сайта/блога и по его результату вы уже можете сразу делать изменения по улучшению ускорения вашего интернет ресурса. Сразу остужу пыл некоторых сайтоделов — в один клик тут ничего не будет.
От вас потребуется не только начальное знание английского языка, но и основы HTML и Javascript для понимания, что же вам делать.
Стоит сказать, что данный плагин был написан специально для ресурса Yahoo программистом по имени Стив Саудерс, нанятый специально для ускорения данного интернет-гиганта. Сам Стив написал две книги по ускорению сайтов и, уж поверьте, он знает в этом толк.
Как я уже упоминал выше, YSlow интегрируется в плагин FireBug, так что его установка обязательна. Устанавливаем YSlow в Firebug и теперь открывем firebug в новом окне, где и находим новый раздел YSlow:
После чего жмем на Run Test и начинаем бояться, ибо сейчас вас завалят непонятной информацией 🙂 Ибо инструмент действительно достаточно труден для восприятия, нужно некоторое время для того, что бы в нем разобраться.
Результат моего блога:
YSlow сразу выдает разбивает ваш ресурс более чем на 20 пунктов, с возможностью их группировки по элементу (HTML, Javascript, CSS и др.)
Итак. В левой части у нас идут все возможные пункты по возможному улучшению скорости загрузки вашего сайта или блога. Каждый из пунктов имеет цветовой индикатор от зеленного к красному. Ясный-красный, что зеленый — это пункты, которые не требуют вашего вмешательства; а вот красные, желтые, оранжевые как раз нуждаются в вашем внимании.
Для каждого пункта с правой части выдается список ошибок созданных на странице, их роль и совет как же исправить сложившуюся ситуацию. Тут то вам и понадобятся знания в английском и в HTML. Вникаете в суть проблемы и стараетесь решить проблему. Мне вот один из советов сжать некоторые элементы блога Gzip’ом, хотя для меня это и не новость, у меня просто руки никак не дойдут 🙂
Расписывать все возможности YSlow нет смысла, на это не хватит не сил, ни времени. Тут придется вам сами разбираться методом тыка.
Например в разделе Components вы получите наглядную таблицу с весом каждого элемента вашего сайта, дабы понять кто же всего тормозит ваш ресурс. Полезно? Конечно!
В разделе Statistic вы получите наглядные диаграммы загруженности вашего сайта при полном и опустошенном кэше:
Ну и в завершении, могу обрадовать любителей делать все в один клик мыши. В панели Инструментов (Tools) припасен и для вас подарочек. Инструмент Smush.it сожмет для вас все картинки и изображения на вашем сайте, что не только высвободит всегда недостающее свободное пространство, но и ускорит загрузку сайта за счет меньшего размера ваших картинок.
Ну вот, мои картинки были сжаты на 6%, что улучшило и без того неплохие результаты блога.
Вердикт
YSlow — профессиональный инструмент для полезного плагина Firebug. С помощью Yslow можно провести глубочайший анализ своего сайта, выявить проблемные места, тормозящие загрузку сайта и принять меры по улучшению загрузки. Конечно, сначала нужно во всем разобраться, но после потраченного времени вы получите быстрый сайт или блог, который будут охотнее посещать посетители, а поисковики будут его лучше индексировать.
На этом пожалуй закончу. Надеюсь пост буде вам полезен и призываю всех к обсуждению возможных способов ускорения загрузки сайтов. Вместе — мы сила!
Действительно удобный и нужный инструмент для работы.
Что касается способов ускорения загрузки — их много, но самые действенные
это кеширование и создание сокращенной версии файла локализации
Инструмент очень полезный.
Сокращенная версия файла локализации…что-то я пока ою этом ничего не слышал. Не поделитесь информацией? 😉
firebug юзаю, очень помогает когда в коде шаблона копаюсь
Расширяйте его возможности с помощью YSlow 😉
Проанализировал свой блог с помощью YSlow.
Результат Grade D Overall performance score 68, почти как у вас )
Очень хороший плагин, даже помог исправить пару ошибок в коде (были ссылки на несуществующие на сервере изображения и соответственно вместо них возвращался код 404)
Я рад, что данное дополнение вам немного помогло улучшить блог. Постараюсь и впредь давать полезную
инфу 🙂
Плагин замечательный! А когда русификация будет?
Sniper762: Информация о русификации к сожалению нет 🙁
Спасибо, а если программа для теста сайта?
splish.ru: Не совсем понял ваш вопрос «а если программа для теста сайта?»…. отмечаете??? 😉 😀
Установил, но в панели «бага» кнопка YSlow не появляется… Переустанавливал и то и другое на помогает. Мазила последняя.
Максим: Есть тема, что с 9й версией фаерфокса YSlow не работает. Наверно нужно ждать, когда разработчики подпилят его под 9й огнелис.
ItSlam. так, в общем-то и предполагал.