webdev - a video blog » Browsers

Track your page speed with Speed Tracer by Google

stoimen — Sat, 19 Dec 2009 12:24:47 +0000

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

WebKit Layout Tests (in Chromium)

stoimen — Sat, 19 Dec 2009 08:55:50 +0000

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

Painting in WebKit – talk by Brett Wilson

stoimen — Sat, 19 Dec 2009 08:42:09 +0000

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

WebKit Layout Tests (in Chromium)

How WebKit rendering works? – Eric Seidel

stoimen — Sat, 19 Dec 2009 08:35:18 +0000

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

Learn how XHTML can help you adopt SVG in the browser

stoimen — Wed, 07 Oct 2009 06:27:54 +0000

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!

SVG and the support under Internet Explorer, start using SVG

SVG and the support under Internet Explorer, start using SVG

stoimen — Sun, 04 Oct 2009 07:02:03 +0000

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.

great way to start with open web standards, svg, html5, javascript, canvas, smil, css3

V8: an open source JavaScript engine

stoimen — Tue, 21 Jul 2009 07:41:54 +0000

No related posts.

Minimizing browser reflow

stoimen — Thu, 25 Jun 2009 07:26:19 +0000

Overview

This video presents ways to minimize reflow on web pages.

No related posts.

HTTP caching

stoimen — Thu, 25 Jun 2009 07:17:34 +0000

Overview

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

No related posts.

How gzip works

stoimen — Thu, 25 Jun 2009 07:11:10 +0000

Overview

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

No related posts.