Пользуясь представленными ниже инструментами, Вы сможете точно выявить, в чем же заключается проблема с медленной загрузкой, а также сможете получить дельные и полезные советы и рекомендации по поводу того, как исправить положение. Каждый инструмент не похож на остальные, и Вам не следовало бы использовать их по отдельности. Лучше всего, если Вы соберете собственный набор постоянно используемых Вами инструментов, с которыми Вам максимально просто и приятно работать.
01. Yahoo! YSlow
YSlow представляет собой один из самых дружественных инструментов для оптимизации, который может быть полезным как новичкам, так и экспертам. Инструмент анализирует веб-страницы и предлагает пути улучшения производительности Вашего веб-сайта, опираясь на опыт Yahoo! Советы подразделяются на 7 категорий: контент, сервер, cookie, CSS, javascript, изображения и версия для мобильных устройств.
YSlow, который представляет собой аддон для Firefox, интегрированный в Firebug (что Вам изначально следует установить), сравнивает веб-страницы по трем заранее подготовленным наборам правил, или же правилам, которые Вы сами составили. Вдобавок к советам по улучшению производительности Вашего веб-сайта, инструмент так же суммирует каждый компонент страницы, отображая Вам расширенную статистику.
02. Web Page Analyzer
Вряд ли можно найти бесплатный инструмент, которым можно было бы пользоваться проще, чем этим. Просто введите URL для диагностики и нажмите кнопку «Submit». Web Page Analyzer подсчитает размер страницы, ее построение, скорость скачивания и предоставит Вам полноценный отчет. В этом отчете Вам будут отображены различные статистики, включая вес каждого компонента на странице, скорость скачивания при различных каналах связи, а также рекомендации по поводу того, как можно улучшить производительность. В общем, Вам будет рассказано о том, в каких частях Ваш веб-сайт проявляет себя хорошо, а в каких не очень.
03. Google Page Speed
Google Page Speed, как и YSlow является аддоном для Firefox/Firebug. Опять же, как и YSlow, Page Speed проводит серию тестов, основанных на лучшем опыте, но теперь уже разделенных на 5 категорий: оптимизация кэширования, свод к минимуму повторяющихся действий, уменьшение размера запроса, уменьшение размера загрузки и оптимизация рендеринга браузера. Как только Вы запустите тест, Вам будет отображена подборка очков для каждой страницы, а также советы по улучшению производительности.
04. Site Performance - инструменты вебмастера от Google
Site Performance представляет собой хороший инструмент, который рассказывает Вам о скорости загрузки Ваших веб-страниц, о том, как изменяется эта скорость, и сравнение скоростей с другими сайтами. Далее Вам будет предложено несколько вариантов улучшения производительности от Google Page Speed. Google собирает эту информацию с посетителей Вашего веб-сайта, с тех, кто использует Google ToolBar. Это означает, что если Ваш веб-сайт получает недостаточно трафика, то полученные данные могут быть неполными или неверными.
05. SmartSprites
Инструмент немного отличный от тех, что были представлены выше. SmartSprites позволяет Вам внедрять CSS спрайты и использовать их в дальнейшем в Ваших проектах. Использование CSS-спрайтов значительно сокращает число HTTP-запросов, которые обычно делаются из-за изображений, размещенных на Вашем сайте. Это, конечно же, повышает производительность сайта. CSS-спрайты очень эффективны, если на Ваших страницах используется много маленьких изображений (иконки меню, указатели и т.д.). Для примера, Вы можете взглянуть на страницу Yahoo!
06. Pingdom Tools Full Page Test
Pingdom’s Full Page Test имитирует процесс загрузки страницы браузером, что дает Вам возможность увидеть, насколько долго подгружается каждый объект на каждой странице, включая изображения, CSS, javascript, RSS, Flash и фреймы. Посмотрите на объекты по ходу загрузки или распределите их по скорости загрузки, чтобы выявить потенциальные проблемы в производительности.
07. WebPagetest
Изначально AOL разработали WebPagetest для тестов собственных сайтов, но теперь этот инструмент доступен каждому, причем бесплатно! Как только Вы введете URL, Вам будет отображен график скорости загрузки страницы и список возможных вариантов оптимизации.
Такие советы, правда, вряд ли будут доступны каждому. Ими смогут воспользоваться разве что только опытные веб-разработчики. Потому что они будут отображены в виде отметок, крестиков и оповестительных знаков, что сильно отличается от того, что можно видеть в YSlow и Google Page Test. За то, Вы можете проводить эти тесты с разных мест и разными браузерами.
