FireBug: проверка подгружаемых на сайте файлов

Сейчас разработчики могут создавать новые сайты буквально за 5 минут. Благодаря тому, что существуют готовые CMS и несчётное количество тем оформления (дизайнов сайтов) на выбор. В результате такой автоматизации разработчик даже может не знать, какие файлы подгружает браузер при запросе созданного сайта. В зависимости от прямоты рук создателей различных модулей для движка сайта, создателей тем оформления, загружаться могут довольно тяжеловесные файлы, а иногда вовсе создаются запросы на несуществующие страницы. Необходимо такие случаи выявить и уладить, чтобы пользователи были рады быстрой загрузке сайта, а поисковые системы хорошо его индексировали.

Для этого будем использовать дополнение для браузера Firefox, которое называется FireBug. «Огненного жука» я использую, пожалуй, каждый день для самых разных целей, а при проектировании дизайна сайтов это просто необходимый инструмент.

Firebug

Для загрузки идём в официальный репозиторий дополнений Firefox (ссылка на страницу дополнения) и соглашаемся с установкой. Всё происходит очень просто, конечно, если вы посетили страницу посредством браузера Firefox. ;)

Firebug на панелиПосле установки на панели навигации браузера появится кнопка ФаерБага (рисунок справа). Теперь открываем тот сайт, подгрузку файлов на странице которого мы хотим проверить и жмём кнопку «Огненного жука».

Чудесным образом в нижней части окна браузера появляется консоль, где надо переключиться на вкладку «Сеть» и обновить страницу. Теперь по мере загрузки сайта на консоли будет появляться информация о загружаемых файлах. Можно настроить их отображения по типам (показывать только JS, картинки, Flash и т.п.) На рисунке ниже показан пример с другого сайта, потому что я заранее знал, что на нём подгрузка JS рекламной строки Ноликса вызовет ошибку, поскольку на моём компьютере такие запросы запрещены (картинка увеличивается по клику):

загружаемые файлы

Здесь видно коды ответов сервера при загрузке каждого файла, нужного для работы сайта. Недоступные файлы имеют код «404 Not Found» и также помечаются красным. Также можно видеть общий вес страницы и каждого файла в отдельности, время (и начало) загрузки каждого файла, общее время загрузки страницы и всю другую информацию, представленную в очень удобном виде. А дальше сами знаете, что делать.

Надеюсь, предложенный здесь способ поможет вам оптимизировать свои сайты.

Запись опубликована в рубрике Web-мастеринг. Короткая ссылка для добавления в закладки: FireBug: проверка подгружаемых на сайте файлов.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Иногда ваш комментарий может не отобразиться сразу после публикации - будто пропал. Не волнуйтесь, он не пропадёт и появится потом, после моего одобрения.