Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Dismiss
  1. Code
  2. Chrome DevTools
Code

Chrome Developer Tools

by
Lessons:15Length:1.5 hours
Chrome DevToolsWorkflowHTML5CSSJavaScript
Chromedevtools
For full access to all 15 lessons, including source files, subscribe with Elements.

3.1 Network

Performance debugging can come in various flavours. In this lesson we'll take a look at performance from the network side of things.

1.Introduction
1 lesson, 02:45

Free Lesson
1.1
Introduction
02:45

2.Development Workflow
4 lessons, 31:29

Free Lesson
2.1
Elements
10:58

2.2
Sources and CSS
06:25

2.3
Sources and JavaScript
07:54

2.4
Console
06:12

3.Performance
5 lessons, 32:34

3.1
Network
06:28

3.2
Timeline
07:13

3.3
Profiles
04:38

3.4
Layers and Rendering
10:08

3.5
Audits
04:07

4.DevTools and Mobile
3 lessons, 15:25

4.1
Emulation
03:23

4.2
Remote Debugging
06:41

4.3
Responsive Design
05:21

5.The Resources Panel
1 lesson, 02:31

5.1
Resources
02:31

6.Conclusion
1 lesson, 05:57

6.1
Extensions and Conclusion
05:57

Umar Hansa
Umar Hansa
Umar is a front-end web developer based in London who has a focus on writing tips, tutorials and documentation for the web platform. Using tooling such as the browser DevTools for an improved development workflow but also for debugging performance issues is an area which he plans to explore further and share information about to the community.
Continue watching with Elements
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato Elements.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.
Quick LinksExplore popular categories