Slide 1
Slide 1 text
High
Performance
Web Frontend
0',G??7D
3:A?G
K47D97@F"@5
Slide 2
Slide 2 text
Êœħ
:FFB
3:A ?G
Slide 3
Slide 3 text
Frontend Engineer
!-&%
,,
#3H3,5D;BF
DAIE7D
Slide 4
Slide 4 text
Ƃ
Q
X Y
mrsjfskSEc
1(>_%! VU
jqskW}
~yX
lmgtosiTY
Slide 5
Slide 5 text
ª¼¾¢s§ªÀ°¾ŗê
'7FIAD=
"
A?BGF7
+7@67D
Slide 6
Slide 6 text
ģş7,8-4(::,89
ŪÏ",:=682
ęĽ$,5+,8
Śņ647;:,
Ōş65*3;9065
ŝsİ
Slide 7
Slide 7 text
ÅésÒút
yz074$;FxÀ
:DA?7(B7D38.;93.$+0+;3
ℹ
XO]X',)0:A',)0:-68,<,367,89B
/::74?(2;8(.0:/;)065=,)20:
+,<9/:43
Slide 8
Slide 8 text
#perfmatters
)7D8AD?3@57&3FF7DE
Slide 9
Slide 9 text
§ªÀ°¾X
peűŗpsWƂ
❓
Slide 10
Slide 10 text
§ªÀ°¾tçŢ
¯ iðÉFÒŀiðÉ
E¯¬¯iʼnè
E¯¬¯ìiŃïZ®ïŌZ
⚠
Slide 11
Slide 11 text
¨¥Ėĥqp
®À¼À£sūĀ
'
/=@9;5
▻
▻
▻
Slide 12
Slide 12 text
===9:8(5.,36675,:=6829*648,96;8*,905-6.8(7/0*9=,)7,8-684(5*,(5+
,*644,8*,047(*:6-
9,*65++,3(?
Slide 13
Slide 13 text
✓7+C98
7<ŜʼnÉ
HHHHHHHHÛ²
&"
✓Ħ(+2997<ŜʼnÉ
HHHH¨|
&"
✓9C366+7<ŜʼnÉ
H~¬¯ú
±&"
+
Slide 14
Slide 14 text
®À¼À£ąs
ěÌsťĈ`¿ĈŮ`
97:>=/#/8./;
.
"
Slide 15
Slide 15 text
B7D8?3FF7DE
AA9>7"
(
?3;@DA35: 4>A9EBAF 7;A
:F?>
Slide 16
Slide 16 text
Network
',%AA=GB
-)I3K:3@6E:3=7
,7@6!--)+7CG7EF
+757;H7!--)+7BA@E7
¥¢½À¿ŪÏ
Slide 17
Slide 17 text
⇆ -)I3K:3@6E:3=7
',%AA=GB
!--)+7CG7EFN+7EBA@E7@
2
Slide 18
Slide 18 text
¾¡¾ ¢sūĀ
@@@
19916/
-97+8+6B=3-<
Slide 19
Slide 19 text
ōŎĿqŚIJŔil
jsĖĥnalŨSW]
33
Slide 20
Slide 20 text
¾¡¾ ¢sūĀūĀsĚġ
@@@
19916/
-97+8+6B=3-<
Slide 21
Slide 21 text
ūĀsĚġžÁůſ
¨~¥§yČė\v
©}«iÔúyĐt\
©¯yÖĬ\v
$$¨}yÄė\v
$$e$iĽnŅnŖyĀŌÉ\v
HHHHHHHHHHHHHHHH/=-
ℹ
Slide 22
Slide 22 text
074)7D8AD?3@577EF)D35F;57
=5
13=2>,
39<://.
Slide 23
Slide 23 text
)397,B776"@E;9:FE
./?/69:/;<
19916/
-97<://.:+1/<://.38<312=<
Slide 24
Slide 24 text
ª¼¾¢¾£mŔU
'7FIAD=ûń
jsíĠ
✓
Slide 25
Slide 25 text
⇆ -)I3K:3@6E:3=7
',%AA=GB
!--)+7CG7EFN+7EBA@E7@
2
Slide 26
Slide 26 text
íĠ ¹¢sĜıb
'
Reduce number of HTTP requests
⬅
⬅
⬅
⬅
⬅
⬅
⬅
Slide 27
Slide 27 text
#,,,{n~
ĽÑªºıb
98-+=/8+=/$$$:;3=/<+=+
Slide 28
Slide 28 text
íĠ
¹Àsıb
6
Image
6
Optimized
Minified, Gzipped
7
Text
7
#
"""
▻
▻▻
▻
▻▻
Slide 29
Slide 29 text
ĽÑsĞŮÜ
#!%
" +>8=6/=
7+1/!:=37
%;37+1/
6
Slide 30
Slide 30 text
¡¢sĞüÜ
(&97:;/<<9;$$$
$$!$$
9916/69<>;/97:36/;$
&1630B$$
7
7
Slide 31
Slide 31 text
{ct§sőS
ûńWŁùqŽ
8
Slide 32
Slide 32 text
Render
)3;@F
%3KAGF
).
ęĽÔĹqjSl
Slide 33
Slide 33 text
AA9>7:DA?73@3DK
ĀûiĆİR}ʼnU÷ńZwv
ŏęį¯ªiŊÉpʼnM
Mxrv 312=6B>36.şĉþÿûŠ
GWDHCRT]¢GWD
Slide 34
Slide 34 text
16.666...
?E
),
Slide 35
Slide 35 text
),n¹ª»¶»À¢
¤}ªÑocÞUiĘŕj
ĞhÔ©«§\vC
"$y½b_ohj
«¯¢iÁĕy
7
Slide 36
Slide 36 text
«¸sª»À±qt
ĤQpÔĹXŜ{ilS
%A36
,5D;BF
%3KAGF
)3;@F
H7@F
?E
% %
Slide 37
Slide 37 text
ª»À±ÔĹsķČ
-;?7>;@7mŁŞb
2
%37/638/;+7/<
Slide 38
Slide 38 text
DEMO
Slide 39
Slide 39 text
A?B3D78D3?7EB7DE75A@6
0;+7/< :/; -98.
+::<:9=
-97
Slide 40
Slide 40 text
Heavy Painting
űS®¾¢
Slide 41
Slide 41 text
®¾¢¢s
ŗê
6
Big Image Heavy CSS
%/,#&(5+#&/,(:9/,,:
#,8-684(5*,/,*2309:-68:/,!6)03,',)
Slide 42
Slide 42 text
õYSĽÑn¹
6
Slide 43
Slide 43 text
+0q|ĽÑ¹s¢
" .
▻
Slide 44
Slide 44 text
ÚÈdtÀ¦À£mš[
"
⬅
.
⬇
,7DH7D
Slide 45
Slide 45 text
źřÑĀÜqñ
■ ▻
īą¾dIŕģj¾hgv
Slide 46
Slide 46 text
ĠăqŇʼn`Xćŗp¹ÀƂ
■
ħĘ¿
¢}ª
¯§{ª
J J
J
&¯
ëgfiĴś
■
Slide 47
Slide 47 text
űS,,sŭØÖļ
Slide 48
Slide 48 text
o
XűS¬¼§¡W
ŁŞapXŀb
2
Slide 49
Slide 49 text
-!"' ,0%-('-!&(('
-<</A:
-977998
Slide 50
Slide 50 text
=
@35*,(**,0,5(7,+
A*31436/7/2-
@2()0,*327/28386
A4(-,5,4(/27/2-
Slide 51
Slide 51 text
=
)3:6.(+39fOLVU
(-,4(/277/1,H¥¤
Slide 52
Slide 52 text
,=;3¸ª¸«¸¹
2;973>7q8.;93.d
ÄėZwcMvöĘ
XiöĘiÈ»æćyķve
$$¬|iĿIJpÃQacUv
6
Slide 53
Slide 53 text
,=;374G997DqĢś
.skp
7
debugger.app
6
2
▻ ▻
=
C`R[UxGEcZTPJUFN
Canary
Chromium
©m|
vH
¸¿McQ
yhj
Slide 54
Slide 54 text
,=;374G997D
öĘæćiőĸqIĺĂş¬z}ªŠRijOv
Slide 55
Slide 55 text
,,»§À¢¹ÀI;F:r^Ý
Slide 56
Slide 56 text
232,
16
)3:6.(+39
16
)35+,55(+/86
16
+377,+)35+,5
16
6.(+39+377,+
16
6.(+395(+/86
16
5(+/86+377,+
16
(001/:
16
CEI\S,);..,8uX{SEbD|XnpehSY^RTIwLd\M
Slide 57
Slide 57 text
232,
)3:6.(+39
)35+,55(+/86
+377,+)35+,5
6.(+39+377,+
6.(+395(+/86
5(+/86+377,+
(001/:
⬅
⬅
⬅
2+?/691
+B>7><+=9
-97./?/69::/;09;7+8-// -<<*;/8./;381*@3=2*<53+*./,>11/;
2=76
Slide 58
Slide 58 text
³¦ºtĶqÞpS
¥~šĹµeQřÂ[R`
<¾D=}jĝQhá×\v
ëjÍİdLwkIMa^Ę¿h\v
éĒI /=@9;5
eàğ
9,36/./?3-/<+;/69@<:/-
.
Slide 59
Slide 59 text
Ëċ
3"298/$RáÝhōM
3!$p°ÕhgvQŢ
AK
A+6+AB$¸ņmd
řĭhÓŚRdq\M
+0//6381
.
Slide 60
Slide 60 text
,,s_ÖļtŚĽĿq
+
Slide 61
Slide 61 text
Layout Thrashing
ĊëapS»¢ÔĹsŏŧa
Slide 62
Slide 62 text
ŗňs»¢žÓŰŐ¿¹ª¼Ànſ
#3H3,5D;BF
!-&%
,, ,,(&
(&
+7@67D
-D77
%3KAGF )3;@F
▻
▻
▻
▻ ▻
▻
=
·NT
´¯f½³N[OÁ
Slide 63
Slide 63 text
;39@AE;@98AD576EK@5:DA@AGE>3KAGFE
+,<,367,89.66.3,*64*/864,+,<,367,8:6639+6*9+,469:664;*/3(?6;:
Slide 64
Slide 64 text
=
AAH¼²NT
ÀW¦
⚠
Slide 65
Slide 65 text
èŸsºÀ¬sÃm
ţ^ilS^n
❓
9;-/.$B8-2;9><6+B9>=
Slide 66
Slide 66 text
»¾¹¾sª¼À
#3H3,5D;BF
!-&%
,, ,,(&
(&
+7@67D
-D77
%3KAGF )3;@F
▻
▻
▻
▻ ▻
▻
Slide 67
Slide 67 text
āĥĉîsŗĭ
#3H3,5D;BF
!-&%
,, ,,(&
(&
+7@67D
-D77
%3KAGF )3;@F
▻
▻
▻
▻ ▻
▻
=
VG
ZNDW
Slide 68
Slide 68 text
ÓŚņqÉT»¢
#3H3,5D;BF
!-&%
,, ,,(&
(&
+7@67D
-D77
%3KAGF )3;@F
▻
▻
▻
▻ ▻
▻
=
YT\WDV
eG`ge
Slide 69
Slide 69 text
Ă×»¢^sŲP¹¬¢t«¼
#3H3,5D;BF
!-&%
,, ,,(&
(&
+7@67D
-D77
%3KAGF )3;@F
▻
▻
▻
▻ ▻
▻
ƃÄÄÄÄÄÄÄÄÄƃ
ƁOAD576%3KAGFOƀ
Ƅ12121212121212Ƅ
Slide 70
Slide 70 text
¸¾»¢ŶĒh»¢
#3H3,5D;BF
!-&%
,, ,,(&
(&
+7@67D
-D77
%3KAGF )3;@F
▻
▻
▻
▻ ▻
▻
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
=
JcÁ
=
JcÁ
=
JcÁ =
JcÁ
=
JcÁ
Slide 71
Slide 71 text
Ķøs¬¼§¡ws
+736
0D;F7mľĻ
⚠
Slide 72
Slide 72 text
=
ª¨¬f
ºFb
Slide 73
Slide 73 text
LM
èŸsºÀ¬
// animation loop
function update(timestamp) {
for (var m = 0; m < movers.length; m++) {
// Layout invalidated
movers[m].style.left = (
(Math.sin(
// Layout forced
movers[m].offsetTop + timestamp / 1000
) + 1) * 500
) +'px';
}
raf = window.requestAnimationFrame(update);
}
Slide 74
Slide 74 text
LM
öóq°²pÔĹ
--- 1st loop ---
R offsetTop up to date
W style.left dirty flag on
--- 2nd loop ---
R offsetTop dirty...recalculate needed
W style.left dirty flag on
--- 3rd loop ---
R offsetTop dirty...recalculate needed
W style.left dirty flag on
--- 4rd loop ---
R offsetTop dirty...recalculate needed
W style.left dirty flag on
--- 5th loop ---
...
..
=
CRQG`
¡fSKd_
=
PEGB·
NWDVÁ
===?6;:;),*64=(:*/< &"'0!
Slide 75
Slide 75 text
¸¾»¢ÓĘ
#3H3,5D;BF
!-&%
,, ,,(&
(&
+7@67D
-D77
%3KAGF )3;@F
▻
▻
▻
▻ ▻
▻
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
Ä
Ä
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'
Å
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
ÄÄ
ÃA35*,+(;387AÂ
Å&'&'&'&'&'&'&'Å
=
JcÁ
=
JcÁ
=
JcÁ =
JcÁ
=
JcÁ
Slide 76
Slide 76 text
LM
èŸqp¬¼§¡¿²£
Element
clientHeight clientLeft clientTop clientWidth
offsetHeight offsetLeft offsetTop offsetWidth
scrollHeight scrollLeft scrollTop scrollWidth
innertText outerText getBoundingClientRects
etc...
MouseEvent
layerX layerY offsetX offsetY
Window
scrollBy scrollTo scrollX scrollY
getComputedStyle
Frame, Document & Image
height widh
2,33,.6;9*641
3(?6;:7,8-684(5*,
Slide 77
Slide 77 text
§¸¸sŝt
~gŽŽ
⚠
98D=B9>=+65+,9>=3=
Slide 78
Slide 78 text
;@#3@=GEF;@9
)3D3>>3JB7D8AD?3@57
2
052+<,5:;8,905(52;9:05.
#(8(33(>7,8-684(5*,(5+:/,5,=30*2864,@#(.,
Slide 79
Slide 79 text
GPU
ŻĮs¢
Slide 80
Slide 80 text
^^tĶq074$;F
:DA?;G?¯À¢sŝ
ℹ
Slide 81
Slide 81 text
¤²À·¾n
®¾¢q| ).
❓
Slide 82
Slide 82 text
¯·¾sŃÛ
Slide 83
Slide 83 text
¯·¾sŃÛ
Slide 84
Slide 84 text
ŅĐÕs®¾¢
Slide 85
Slide 85 text
°À¤²À·¾sïä
Slide 86
Slide 86 text
°À¤²À·¾sïä
Slide 87
Slide 87 text
īª»À±_nq¦¦¦w
Slide 88
Slide 88 text
,,@;?3F;A@Et
peijWqÛ[sW
837+=398,+
Slide 89
Slide 89 text
äĎ»µÀĻĎ
+,<,367,89.66.3,*64,<,5:9069,990659
<,36*0:?*65-*64<,36*0:?
7;)30*9*/,+;3,+,:(03
Slide 90
Slide 90 text
äĎ»µÀÂmÛ[
=
p}q?
◅
◅
◅
+,<,367,89.66.3,*64,<,5:9069,990659
<,36*0:?*65-*64<,36*0:?
7;)30*9*/,+;3,+,:(03
Slide 91
Slide 91 text
).q¡´
ŤũalÔĹ
=
ixX±H
tkps
$X®§
%!
$X®§
!
▻ 6 ▻
{on
IM
µ
»
KdaXzY#&vS
WwSHc
Slide 92
Slide 92 text
äĎ»µÀýYŦ|s
ÎnûńqjSl
--3./8=+66+B/;-;/+=398
Slide 93
Slide 93 text
DEMO
Slide 94
Slide 94 text
ĸŠ ßŎi¥¯¯R
#Qt'#lłňZwcMv
Ąŷ "&©¯'#iÖŇ
'#li!
iÚÇ
ßê 97:9<3=/.+B/;e
$=+-538198=/A=iĎÏ
ûń 97:9<3=/.+B/;iĶĨy
·i+B/;su²hô`²Wv
Slide 95
Slide 95 text
DEMO
Slide 96
Slide 96 text
ųŬþìqŮļb¹
⚠
=;+8<6+=/.)q,+-50+-/ ?3<3,363=Bd
¹ñiĶĨy"&hŗVtwvR
,9.BqgfdçØhŌė\ve
ŋłňRŁXuI¥§}ªR
ĜUgv_o¯ Rº³\v
<<318=37/6+B/;:;979=398
Slide 97
Slide 97 text
Compute
#3H3,5D;BF
3D4397A>>75F;A@
&7?ADK%73=
Ĵņ¿¹À
Slide 98
Slide 98 text
vYjkY3@3DK
ōĶgijÙāĚgĮOüe
ăļióĈ®¯ªyěvXe
ĻâĘŕi}¯¯q
ĆİiÐĠRÜxvijYòù
Slide 99
Slide 99 text
À»·¾
#3H3,5D;BFsùŔ
²³¹¹À
⏱
▶
Slide 100
Slide 100 text
À»·¾
#3H3,5D;BFsùŔ
²³¹¹À
⏱
▶
Slide 101
Slide 101 text
#3H3,5D;BF
).)DAż>7D
2
ÁĕiãijhQQa_ýŐ
Slide 102
Slide 102 text
DEMO
Slide 103
Slide 103 text
-;?7>;@7&7?ADK
(4<75FAG@F7DE
2
£¤©qúiõġ
Slide 104
Slide 104 text
DEMO
Slide 105
Slide 105 text
òp§À¾
Řj]fŗįĊ
2
ĊêyċñčUķv
Slide 106
Slide 106 text
s^ZĨ§À¾
iřèRŜ\Tv
38-/:=398 /A:6+38/.
-97
Slide 107
Slide 107 text
À»·¾
#3H3,5D;BFsùŔ
²³¹¹À
⏱
▶
Slide 108
Slide 108 text
À»·¾
nt
i´ĶgËēQt
£¤©ŘØyĺø\vĆĄ
EªisNhäÀi¡y
HıÈdÌœ[cUwv¦
+;,+1/966/-=398
Slide 109
Slide 109 text
XùŔ`
lSŲ
ÇsÔĹtÐĦb
⚠
Slide 110
Slide 110 text
),Xűŗp¬¹mt
èŸqpXh
⚠
Slide 111
Slide 111 text
X ?EsÃsĜÙ
ĕilSila{T
"*5/47
(;387
(/27
?EAH7D
EF3DF
Slide 112
Slide 112 text
)D7>>A53F7{ft
(4<75F)AA>nSTđĮ
);03+5,=.(4,9*64.(8)(.,*633,*:68-80,5+3?*6+,
===/:4386*29*64,5:;:680(3997,,+9:(:0*4,476639
ℹ
Slide 113
Slide 113 text
ĝŵĪ§À¾
¡RÔÌZwgM
,691
8/@;/63-
-97
><381 -2;97/ ./?/69:/; =996< =9 ŝ8. 7/79;B 6/+5<
Slide 114
Slide 114 text
À»·¾
#3H3,5D;BFsùŔ
²³¹¹À
⏱
▶
Slide 115
Slide 115 text
²³¹¹Ànt
ĺøZwgM£¤©ŘØRđmu
íJhĤSŘØRĐvĔľ
E$hPMcjLvĢiıĒĔľ
H¡jßguåguđmvpi
/79;B/+5<
ℹ
Slide 116
Slide 116 text
o^Wqĩila{if
àĵXßê
⚠
Slide 117
Slide 117 text
LM
// Case1. είʔϓͰ݁͢Δ
function foo() {
var bar = new LargeObject();
bar.someCall();
}
// Case2. ࢀর͕Δ
function foo() {
var bar = new LargeObject();
bar.someCall();
return bar;
}
var b = foo(); // ͜͜Ͱείʔϓͷ֎ʹͰΔ
G@5F;A@E
-9.381
<7+<23817+1+C38/
-97
@;3=381 0+<= 7/79;B /Ş-3/8= 4+?+<-;3:=
Slide 118
Slide 118 text
LM
// largeStr a() Λ௨ͯ͠ΞΫηεͰ͖ΔͷͰճऩ͞Εͳ͍
var a = function () {
var largeStr = new Array(1000000).join('x');
return function () {
return largeStr;
};
}();
// largeStr a() ͷதͰࢀর͞Εͳ͘ͳͬͨͷͰճऩ͞ΕΔ
var a = function () {
var smallStr = 'x';
var largeStr = new Array(1000000).join('x');
return function (n) {
return smallStr;
};
}();
>AEGD7E
-9.381
<7+<23817+1+C38/
-97
@;3=381 0+<= 7/79;B /Ş-3/8= 4+?+<-;3:=
Slide 119
Slide 119 text
LM
var myObj = {
callMeMaybe: function () {
var myRef = this;
var val = setTimeout(function () {
console.log('Time is running out!');
myRef.callMeMaybe();
}, 1000);
}
};
// ࣮ߦ͢Δͱ...
myObj.callMeMaybe();
// myObjͱ͍͏໊લͷม͔ΒࢀরΛࣦΘͤͯ
// ࠶ؼλΠϚʔͷதͰࢀর͞Ε͍ͯΔ
myObj = null;
-;?7DE
-9.381
<7+<23817+1+C38/
-97
@;3=381 0+<= 7/79;B /Ş-3/8= 4+?+<-;3:=
Slide 120
Slide 120 text
✓Üú
¯iĵŔgĪnÎM
✓ÅŒďn!i}©¯
✓ŐiîĖËē
✓-98<96/
691gfhsvÂÆ
-9.381
<7+<23817+1+C38/
-97
@;3=381 0+<= 7/79;B /Ş-3/8= 4+?+<-;3:=
/=-
Slide 121
Slide 121 text
+75AD6!73B
>>A53F;A@E
2
¼Ä¯ªyĥÊhYĩ¶
Slide 122
Slide 122 text
=
«ºÀ~aT
»ÀaT¶£\
Slide 123
Slide 123 text
Conclusion
{n~
Slide 124
Slide 124 text
ŊÆafãŗňqjSl
õ{Wqėŧ
Slide 125
Slide 125 text
074§ªÀ°¾âŗň
'7FIAD=
"
A?BGF7
+7@67D
Slide 126
Slide 126 text
'7FIAD=
>ōŎĿqŚIJbxa
>íĠsûńĆÿb
Slide 127
Slide 127 text
+7@67D
>,,sŭŖŹqįĊ
>»¢sľĻįĊ
> ).ÔĹtčűqēT
Slide 128
Slide 128 text
"
A?BGF7
>ĬqabZp[l($
> ÀºÍUuŘlá
>À±nWt¨pèŸ
Slide 129
Slide 129 text
-;?7>;@7tł Àº
ŒQpèŸľŘmY
F
Slide 130
Slide 130 text
+3+867)6>;9,8*65:,5:*64;
:(329+,<:6639
05+,>/:43
=
"
=
$
=
©
=
=
~
Slide 131
Slide 131 text
>074ĔŕsŤļXþX
>ùŔĺðsôĤÜ
>×Ŵn§ªÀ°¾
.
@H
"
Slide 132
Slide 132 text
/;EG3>,FG6;A
qV]
0;@6AIE,FAD7¬¹s¬¼ª¹¾
)36.949+5*64)964(9,.(8(8*/0<,
<09;(3
9:;+06
;7+(:,56=(<(03()3,(97>
=
rj}j
^
"Xly
=
«jz
uX
¹°W
Slide 133
Slide 133 text
074ĔŕmďSŎ]p
b\qáŋ}xYŽ
8
%;B3=
Slide 134
Slide 134 text
*G7EF;A@E
:FFB
3:A ?G
3:A?G
9;F:G4 5A?
3:A?G
⌂
Slide 135
Slide 135 text
/::7===0*28*647/6:69:)09((*9
/::7===0*28*647/6:699:,<,5+,7636
/::7===0*28*647/6:69,7969
/::7===0*28*647/6:6916/550,=(32,8
/::7===0*28*647/6:69(3,92
/::7===0*28*647/6:69
"
/::7===0*28*647/6:693(*/3(5/(8+?
/::7===0*28*647/6:6949<.
/::7===0*28*647/6:69;94099065
/::7===0*28*647/6:691+/(5*6*2
/::7===0*28*647/6:69:/92?:
/::7===0*28*647/6:69/(59,3
"29=9;/.3=