HackerTube
HomeLongsLikedHistoryWatch laterCategoriesPlaylistsSettings

Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 1: Rust

𝓖𝓷𝓸𝓶𝓮💫𝓢𝓪𝓷𝓮1 HN recommender · recommended in 1 month, 2017-2017
YouTube
19K views · 10 years ago · talk · dated

An excerpt from a Bay Area Rust meetup on Servo's WebRender, which renders CSS display lists on the GPU at very high frame rates. It explains the approach and demos rendering at around 500 FPS.

HN commenters point to it when discussing how WebRender works and as evidence of what GPU-based browser rendering can achieve.

Web developmentC, C++, Rust, Go & systems languagesComputer graphics & rendering#servo#webrender#rust#gpurendering#css#mozilla

5 comments from Hacker News

@srcmap2017 · in “Desktop compositing latency is real”

According to this: ▶ this video Firefox's servo engine can compose CSS elements/Display List together at 500 frames / second. Maybe next version of Windows / Linux desktop should use FF's servo engine?

CitesView on HN
@yazaddaruvala2017 · in “Introduction to WebRender”

I'm sure the future blog posts will have more details, but it has to do with immediate mode vs retained mode APIs. ▶ this video

CitesView on HN
@littlestymaar2017 · in “CSS Triggers”

You should take these advices with a grain of salt because it refers to the legacy rendering pipeline used by current web browers. There is not absolute rule stating that layout and painting must be slow while compositing is not. In fact Mozillians are currently working on a new rendering pipeline[1] based on state of the art rendering tools[2]. This new pipeline should be deployed in firefox in 2018 as a part of the ongoing Quantum project. [1] link [2] ▶ this video

CitesView on HN
@NiLSPACE2017 · in “Mozilla and Microsoft are rebuilding their browsers’ foundations”

If you have the time there is a nice talk about WebRender: ▶ this video Here is another great talk: link At ~25:30 he'll also talk a bit about Quantum. In a nutshell WebRender is used to send a web page to the GPU which will paint all divs, borders, shadows, images etc. Currently WebRender is the only component I'm aware of that is inside Firefox Nightly. It's still behind a config though.

RecommendsView on HN
@ZenoArrow2017 · in “Transitioning Firefox's rendering engine from Gecko to Servo”

>"If performance is not competitive" I don't think this will be a problem. One example... ▶ this video link

CitesView on HN
Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 2: Demo13:44

Fastest browser engine by far at 500 FPS! Servo Webrender - CSS on the GPU part 2: Demo

𝓖𝓷𝓸𝓶𝓮💫𝓢𝓪𝓷𝓮
13K views • 10 years ago
Chrome vs Firefox vs Safari vs Servo WebRender0:14

Chrome vs Firefox vs Safari vs Servo WebRender

Jake Archibald
121K views • 10 years ago
Servo Architecture: Safety and Performance45:05

Servo Architecture: Safety and Performance

linux conf au 2017 - Hobart, Australia
12K views • 9 years ago
Servo: Building a Parallel Browser43:29

Servo: Building a Parallel Browser

Linux.conf.au 2015 -- Auckland, New Zealand
23K views • 11 years ago
The Truth about Rust/WebAssembly Performance29:47

The Truth about Rust/WebAssembly Performance

Greg Johnston
218K views • 3 years ago
Makepad: Designing modern UIs with Rust - Rik Arends - RustNL 202355:20

Makepad: Designing modern UIs with Rust - Rik Arends - RustNL 2023

RustNL
60K views • 3 years ago
Refterm v2 - Resource usage, binary splat, glyph sizing, and more29:51

Refterm v2 - Resource usage, binary splat, glyph sizing, and more

Molly Rocket
68K views • 5 years ago
Data Oriented GUI in Rust by Raph Levien - Bay Area Rust Meetup1:05:59

Data Oriented GUI in Rust by Raph Levien - Bay Area Rust Meetup

Rust Programming Language
83K views • 8 years ago
CppCon 2019: Matt Godbolt “Path Tracing Three Ways: A Study of C++ Style”55:42

CppCon 2019: Matt Godbolt “Path Tracing Three Ways: A Study of C++ Style”

CppCon
77K views • 7 years ago
RustConf 2016 - A Modern Editor Built in Rust by Raph Levien36:16

RustConf 2016 - A Modern Editor Built in Rust by Raph Levien

Confreaks
43K views • 10 years ago
React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience25:55

React.js Conf 2015 - Beyond the DOM: How Netflix plans to enhance your television experience

Meta Developers
26K views • 11 years ago
2021: Year of the Linux Gaming Desktop - Andrew Kelley42:38

2021: Year of the Linux Gaming Desktop - Andrew Kelley

Zig SHOWTIME
15K views • 5 years ago
CheerpX: a WebAssembly-based x86 virtual machine in the browser, Yuri Iozzelli37:11

CheerpX: a WebAssembly-based x86 virtual machine in the browser, Yuri Iozzelli

WebAssembly NA
7K views • 6 years ago
Breaking the 1000ms Time to Glass Mobile Barrier45:49

Breaking the 1000ms Time to Glass Mobile Barrier

InfoQ
104K views • 13 years ago
How is this Website so fast!?13:39

How is this Website so fast!?

Wes Bos
2.4M views • 2 years ago
[JSConfUS 2013] Steven Wittens: Making WebGL Dance30:55

[JSConfUS 2013] Steven Wittens: Making WebGL Dance

JSConf
56K views • 13 years ago
Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]3:53:11

Shader Basics, Blending & Textures • Shaders for Game Devs [Part 1]

Freya Holmér
1.9M views • 5 years ago
Brigade 3.0 preview - Real-time path tracing2:13

Brigade 3.0 preview - Real-time path tracing

icelaglace
439K views • 12 years ago
A 10x faster TypeScript13:45

A 10x faster TypeScript

Microsoft Developer
608K views • 1 year ago
Progressive Performance (Chrome Dev Summit 2016)35:42

Progressive Performance (Chrome Dev Summit 2016)

Chrome for Developers
34K views • 10 years ago