Umar HansaJul 29, 2014Lessons: 15Length: 1.5 hours

Next lesson playing in 5 seconds

Overview
Transcript

3.4 Layers and Rendering

We’ll dive even deeper into rendering performance by taking a look at the new Layers and Rendering Panels, to understand how performance issues can be effectively diagnosed.

Related Links

1.Introduction
1 lesson, 02:45

2.Development Workflow
4 lessons, 31:31

2.3
Sources and JavaScript
07:55

3.Performance
5 lessons, 32:34

3.4
Layers and Rendering
10:08

4.DevTools and Mobile
3 lessons, 15:25

5.The Resources Panel
1 lesson, 02:31

6.Conclusion
1 lesson, 05:57

6.1
Extensions and Conclusion
05:57

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.

umaar

Chrome Developer Tools

Next lesson playing in 5 seconds

3.4 Layers and Rendering

1.Introduction
1 lesson, 02:45

1.1
Introduction
02:45

2.Development Workflow
4 lessons, 31:31

2.1
Elements
10:58

2.2
Sources and CSS
06:26

2.3
Sources and JavaScript
07:55

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

Chrome Developer Tools

Next lesson playing in 5 seconds

3.4 Layers and Rendering

1.Introduction1 lesson, 02:45

2.Development Workflow4 lessons, 31:31

3.Performance5 lessons, 32:34

4.DevTools and Mobile3 lessons, 15:25

5.The Resources Panel1 lesson, 02:31

6.Conclusion1 lesson, 05:57

1.Introduction
1 lesson, 02:45

2.Development Workflow
4 lessons, 31:31

3.Performance
5 lessons, 32:34

4.DevTools and Mobile
3 lessons, 15:25

5.The Resources Panel
1 lesson, 02:31

6.Conclusion
1 lesson, 05:57