Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Shifterだからできる!ページ遷移のスピードを神速化する方法
Search
Daisuke Kawabata
February 06, 2019
Programming
0
1.5k
Shifterだからできる! ページ遷移のスピードを 神速化 する方法
Daisuke Kawabata
February 06, 2019
Tweet
Share
More Decks by Daisuke Kawabata
See All by Daisuke Kawabata
WordPress管理画面にマグネットコーティングを施して快速にするテクニック
kwbtdisk
0
600
WordCamp Tokyo 2018 Session あなたも明日からできる!グローバルチームを組成して一緒に働くチャレンジ
kwbtdisk
1
160
WordPress海外マーケット(Theme / Pluginの販売事業者)売上・ビジネスモデル徹底解剖 @ WordBench東京 12月勉強会 年末LT忘年会
kwbtdisk
0
250
Other Decks in Programming
See All in Programming
The state patternの実践 個人開発で培ったpractice集
miyanokomiya
0
150
decksh - a little language for decks
ajstarks
4
21k
AI OCR API on Lambdaを Datadogで可視化してみた
nealle
0
180
ゲームの物理
fadis
5
1.5k
自作OSでDOOMを動かしてみた
zakki0925224
1
1.4k
Nuances on Kubernetes - RubyConf Taiwan 2025
envek
0
200
CSC305 Summer Lecture 12
javiergs
PRO
0
130
AIでLINEスタンプを作ってみた
eycjur
1
200
Kiroの仕様駆動開発から見えてきたAIコーディングとの正しい付き合い方
clshinji
1
160
物語を動かす行動"量" #エンジニアニメ
konifar
14
5.5k
A Gopher's Guide to Vibe Coding
danicat
0
170
DockerからECSへ 〜 AWSの海に出る前に知っておきたいこと 〜
ota1022
5
1.8k
Featured
See All Featured
Scaling GitHub
holman
462
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Balancing Empowerment & Direction
lara
2
590
Designing for humans not robots
tammielis
253
25k
[RailsConf 2023] Rails as a piece of cake
palkan
56
5.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Designing for Performance
lara
610
69k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Transcript
Shifter$ # " 2019/02/06 Shiftup! JP_Getshifter
Vol1 LT STOVE !
Shifter 4 3. -2 &) (!) Service Worker"1'*+%
(,Shifter$0//! (#!!)
>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
AFNWordPressH[ W9/V? (/!#'- ReadyShip BZ0 https://readyship.co/ja/ ,
/&,'*.=Q7 '+!# %/)" <MY:X / 1987DP18 O / JE5S STOVE 4U / @G SI T >K (3D) → %,/+..$( 1.5D) → L2; 4IR \ Ready-Made WordPress 6YC (3D- )
None
None
WordPress 5
None
None
None
dev.to ""
Shifter + Prefetch + Service Worker (!) Shifter
= EC
: CloudFront ) CloudFront"# ".+"
&, !%(HTML)$%*-40 - 60ms ((' 30ms)
CloudFront
CloudFront
CloudFront
/5+# - Prefetch + Service Worker )3!" '2 1, /5
*6 &%& . 70 &Prefetch $!" (Service Worker) &70- Service Worker!" 4 => 10ms('
/5+# - Prefetch + Service Worker )3!" '2 1, /5
*6 &%& . 70 &Prefetch $!" (Service Worker) &70- Service Worker!" 4 => 10ms('
/5+# - Prefetch + Service Worker )3!" '2 1, /5
*6 &%& . 70 &Prefetch $!" (Service Worker) &70- Service Worker!" 4 => 10ms(' 8ms!!
&)!'$"( > Service Worker- 50/2+3 ,4'$"(9* #%
:0/ Prefetch* #%&)!'$"( 0/16=;.< 87
Shifter'-4 1" &% Prefetch( ! 20,
1PV PHP0,$+ 10# Shifter3 (/. *)'-)
Shifter/5< !#"9(,+ Prefetch0'$:84 1PV PHP84*310)
Shifter; ( 76 %" &21/5) Shifter -.
IntersectionObservera IntersectionObserver Service Worker