Slide 1
Slide 1 text
Shifter$
#
"
2019/02/06
Shiftup! JP_Getshifter Vol1 LT
STOVE
!
Slide 2
Slide 2 text
Shifter 4
3.
-2
&) (!)
Service Worker"1'*+%
( ,Shifter$0//!
(#!!)
Slide 3
Slide 3 text
>BJWordPressDW S6/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! "
'2 1, /5 *6
&%&
.
70 &Prefetch
$ ! " (Service
Worker)
&70-
Service Worker! "
4
=> 10ms('
Slide 18
Slide 18 text
/5+ # - Prefetch + Service
Worker
)3! "
'2 1, /5 *6
&%&
.
70 &Prefetch
$ ! " (Service
Worker)
&70-
Service Worker! "
4
=> 10ms('
Slide 19
Slide 19 text
/5+ # - Prefetch + Service
Worker
)3! "
'2 1, /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
1PV PHP84*310)
Shifter; ( 76 %"
&21/5)
Shifter
-.
Slide 23
Slide 23 text
IntersectionObservera
IntersectionObserver
Service Worker