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.3k
Shifterだからできる! ページ遷移のスピードを 神速化 する方法
Daisuke Kawabata
February 06, 2019
Tweet
Share
More Decks by Daisuke Kawabata
See All by Daisuke Kawabata
WordPress管理画面にマグネットコーティングを施して快速にするテクニック
kwbtdisk
0
540
WordCamp Tokyo 2018 Session あなたも明日からできる!グローバルチームを組成して一緒に働くチャレンジ
kwbtdisk
1
110
WordPress海外マーケット(Theme / Pluginの販売事業者)売上・ビジネスモデル徹底解剖 @ WordBench東京 12月勉強会 年末LT忘年会
kwbtdisk
0
230
Other Decks in Programming
See All in Programming
今、知っておきたい! 生成AIエージェントの世界
elith
3
340
スクラムガイドのスプリントレトロスペクティブを改めて読みかえしてみた / Re-reading the Sprint Retrospective Section in the Scrum Guide
mackey0225
3
320
PostmanでAPIの動作確認が楽になった話
h455h1
0
110
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
480
Changed Rules: Architectures with Lightweight Stores
manfredsteyer
PRO
0
220
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
39
17k
Git Rebase
bkuhlmann
11
1.6k
Build with AI 2024 Seoul - 제로부터 시작하는 Flutter with Gemini 생활 - 박제창
itsmedreamwalker
0
200
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.6k
大規模Reactアプリのリアーキテクチャ~8万行のTanStack Query移行の軌跡~
kj455
1
280
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
330
VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.
kazumain
0
230
Featured
See All Featured
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
The Cult of Friendly URLs
andyhume
73
5.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Producing Creativity
orderedlist
PRO
336
39k
Debugging Ruby Performance
tmm1
69
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
Designing for Performance
lara
601
67k
Raft: Consensus for Rubyists
vanstee
131
6.2k
Ruby is Unlike a Banana
tanoku
95
10k
Six Lessons from altMBA
skipperchong
19
3k
Scaling GitHub
holman
457
140k
In The Pink: A Labor of Love
frogandcode
137
21k
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