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
Critical CSS
Search
Yohei Isokawa
June 12, 2015
Programming
1
13k
Critical CSS
2015/6/12 HTML5minutes - triton-js
Yohei Isokawa
June 12, 2015
Tweet
Share
More Decks by Yohei Isokawa
See All by Yohei Isokawa
今どきのWebアニメーション実装
yuhiisk
0
700
writer.appを支える技術
yuhiisk
0
760
これからはじめるシングルページアプリケーション
yuhiisk
0
570
小学校段階からのプログラミング教育ってどうなる
yuhiisk
0
330
SPA実装最前線 ~今どきのJSフレームワーク選び~
yuhiisk
2
4.6k
Other Decks in Programming
See All in Programming
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
290
2024 컴포즈 정원사
jisungbin
0
150
オートマトン学習しろ / Do automata learning
makenowjust
3
130
Architecture Decision Record (ADR)
nearme_tech
PRO
1
690
Amazon Neptuneで始める初めてのグラフDB ー グラフDBを使う意味を考える ー
satoshi256kbyte
2
260
Kotlin 2.0が与えるAndroid開発の進化
masayukisuda
1
410
REXML改善のその後
naitoh
0
190
あなたのアプリ、ログはでてますか?あるいはログをだしてますか? (Funabashi.dev用 軽量版)
uzulla
2
120
私のEbitengineの第一歩
qt_luigi
0
450
今インフラ技術をイチから学び直すなら
yuhta28
1
140
Rechartsで楽にゴリゴリにカスタマイズする!
10tera
1
170
Using Livebook to build and deploy internal tools @ ElixirConf 2024
hugobarauna
0
250
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
363
22k
Optimising Largest Contentful Paint
csswizardry
31
2.8k
Thoughts on Productivity
jonyablonski
66
4.2k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
36
1.7k
Building an army of robots
kneath
302
42k
Practical Orchestrator
shlominoach
185
10k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
23
1.7k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
25
3.9k
GraphQLとの向き合い方2022年版
quramy
43
13k
Why You Should Never Use an ORM
jnunemaker
PRO
53
8.9k
Transcript
ΫϦςΟΧϧ$44 ໘ന๏ਓΧϠοΫ)5.-ϑΝΠ෦ ޒेɹ༸ฏ ʢ͍͔ͦΘɹΑ͏͍ʣ
ࣗݾհ w ޒेɹ༸ฏʢ͍͔ͦΘΑ͏͍ʣ ໘ന๏ਓΧϠοΫ)5.-ϑΝΠ෦ॴଐ w 5XJUUFSɿ!:VIJJTL w IUUQCMPHZVIJJTLDPN w झຯɿϤʔϤʔɺόεΓ
ΫϦςΟΧϧ$44ͱ
ϑΝʔετϏϡʔͷදࣔΛϒϩοΫ͍ͯ͠Δ +BWB4DSJQU$44Λഉআ͢Δɻ –Google PageSpeed Insights
ϑΝʔετϏϡʔͷදࣔͷ࠷దԽ
ϑΝʔετϏϡʔͷද͕͚ࣔΕɺ ମײ͕͘ײ͡ΒΕΔɻ
࣮ํ
w )5.-͔Β֎෦ελΠϧγʔτΛநग़ɻ w ϑΝʔετϏϡʔͷαΠζΛܾΊͯ$44Λੜɻ ϚϧνσόΠεͷ߹ɺ1$ɾ41ͲͪΒʹ࠷దԽ ͢Δ͔બ͢Δɻ w $44Λ)5.-ʹΠϯϥΠϯԽɻ w ΓͷελΠϧඇಉظͰಡࠐΉɻ
<link rel="stylesheet" href="/css/style.css" media="all">
<style type="text/css"> header,nav{display:block}html{background:#fff;font-family:sans- serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;color:#555}body{margin:0;… </style>
ޮՌ
CFGPSF BGUFS
ඍʑͨΔͷ͕ͩ ֤ࣈվળ͞Εͨɻ
ϝϦοτ w ϖʔδͷಡΈࠐΈͦΕ΄ͲมΘΒͳ͍͕ɺ ϨϯμϦϯάϒϩοΫΛܰݮͰ͖ΔͷͰɺϢʔβ ʹͱͬͯϖʔδදࣔͷମײ͕͘ͳΔɻ w ճઢ͕ࡉ͘ϖʔδ͕ॎʹͳΓ͕ͪͳϨεϙϯ γϒ8FCσβΠϯʢ38%ʣεϚʔτϑΥϯαΠ τʹಛʹ༗༻ɻ
σϝϦοτ w ͦͦΠϯϥΠϯల։͢Δͷͬͯେมɻ w ͏͔ͭʹ$44Λ͍͡Εͳ͘ͳΔɻ ͏πʔϧΛΘͳ͍ͱઈରʹແཧɻ ӡ༻໘ߟྀͨ͠બΛɻ
πʔϧհ w DSJUJDBM w HSVOUDSJUJDBM λεΫϥϯφʔͰखܰʹѻ͑ΔΑ͏ʹͳΓɺ ਓؾ্ঢɻ σϓϩΠ͢Δ࣌ʹҰճ࣮ߦ͢Εྑ͍ɻ w 8FCTFSWJDFɿ$SJUJDBM1BUI$44(FOFSBUPS
ࠓޙͷՄೳੑ w αʔόଆͰΩϟογϡͤͯ͞ॳظ๚࣌ͷΈΫ ϦςΟΧϧ$44Λɻ ճҎ߱ͷ๚࣌ɺΩϟογϡͨ͠ϑϧ$44Λ ಡΈࠐΉɻ
w ࢀߟ IUUQTBEBDUJPDPNKPVSOBM IUUQTHJUIVCDPNBEEZPTNBOJDSJUJDBM IUUQTHJUIVCDPNBEEZPTNBOJDSJUJDBM QBUIDTTEFNP
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ