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