►
From YouTube: Nicolas Silva — WebRender: a sneak peek into Firefox Quantum's future (Rust Hungary #2, 2017-10-24)
Description
Firefox Quantum (https://hacks.mozilla.org/2017/09/firefox-quantum-developer-edition-fastest-firefox-ever/) is the codename of the upcoming version of Mozilla's Firefox browser. The upgrades and improvements of the new release are just too many to recount here but it's safe to say that Firefox Quantum will be slimmer, faster, safer and more beautiful than any of the Firefoxes ever before — in no small part thanks to Rust and Servo, as some of Servo's rust components like Style (Quantum Style) are already landing in Firefox Quantum for all 200 million firefox users worldwide to see and feel. That is, though, kind of old news for Nical who is one of the graphics engineers working on the upcoming WebRender (Quantum Render) integration in Firefox which is bound to revolutionize web browser page rendering as we today know it (https://hacks.mozilla.org/2017/10/the-whole-web-at-maximum-fps-how-webrender-gets-rid-of-jank/).
Presented by: Nicolas Silva (@nicalsilva)
Graphics software engineer at Mozilla, Paris
Slides:
[Rust Hungary Meetup #2 - Mozilla Developer Roadshow Budapest, 2017-10-24, Mozilla Hungary Community Space, Budapest]
https://www.meetup.com/Rust-Hungary-Meetup/events/244086300/
A
A
B
A
A
A
For
our
sponsor
today's
was
only
operative
enters
for
us
to
you
by
Mozilla.
If
you
want
to
help
them,
there's
a
survey
link
ms
e
MZ,
o
la
/f
survey.
You
can
contribute,
you
know,
happiness
law
makes
a
lot
better
refuge.
Thank
you
or
you
or
your
needs,
and
your
you
don't
want
so
feel
free
to
your
there
and
fill
it
out.
So.
B
A
All
right
so
missile
is
enough.
Profit
company
created
really
like
maybe
50
years
ago,
Netscape
and
out
of
by
the
netscape
browser
source
code
is
open
source
and
most
of
the
people
still
Mozilla
about
their
the
open
source
browser
that's
being
created,
authorized
on
supports,
which
is
Firefox
a
nice
graphics
right.
Besides
me
about
the
new
things
which
kind
of
conveys
to
you,
things
and
the
something
is
coming
in,
the
upcoming
version
of
Firefox,
the
Firefox
quantum
addition,
but
I
don't
get
to
still
depend
on
of
Commerce
and
all
the
speakers
sales.
So.
A
B
A
A
A
You
can
I
get
even
more
talks
to
them
to
lunch
breaks
some
discussions
with
with
speakers
and,
more
importantly,
you
will
be
able
to
try
some
of
the
value
to
stop.
The
second
thing
was
hacking
on
and
if
you
will
have
been
here
for
the
first
meetup
you
might
have
seen,
they
are
C
control
cards
and
all
the
other
edges
that
they
were
controlling
with
bad
technology,
so
feel.
A
Google
Chrome
got
worried,
but
most
of
his
famous
log
in
to
the
browser
from
it's
great
people,
overdose,
and
you
might
not
know,
but
so
the
very
first
thing
over
to
the
browser
to
spy
about
which
is
being
phased
out
as
merciless
switches
to
an
inn,
building
browser
dev
tools
and
the
Firefox
dev
tools
that
are
built
into
the
browser
actually
made
with
pure
CSS
JavaScript
and
html5
pure.
As
in
you
know
it
doesn't.
It
even
includes
react
and
the
whole
thing
isn't.
B
A
A
A
You
can
see
you're
gonna
have
three
speakers
today.
The
first
speaker
is
called
Sylva
talking
to
us
about
Firefox
Ponto,
and
that
rendered
a
bunch
of
other
things
he
does
in
the
salon
in
the
Paris
office
is
a
graphics
engineer
on
the
Firefox
team,
so
Nicole
please
take
it
to
buy
it.
Are
we
gonna
have
an
H
short.
C
This
one
content
that
drives
to
the
engineering,
workforce,
Ford
and
Lake
does
a
lot
of
very
coordinated
cross
team
efforts,
and
things
like
that
and
a
lot
of
the
stuff
that
I'm
going
to
present
today
would
not
be
possible
if
we
didn't
have
the
courage
to
sometimes
take
some
risks
and
just
focus
a
lot
of
our
engineering
into
very,
very
dangerous
projects.
So
when.
A
C
B
C
If
you
didn't
know,
Firefox
OS
picked
one
like
a
you
could
watch
Facebook
on
a
$20
smartphone
using
Firefox
OS.
Now
you
I
didn't
know
what
Hollywood
was
in
there
and
I
can
I
still
can't
believe
we
managed
to
do
that.
Android
was
not
able
to
do
that
and
I
don't
know
if
they
take
that
so
I'm
gonna
talk
a
little
bit
about
content,
but
really
I'm,
mostly
gonna
talk
about
this
stuff
that
I
upon,
which
is
the
Quentin
run
where,
but
let's
mention
the
other
ones,
because
they're
exciting
as
well.
C
This
dick
quantum
flow
effort,
which
is
basically
a
cross
team
effort
where
a
lot
of
people
together
they
look
at
the
finally
data
and
asking
the
painful
question
of
wait.
This
thing
is
slow
or
why
it
is
grown
faster
than
this
thing
or
why
are
we
doing
so
that
on
that
particular
benchmark?
And
it
looks
like
something
that
we
should
always
be
doing,
and
it's
actually
obviously,
but
when
the
quantum
for
project
we've
really
took
a
lot.
C
From
a
lot
of
different
teams-
and
we
put
them
together
and
we
managed
to
actually
move
a
lot
faster
on
on
these
things
and
into
some
bigger
moves
that
we
would
if
they
was
just
like
handful
of
people
in
the
handball
team.
Not
talking
to
one
another
working
on
profiling
and
such
the
Stila
project
is
quite.
C
C
A
second
faster
to
start
up,
which
is
enormous
for
admins,
for
so
many
like
meatworks,
on
with,
like
a
frame
budget
of
15
milliseconds,
so
how
ii
it's
like
eternity.
Quantum
dome
is
also
quite
interesting
because
it
tries
to
minimize
impact
that
background
taps
out
on
your
browsing
experience.
So
we
did
all
of
these
JavaScript
context
and
put
them
into
different
types
of
loops
before
that
they
were
all
like.
C
On
one
given
content
process,
which
was
run
on
similarly
and
everyone,
and
this
background,
SAP
would
do
something
really
nasty
and
schedule
stuff
in
your
other
loop
and
then
you'd
be
stuck
to
each
other's
record.
For
that,
it's
not
like
we're
not
even
looking
at,
and
so
the
quantum
Dominic
project
is
really
aimed
at
making
sure
that
we
can
not
schedule
that
work.
If
you're.
B
B
C
C
C
B
C
C
A
C
Now,
let's
get
into
quantum,
render
the
stuff
I
work
on
stuff.
That
gets
me
excited,
but
before
I
get
into
that,
it's
really
right
to
present
the
quantum
are
new
stuff,
though
it's
first
going
into
a
little
bit
of
an
overview
of
how
all
web
browsers
work
today,
so
I
suppose
that
you
guys
all
know
about
the
Dom
tree.
This
is
what
you
interact
with
in
JavaScript,
and
this.
C
C
C
C
B
C
The
action
of
taking
display
events
from
that
this
latest
and
painting
them
into
letters
which
means
actually
drawing
some
paint
some
sub
pixels.
But
before
we
can
do
the
compositing,
because
now
car
passes
a
multi-process
browser.
We
also
have
to
share
those
layers
that
were
drawn
in
network
painted
in
the
Contin
process
to
the
compositor
process,
and
there
is
a
bit
of
a
placated
thing.
C
Want
to
do
some
some
form
of
double
buffering
and
the
boy
companying
later,
because
images
are
big
and
your
screen
has
a
lot
of
pixels,
so
if
you
have
to
copy
all
of
them
through.
Finally,
every
time
you
send
stuff
to
the
compositor
process,
that
would
be
that
would
be
pretty
expensive.
So
this
is.
This
is
sort
of
roughly
how
things
work
and
this
whole
design
was
meant
to
make
sure
that
positive.
C
That
60
frames
per
second
and
say
see
and
that's
quite
influenced,
because
if
you're
on
a
phone
that
you're
scrolling,
you
know
your
finger
on
your
screen
and
your
maybe
you
figure
to
scroll
the
web
content.
It's
really
jarring.
If
the
web
button
is
not
holding
your
finger
as
this
per
second,
so
it's
really
important
that
one
state,
smooth
and
and
having
a
compositor
is
pretty
easy
way
to
make
sure
that
scrolling,
safe,
isn't.
But.
B
B
C
C
It's
fairly
good,
switching
back
and
forth
between
different
things,
sure
if
you
have
a
loop
and
you're
switching
from
different
kinds
of
things
in
you're,
gonna
have
really
bad
faster
performance
like
instruction
a
performance
and
even
they
need
a
date
attached,
but
in
the
in
our
case
our
hook
cut
loop.
Is
this
like
this
loop
that
goes
red
pixel
instead
in
your
primitive
things
for
titles?
And
so
it's.
C
C
C
Your
GPU
is
to
say
a
shader
program,
and
you
say:
ok
here
is
the
current
state
of
program.
This
is
that
that's
the
one
you
you
be
used
to
draw
images,
and
then
we
send
to
this
mode
and
then
draw
a
lot
of
things
and
then
set
this
other
moment.
Every
time
we
change
between
different
nose,
say
like
going
between
rendering
text
and
rendering
images
there's
a
cost
that
we
pay.
C
C
C
Is
a
bit
bad
about
this?
This
drawing
model
that
we
currently
have
is
that
sometimes
we'll
have
also
some
effects
that
need
to
allocate
a
stacking
context,
so
I'll
get
an
image,
throw
into
it
and
then
apply
some
effect
and
throw
that
animation
to
the
rest.
And
fortunately,
if
you
have
some
transparency
or
some
blur
or
something
that
needs
to
be
rendered
that
way,
and
that
works
fine
as
well
free
to
CPU,
because
drawing
like
drawing
into
one
thing
and
then
don't
you're
gonna
pay
for
a
cache
miss
when
you
start
going.
C
C
And
so
any
decent
GPU
back
then
to
a
painting
abstraction
like
that's
too
risky,
actually
no
do
not
draw
every
time
you
say
draw
this
rectangle
will.
Actually
it
will
record
everything
you
asked
it
to
do,
and
then
it
will
wait
as
much
as
possible
before
it
was
anything
so
that
they
can
look
at
the
entire
scene
and
go
okay.
What
can
I
do
order?
What
can
I
do
to
optimize
this
shuffle
that
theta
in
a
way
that
is
still
correct,
but
this
the
the
way
we
work
with
GPUs
more
efficient.
B
C
C
C
This
really
deep
brand
doing
this
kind
of
things,
and
because
we
started
from
scratch,
we
wanted
to
do
something
that
really
tries
to
follow
the
same
to
the
tips
and
tricks
that
the
games
industry
has
been
doing
in
the
last
few
decades.
And
that's
it's
great
because
we
have
this
GPUs
they're
built
for
video
games
and
we
have
the
games
industry.
That's
been
doing
a
lot
of
research
into
how
make
how
to
make.
C
B
C
C
C
B
C
I
would
referring
to
is
that
we
use
the
Z
buffer
to
render
things
and
you
rather
than
front
to
back.
So
let
me,
let
me
correct
sorry,
remember
it
will
take
primitives
front
to
back.
So
if
you
have
something
with
these
fantasies,
so
I
would
say
like
listen.
The
glyphs
are
actually
like
text
is,
is
remember
in
the
in
the
Alpha
pass
that
it's
rendered
later
back
to
font,
but.
B
C
Able
to
render
things
front
to
back
thanks
to
the
fact
that
we
can
store
in
the
z-buffer
the
something
that
corresponds
to
the
z-index
of
the
on
your
drawing.
So
like
it's,
it's
like
it's
closer
to
you
yeah,
there's
this
dizzy.
Currently
that
is
sort
of
arbitrary,
but
we
use
that
to
make
sure
that
we
first
draw
something
that
is
the
closest
to
you
and
then
what
we
do
something
that's
that
we
did.
C
C
Something
that
we
could
easily
do
or
that
we
could
do
it
all
on
the
CPU
efficiently,
but
on
the
GPU,
it's
really
it's
really
burnt
into
the
hopper
is
really
fast,
and
that
saves
us
a
whole
lot
of
memory
bandwidth.
So
in
this
and
this
diagram,
what
you
see
is
like
so
so
believe
of
interesting
page
with
only
some
rectangles
and
some
numbers
or
just
like
the
index
for
each
Ratana,
and
we
we
draw
things
from
Prompto
back,
so
we
first
draw
that
that
pink
will
square
there
and
then
stuff
that
was
directly
underneath,
etc.
C
A
C
C
C
B
C
B
C
C
Caching,
the
kinds
of
prettiness,
and,
what's
that
and
it's
the
same
for
images,
did
you
just
say
something
to
you
in
teach
images
kind
of
a
flavor?
If
you
will
so
that's
something
that
when
usually
when
I
talk
about
those,
so
people
start
freaking
out,
and
they
say
what
about
my
better
life
like
if
you're
rendering
everything
in
the
frame
then
lasting
that
long?
It's
it's
not
actually
that
much
of
a
concern,
because
for
most.
B
C
Pages
really,
what
webinar
does
is
as
simple
or
it's
as
fast
and
as
efficient
or
more
efficient
that
what
puzzler
would
do,
thanks
in
part
to
the
assessee
filling
thing,
because
memory
downwards,
it's
pretty
expensive
for
battery
life
as
well
and
is
equally
so.
We
don't
have
too
much
over
go
in.
That
makes
things
fast
and
and
another
thing
that
people
ask
a
lot
so
I'm
going
to
dispel
this
here.
We
remember.
C
C
B
C
C
Set
up
the
things
so
that
we
can
have
a
channel
that
sends
display
this
to
what
burner
and
make
it
so
that
we
can
give
it
context
throw
in
to
so.
We
done
this
on
me
and
now.
A
lot
of
the
work
is
making
sure
that
we
can
translate
our
own
display
items
in
to
WebRunner
display
items
and
save
a
lot
of
time.
They
don't
actually
match.
So
it's
actually
so
sort
of
way
thing
to
do
and
and
a.
C
So
what
bird
that
doesn't
get
to
put
this
this
late
former
case
of
how
we
vendor
text
equivalent
I,
know
I,
don't
even
know
the
word
unless
billing
complicated
corner
cases
and
the
weapons
just
full
of
them,
and
so
we
go
through
them.
Those
features,
it's
actually
great
to
feel
so
focus
state
they
get.
C
C
Can
try
it
out?
I
can
take
your
19
bill,
the
firebox
which
I'm
sure
you
all
use,
so
it's
straight
and
we
can
fiddle
with
the
preferences
and
enable
Firefox
inevitable.
Sorry
what
grinder
at
Firefox
and
it's
probably
gonna
crash
for
something-
that's
probably
going
to
eat
all
that
stuff.
Some
things
it's
probably
going
to
be
able
to
slow,
because
one
thing
that
I.
B
C
New
rendering
engine
or
for
these
things,
so
we
have
this
either
in
the
setup
where
like,
if
some
things
up
doable
with
a
burner,
just
do
it
gecko
sighted
and
absolutely
progress
image.
But
as
we
were
going,
this
movie
display
dance
is
still
a
lot
of
display
items
that
we
should
be
rendering
with
what
memory,
but
instead
we
do
them
at
the
get
go
side
and
that's
like
pretty
smooth,
so
don't
freak
out
if
web
render
makes
your
files
but
really
slow
right
now,
because
this
is
not
a
present,
a
t'v
of
the
final
product.