JavaScript профилирование с инструментами разработчика в Google Chrome

После достижения работоспособности сайта, самое время позаботиться о его ускорении. Стоит обратить внимание на две вещи: на сколько быстро загружается страница и на сколько быстро работает клиентский код.

Существует много способов ускорить загрузку страницы, например, минимизация и сжатие javascript или использование сети доставки данных (CDN), но меня интересует, каким образом можно ускорить работу скрипта на стороне клиента.

Перевод статьи «Javascript profiling with the Chrome Developer Tools».

Реклама: Системы веб-аналитики как инструмент тестирования интерфейсов веб-сайтов

В этой статье будет рассказано о применении веб-аналитики для тестирования интерфейса веб-сайта с помощью таких систем, как Clicktale, Яндекс.Вебвизор и SpyBOX.

Проектируя интерфейс сайта, довольно трудно сразу оправдать ожидания будущих пользователей по максимуму. В том числе и потому, что мы не знаем заранее, какая именно аудитория будет преобладать на нем, и каким образом посетители будут взаимодействовать с тем или иным элементом сайта.

Чтобы быстро вносить корректировки уже после запуска сайта, мы можем использовать веб-аналитику для получения данных об особенностях пользовательского взаимодействия с интерфейсом. Основываясь на этих данных, можно четко увидеть, какие именно элементы действительно нуждаются в корректировке, потому что это покажут пользователи непосредственно своими действиями на сайте.

Обзор онлайн «песочниц» (sandboxes) для совместного тестирования кода

Всем привет!

Сегодня мы рассмотрим несколько так называемых онлайн «песочниц» — специальных инструментов, представляющих собой изолированные окружения, в которых разработчики могут создавать, тестировать и отлаживать свои программные продукты и части кода совместно с другими людьми.

Такие инструменты могут быть полезны, когда простого совета от друзей или коллег недостаточно. Согласитесь, что не всегда можно «на пальцах» объяснить возникшую при разработке проблему, а пустить стороннего человека в код проекта можно себе позволить далеко не всегда.

Итак, в статье мы рассмотрим 10 бесплатных онлайн «песочниц» (или sandboxes), которые могут однажды помочь вам решить ту или иную задачи или проблему с помощью третьих лиц.

Создание iFrame приложений для страницы Facebook

Сегодня я покажу как достаточно быстро и просто сделать функциональную страницы для вашей группы или страницы в Facebook на основе iFrame приложений и так называемых Tab приложений.

Данный метод позволит вам заменить стандартную стену вашей группы или страницы в Facebook на то, что вы хотите — картинку, форму, меню, часть вашего сайта или еще что-нибудь.

В статье рассматривается метод, использующий iFrame приложения, так как он является наиболее удобным и позволяет получить более широкие возможности для реализации того или иного функционала.

Полезные расширения Google Chrome для веб-разработчика

Всем привет!

Мы уже писали про различные расширения для веб-разработчиков для браузеров: Жека написал статью про средства для разработчиков в разных браузерах, а я писал про дополнения для FireBug в Mozilla Firefox.

Сегодня я хочу рассказать про расширения для Google Chrome, которые помогут разработчикам более эффективно тестировать и разрабатывать приложения в этом браузере.

Всего в заметке представлено 17 расширений.

Инструменты для нахождения неиспользуемых CSS стилей

Многие разработчики сталкиваются с тем, что после какого-то времени работы над проектом, в файлах CSS появляются стили, про которые нельзя точно сказать, используются они или нет. Такое часто случается, когда вы работаете в команде, и над стилями работает не один человек. Или, например, до вас было несколько разработчиков, а вы решили что-то поменять или дизайнер задумал небольшой редизайн. В общем, вариантов много, а результат один — браузеру отдаются «мертвые» селекторы.

Все бы ничего, если таких один-два, но если в вашем файле пять-шесть тысяч строк, то тут уже нет сомнения — не все селекторы используются, а значит убрав лишние можно облегчить файлы и ускорить загрузку страниц. Сегодня мы рассмотрим различные программы, плагины и сервисы для очистки CSS-файлов от лишних стилей. 

Обзор средств для разработчиков в разных браузерах

Привет. Сегодня хочу рассказать про дополнения к браузерам, необходимые каждому веб-разработчику. Всем известен FireBug — самое мощное и удобное дополнение для FireFox.

Но Firebug ничем не сможет помочь при работе с IE, Оперой или Сафари.

Итак, на повестке дня:

• FireBug для Firefox;
• Web Developer Toolbar для Firefox;
• IE Developer Toolbar;
• DebugBar для IE;
• DragonFly для Opera;
• WebInspector для Safari;
• Средства для разработчиков в Google Chrome.

Есть, конечно, и другие — о них я обязательно упомяну.