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
730
writer.appを支える技術
yuhiisk
0
820
これからはじめるシングルページアプリケーション
yuhiisk
0
610
小学校段階からのプログラミング教育ってどうなる
yuhiisk
0
360
SPA実装最前線 ~今どきのJSフレームワーク選び~
yuhiisk
2
4.7k
Other Decks in Programming
See All in Programming
最近のVS Codeで気になるニュース 2025/01
74th
1
250
PicoRubyと暮らす、シェアハウスハック
ryosk7
0
260
盆栽転じて家具となる / Bonsai and Furnitures
aereal
0
3.4k
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
280
AWSマネコンに複数のアカウントで入れるようになりました
yuhta28
2
160
Linux && Docker 研修/Linux && Docker training
forrep
23
4.3k
Amazon Nova Reelの可能性
hideg
0
280
TokyoR116_BeginnersSession1_環境構築
kotatyamtema
0
100
Conform を推す - Advocating for Conform
mizoguchicoji
3
520
iOSエンジニアから始める visionOS アプリ開発
nao_randd
3
110
SpringBoot3.4の構造化ログ #kanjava
irof
2
880
個人アプリを2年ぶりにアプデしたから褒めて / I just updated my personal app, praise me!
lovee
0
320
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
113
50k
Optimizing for Happiness
mojombo
376
70k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
620
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Embracing the Ebb and Flow
colly
84
4.6k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Building Applications with DynamoDB
mza
93
6.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Building an army of robots
kneath
302
45k
How STYLIGHT went responsive
nonsquared
98
5.3k
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
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ