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.4k
Shifterだからできる! ページ遷移のスピードを 神速化 する方法
Daisuke Kawabata
February 06, 2019
Tweet
Share
More Decks by Daisuke Kawabata
See All by Daisuke Kawabata
WordPress管理画面にマグネットコーティングを施して快速にするテクニック
kwbtdisk
0
580
WordCamp Tokyo 2018 Session あなたも明日からできる!グローバルチームを組成して一緒に働くチャレンジ
kwbtdisk
1
110
WordPress海外マーケット(Theme / Pluginの販売事業者)売上・ビジネスモデル徹底解剖 @ WordBench東京 12月勉強会 年末LT忘年会
kwbtdisk
0
240
Other Decks in Programming
See All in Programming
PHP でアセンブリ言語のように書く技術
memory1994
PRO
1
150
破壊せよ!データ破壊駆動で考えるドメインモデリング / data-destroy-driven
minodriven
16
4.1k
Kotlin2でdataクラスの copyメソッドを禁止する/Data class copy function to have the same visibility as constructor
eichisanden
1
140
LLM生成文章の精度評価自動化とプロンプトチューニングの効率化について
layerx
PRO
2
140
Kaigi on Rails 2024 - Rails APIモードのためのシンプルで効果的なCSRF対策 / kaigionrails-2024-csrf
corocn
5
3.4k
Dev ContainersとGitHub Codespacesの素敵な関係
ymd65536
1
130
CPython 인터프리터 구조 파헤치기 - PyCon Korea 24
kennethanceyer
0
250
Outline View in SwiftUI
1024jp
1
200
Hotwire or React? ~Reactの録画機能をHotwireに置き換えて得られた知見~ / hotwire_or_react
harunatsujita
9
4.2k
Synchronizationを支える技術
s_shimotori
1
150
Go言語でターミナルフレンドリーなAIコマンド、afaを作った/fukuokago20_afa
monochromegane
2
140
【Kaigi on Rails 2024】YOUTRUST スポンサーLT
krpk1900
1
260
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
43
Statistics for Hackers
jakevdp
796
220k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Code Reviewing Like a Champion
maltzj
519
39k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.6k
Building Adaptive Systems
keathley
38
2.2k
Learning to Love Humans: Emotional Interface Design
aarron
272
40k
Bash Introduction
62gerente
608
210k
Navigating Team Friction
lara
183
14k
YesSQL, Process and Tooling at Scale
rocio
167
14k
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