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
オホーツクでコミュニティを立ち上げた理由―地方出身プログラマの挑戦 / TechRAMEN 2025 Conference
lemonade_37
1
430
Bedrock AgentCore ObservabilityによるAIエージェントの運用
licux
8
560
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
220
GitHub Copilotの全体像と活用のヒント AI駆動開発の最初の一歩
74th
5
1.3k
書き捨てではなく継続開発可能なコードをAIコーディングエージェントで書くために意識していること
shuyakinjo
0
180
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
120
Claude Code で Astro blog を Pages から Workers へ移行してみた
codehex
0
170
実践 Dev Containers × Claude Code
touyu
1
110
[Codecon - 2025] Como não odiar seus testes
camilacampos
0
100
MCP連携で加速するAI駆動開発/mcp integration accelerates ai-driven-development
bpstudy
0
250
Dart 参戦!!静的型付き言語界の隠れた実力者
kno3a87
0
160
AI Ramen Fight
yusukebe
0
120
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.4k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Thoughts on Productivity
jonyablonski
69
4.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Navigating Team Friction
lara
188
15k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
182
54k
A Modern Web Designer's Workflow
chriscoyier
695
190k
4 Signs Your Business is Dying
shpigford
184
22k
How STYLIGHT went responsive
nonsquared
100
5.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
Art, The Web, and Tiny UX
lynnandtonic
301
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