Slide 1
Slide 1 text
Shifter$
#
"
2019/02/06
Shiftup! JP_Getshifter Vol1 LT
STOVE
!
Slide 2
Slide 2 text
Shifter4
3.
-2
&) (!)
Service Worker"1'*+%
(,Shifter$0//!
(#!!)
Slide 3
Slide 3 text
>BJWordPressDWS6/R<'. "&,
ReadyShip ?V/ https://readyship.co/ja/
+.%+&)-:M4
&* "
$.(!
9IU7T / 1987@L05
K / FA3O STOVE 2Q / =C SI P
;G (3@) → $+.*--#( 1.5@) → H18
4EN
X
Slide 4
Slide 4 text
AFNWordPressH[W9/V?(/!#'-
ReadyShip BZ0 https://readyship.co/ja/
, /&,'*.=Q7
'+!#
%/)"
K (3D) → %,/+..$( 1.5D) → L2;
4IR
\
Ready-Made WordPress
6YC
(3D-)
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
WordPress
5
Slide 8
Slide 8 text
No content
Slide 9
Slide 9 text
No content
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
dev.to
""
Slide 12
Slide 12 text
Shifter + Prefetch + Service
Worker (!)
Shifter
=
EC
Slide 13
Slide 13 text
: CloudFront
)
CloudFront"#
".+" &,
!%(HTML)$%*-40 - 60ms
(('
30ms)
Slide 14
Slide 14 text
CloudFront
Slide 15
Slide 15 text
CloudFront
Slide 16
Slide 16 text
CloudFront
Slide 17
Slide 17 text
/5+# - Prefetch + Service
Worker
)3!"
'21,/5*6
&%&
.
70 &Prefetch
$!" (Service
Worker)
&70-
Service Worker!"
4
=> 10ms('
Slide 18
Slide 18 text
/5+# - Prefetch + Service
Worker
)3!"
'21,/5*6
&%&
.
70 &Prefetch
$!" (Service
Worker)
&70-
Service Worker!"
4
=> 10ms('
Slide 19
Slide 19 text
/5+# - Prefetch + Service
Worker
)3!"
'21,/5*6
&%&
.
70 &Prefetch
$!" (Service
Worker)
&70-
Service Worker!"
4
=> 10ms('
8ms!!
Slide 20
Slide 20 text
&)!'$"(
>
Service Worker-
50/2+3
,4'$"(9* #%
:0/
Prefetch* #%&)!'$"(
0/16=;.<
87
Slide 21
Slide 21 text
Shifter'-4
1"
&%
Prefetch(!20,
1PV
PHP0,$+10#
Shifter3 (/.
*)'-)
Slide 22
Slide 22 text
Shifter/5<
!#"9(,+
Prefetch0'$:84
1PVPHP84*310)
Shifter; ( 76%"
&21/5)
Shifter
-.
Slide 23
Slide 23 text
IntersectionObservera
IntersectionObserver
Service Worker