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
750
writer.appを支える技術
yuhiisk
0
840
これからはじめるシングルページアプリケーション
yuhiisk
0
640
小学校段階からのプログラミング教育ってどうなる
yuhiisk
0
370
SPA実装最前線 ~今どきのJSフレームワーク選び~
yuhiisk
2
4.7k
Other Decks in Programming
See All in Programming
PHPによる"非"構造化プログラミング入門 -本当に熱いスパゲティコードを求めて- #phperkaigi
o0h
PRO
0
1.1k
ミリしらMCP勉強会
watany
4
460
OpenTelemetryを活用したObservability入門 / Introduction to Observability with OpenTelemetry
seike460
PRO
1
350
RCPと宣言型ポリシーについてのお話し
kokitamura
2
150
goにおける コネクションプールの仕組み を軽く掘って見た
aronokuyama
0
140
アーキテクトと美学 / Architecture and Aesthetics
nrslib
12
3.1k
Go1.24 go vetとtestsアナライザ
kuro_kurorrr
2
480
GDG Super.init(version=6) - From Where to Wear : 모바일 개발자가 워치에서 발견한 인사이트
haeti2
0
560
Defying Front-End Inertia: Inertia.js on Rails
skryukov
0
200
英語文法から学ぶ、クリーンな設計の秘訣
newnomad
1
270
MCP世界への招待: AIエンジニアが創る次世代エージェント連携の世界
gunta
2
590
ローコードサービスの進化のためのモノレポ移行
taro28
1
340
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Side Projects
sachag
452
42k
Git: the NoSQL Database
bkeepers
PRO
429
65k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
31
4.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
51
2.4k
GraphQLの誤解/rethinking-graphql
sonatard
70
10k
Visualization
eitanlees
146
16k
Designing Experiences People Love
moore
141
23k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
500
A Tale of Four Properties
chriscoyier
158
23k
Code Reviewing Like a Champion
maltzj
522
39k
It's Worth the Effort
3n
184
28k
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
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ