Setting up DevTools for Performance Testing
Инструменты разработчика в браузерах мощнее, чем когда-либо, но это приносит свой собственный набор проблем: их так много! Как все это работает? Какие биты мне нужны? Что это вообще делает?
Когда я проверяю производительность сайта, есть большое, но специфическое подмножество DevTools, которое меня действительно волнует, и мне нужно, чтобы оно было правильно настроено. Это позволяет мне работать тактически и эффективно, но также открывает целый мир возможностей, о которых многие разработчики даже не догадываются. В этом видеокурсе я покажу вам, как СОВЕРШЕННО настроить DevTools — максимально точно. Мы научимся:
Сам курс не сделает вас экспертом по производительности, но он поможет вам отточить и усовершенствовать свои инструменты и рабочий процесс, чтобы вы могли достичь цели намного быстрее.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
Привет, я Гарри. Я независимый веб-инженер-консультант из Лидса, Великобритания. Я помогаю некоторым из крупнейших и наиболее уважаемых организаций в мире предоставлять своим клиентам более быстрый и надежный опыт. Я приглашенный эксперт Google Developer, эксперт Cloudinary Media Developer, отмеченный наградами разработчик и международный спикер.
egghead
В этом курсе будет рассмотрена панель «Сеть» в Chrome DevTools. Мы пройдемся по журналу запросов, изучив различные свойства, которые были выставлены. Мы поговорим о синхронизации, фильтрации, регулировании и общем использовании сетевой панели, чтобы лучше понять, как наши приложения существуют в связанном контексте.
egghead
В этом курсе рассматривается панель «Источники» в Chrome DevTools, которая позволяет увидеть, какие файлы отвечают за различные действия на экране. Однако в эту панель встроен единственный наиболее полезный инструмент для любого разработчика JavaScript - Debugger JavaScript.
egghead
В этом курсе мы подробно рассмотрим панель Elements в chrome devtools. Мы пройдем каждую кнопку и вкладку на этой панели и обсудим, как использовать их для взаимодействия с вашим веб-приложением при его запуске.
Harry Roberts
Моя работа как инженера по производительности заключается в том, чтобы помогать клиентам создавать и поддерживать быстрые веб-сайты. Также очень важно, чтобы мой собственный сайт служил примером! В этой серии скринкастов я покажу вам каждую функцию, решение и коммит, влияющие на производительность, которые помогли сделать CSS быстрым.
