Learn about one of Google Web Toolkit 2.0’s newest tools, Speed Tracer, in this video tutorial. This video provides an overview of Speed Tracer, a Chrome extension which enables developers to profile the internals of the browser, preventing bottlenecks by enabling diagnosis of hidden problems. Andrew Bowers will demonstrate how Speed Tracer is incorporated into the development cycle by walking through a Speed Tracer example.

Original Post: http://www.youtube.com/watch?v=Sn_3rJaexKc

Layout Tests are the tests we inherit from the WebKit project and are a very important part of the Chromium’s testing infrastructure. Pam Greene talks about what they are, how to run them, how to debug problems within them, and even touches on how to write your own. She also covers advanced (but easy to use) tools for rebaselining and tracking flakyness. Any Chromium developer that works on WebKit really should check this out!

Original Post: http://www.youtube.com/watch?v=bO3XEBuIDns

Because of Chromium’s multi-process architecture, painting within Chromium is far from typical. In this talk, Brett Wilson starts from the Skia and the WebKit render tree, follows the bits across the process boundaries, and continues all the way to your screen. He also details many of the differences in painting between platforms, how things work in test shell, and interesting corner cases like resizing.

Original Post: http://www.youtube.com/watch?v=A5-aXfSt-RA

A deep dive into the guts of WebKit. Eric Seidel explains the process from loading the resources, building the DOM tree, and the various trees involved in rendering.

Original Post: http://www.youtube.com/watch?v=RVnARGhhs9w

Google continues to help the community to learn more and more about SVG. Now this talk is about what’s beyond XHTML and how it can be useful for that particular job!

While SVG is not well supported under Internet Explorer it remains a unused treasure! Now Google shows us how to implement SVG in every browser, even in IE. And even more, not only how but why? You can see where Google use SVG in its full capacity.

Overview

This video presents ways to minimize reflow on web pages.

Overview

This video explains how to improve your web page load time by browser caching.

Overview

This video explains gzip compression between a web server and browser and how using gzip can help improve speed.