αααα»αααααααααα»ααααΆαααααΆαα
α»ααααααααα αααα·ααΆααΆααααα
αααΎαα‘αΎααααααΆααααΆααααααΎαααααα·αααααΆααααααααααααααΆααα»ααααααααΌαα±ααΆααααααΆααααΆααααα ααααααααα½αα―α α¬ααααΌααααΈααααΆαααΆααΈααΈααΈα Akamai α’αα»ααααΆαα±ααα’αααααααα
ααααα·αααΎα’αααααΉαααΆααααΆααααααΆααΈααΈααΈαααααααΎαααα»αααααααααααα’ααααα·αααααΆααααααΌαααΉαααΆαααα α αΎαααααΎαααΆαααααΆααααααααααΆααΆααααααα
α’αα·αα·ααα’αΆα
ααααΌαααΆααααααα’ αααα’ααααααα ααααΆαααα»ααα·αα’αααΈααΆααααααααααΆααααΌααααΈα ααΆαα½αααΉααα·ααΈααΆαααααααα α’αααα’αΆα
ααΆαααααΆαααΆαααααααΆαααααα·ααα
αα·αα’αααααααΎααααΆααααααα’αααααΆααααΆαααα’ α αΎαααα½αααΆαααΆαααααααααααααααααααααααααααΎααααΆαααααααΆαααααααα½ααααα
ααΎαααααα’αα·αα·ααα ααΎαααΈαααααα αααα’αα»ααααΆαα±ααα’αααααΆαααΆαα’αααααααΎααααΆααααΈαααα αΆααααααααΆαααααΈ "ααΆαα" ααααααΆααααααΆααΈααΈααΈ α¬ααΆαααα
α»αααααααΎαααΆαααααααΆα
ααα’α ααααΎαααΆααααααΎαα‘αΎα
ααΆααααα ααααααααα½αα―αααΌαααααΆαααααα’ααααααααααΎα’αααααααΎαα‘αΎαααΌαααΆαα’αα»ααααααΆαααααααΆαααααααα αααααα·ααΈαα»ααααα·αα αΆαααΆα αα αΌαααααΎ DNS ααααααααα ααΆαα·αα αΆαααΆα ααααααΎαααΆααααααΆαα TCP αα·αα’αα»ααααααΆαα αΆαααα TLS αα ααΎαααααΆααΈααΈααΈα α’αααα’αΆα ααΎαααΎαααΈαααααααααΆααααα ααααααααα½αα―αααΌαααααΆαααααα’αααααααααααΆαααααααααΎαααΆαααααααααααααα½αααααΈαααΆααααααα
ααααΆαααΆααΈααΈααΈααααΌαααΆαααΆαααααΈαααααααΆααααα
(ααααΈ
ααααΆαααΆααΈααΈααΈααααΌαααΆααααααΆαα»ααα
ααααααααααααΆαα½ααααααΆααααα αααααααααα
ααα (ααααΈ
ααααΆαααΆααααααααΎαα‘αΎαααααααααααΆααα·ααααααΆαααααα·ααΈαα»αααααΉαααααΎαααααααΆααααα»αααΆα multiplex αα·ααααααα’αΆαα·ααΆααα·ααααααααΈααΆααααααΆαα HTTP/2 αααααααΌαααΆααααααΎαα‘αΎααα½α α αΎαααΆαα½ααααααα
ααααα·αααΎα’ααααα·αααααΎααΆααα
αΆααααααααααΆαααΆααΈααΈααΈαα ααααααααΆααα½αααΆααΉαααααΌαααΆααααα»αααΈαααααααα»αααΈαααααααααΆαα αα½ααααα·αα’αΆα
αααααα’αΆαα·ααΆαααΆαααα αααααΉαααααΎα±αααα½αααααααα½αααααααααααΆαααααΆααααααα·ααααααΌαααααα’αα·αα·ααα αααα’αΆα
αααααΆαα±ααααΆααααααααΆαααα»ααααααΆααααΆαα·ααΆαααααΆαααΆααααααΆαααααα»αααΆααααααΎααααααααααααααΆαα’αααΈαααα’αΆα
αααααα
ααΆααααα»αααΆααααααααααα’αααααΎαα
ααΆα’αΆα
ααααΌαααΆαααααααααΆααΆαααααΎααααΆαααα»ααααααααα
αααα»ααααααααΆαααα
ααααΆαααΆααααα
preconnect
ααΉααα½ααααααααΆααααα αΆα αααααΆαααΆαααΆααααα ααααα·αααΎααΆααααααααΆααααΆαααααα
αααΎαααααα
ααΆαααααααααααααααΆ ααΆαα·αααΆα’αΆα
αααα»αααΎααααααααααααααΆαααααΆαααααααα
αααααααααΆαααααα»αα
ααααα·αααΎα’αααααααΎααΆααα αΆααααααααααΆαααΆααΈααΈααΈααααααα½αα―α α’αααα’αΆα αααααααααααΆααΎααααΆαααΆαααααααααΌαααΆαααααααα α±ααα’αα·αα·αααααΆαααΌα ααααα α αααβααΊβααΎαβαααα»αβαα·ααΆαβα’αααΈβααΏαβααΆαβαααααα
- α’αααβα’αΆα βααααΆααβααΆβαααα½αβαααααααΆαβαααα αΆααβαα·ααααααβαααβαααααα·ααβαααα»αβααΉαβαααααα·ααΈαα»αααβααΆαβα’ααΈαααΊαα·αβααΈαα½ααβααααΌαβααΆαβααααΎ (Brotli/gzip)α
- α’αααα’αΆα αααααΎααααααααΆααααΆαααααααΆαααααααΆααααααΆααααααΆααααααΆαα·αααΌααα ααΌααααΈααα’ααααααααααααΆαααααααΈαααα»α (α§ααΆα ααα ααααααααααααΌαααααΆαααααΆααααααΆα GA ααααΌαααΆααααααααααΉα 30 ααΆααΈ)α
α’ααααααααΆααα’αΆα αααααΈα TTL αααααΆααααααΆαααΎααααΈαα·ααΆααααα»ααα½αααααΆαααααααα αΌαααααΉαααΆααααααΆααααααααα αααα»ααα»αααααΆααααααααααααααααααΆαααααααΆααααααα’ααα (αααααΆ URL ααααα αα )α ααΎαααΉααα·ααΆαα’αααΈααΏααααααΆααααααα
β ααΆαααΆαααΆααααααΆααααΉαααΆαααααΆααα αααα»αααααα·ααααα·ααΆαααααααΆααααααΆααΈααΈααΈ α¬ααΆααα·ααααααα½αααα
αα·αααααΆααα½αα±ααα αΆααα’αΆαααααααα½ααααααααααΆαααΆααΈααΈααΈααααααα ααααααααα½αα―αααΊααΆααΆα’αα»ααααΆαα±ααα’αααααΆαααααααα αΆαα·ααααααααΆααααααΉαααΆαααΆα αααααααΆααααααΆααΈααΈααΈα α αΌααααααααΆαααααααααΆαααΆααααα A/B ααΆααΈααΈααΈαααα’ααααααα»αααααΎααααΌαααΆαα’αα»ααααααΆααααααΈααααααααΆααααααααα»ααα αααα»ααααααααααΆααααααααα ααααααΈαααααααα»αααΊαα ααααα·αααΎααααααΈααααααααΌαααααΆαα·αα’αΆα αααα»αααΆααα αααααααΉααααα ααααα·αααΎααΆα αααΆααααααΌααααα»αααΆααααα»α αααααααΉααααα αΆααααααΆαααΆααααααΆααααααΌαα α¬α§αααΆααΆααααααααααΎαααααΆααααααααΆαααΆαααααΈααααΆα CDN ααΆααΈααΈααΈα α αΌαααΎααααααααΆααααΆαααααα½ααααααααΉαααΆααααΆααα α¬ααααΌαααΆαααΆααΆαααα αααα»αααααααααΆααααΆαααα½αα ααααΆαααΆαααααααααΉαααΆαα±ααααΆαααΆααααααααΎαααααα·ααααΆααααα αααααα
ααΎααααΈααααααααααΈαααααααααα αααααααααα’αααααααΎαααΆα αα
ααααααααααΆααααααΆααααα
αα½αα
ααα½ααα·αα’αΆα
ααααΎααΆα α’αααα’αΆα
ααααΎααααα SPOF αα
ααΎ
ααααα SPOF αα
ααΎ webpagetest.org
βα α»ααααΆαααΆα αααααααα αΆααΆαα½αααΉαααΆααααααΆαα»ααααααΆαααα αααα»ααααααα·ααΈαα»ααα? (ααΆαααααΆαα ααΆααΆααααααΆ)
α’ααααααα ααααΆαα·αααΆααΆαααααΎααααΆαα CDNs ααΆααΆαααααΉαααΆααα ααααααΎαααΆαααααΆαααΆαααααααααΎαα‘αΎααααααααααααααααα· α αΆααααΆααααΈααααΆααααααΆαααααααΆααααααΆααααααΆααα»αααΆααααααααααΉαααααΌα α αΎαααααΌαααΆαα ααα αΆααα αα»ααα·ααα·αααααα ααα»ααααααΆααα·αα’αααΈααααααααΆαααΊαααα»αααααΆαααααα·α α
α
αΌααα·ααΆαααΆααΎαααΆαααα αααααααααααααααΆααΆα
αααΎαα website1.com, website2.com, website3.com α ααα αααααααΆααα’αααααααααΎαααααΆααα jQuery α ααΎαααααΆααααΆαα
αα½ααααααααααΎ CDN α§ααΆα ααα - googleapis.com α α’αααα’αΆα
ααααΉαααΆαααααα·ααΈαα»αααααΉαααΆααα αα·ααααααΆαα»ααααααΆααααααα α αΎααααααΆααααααααΎααΆαα
ααΎααα αααααααΆααααΈα αααα’αΆα
ααΆαααααααααΆααααα»ααα
ααΎαααααΆαα αααα ααααΆαααααΉαα’αα»ααααΆαα±ααα’ααααααααααααΆαααα
ααααααααΆαα½α αα·ααα½ααααααα’ααααΎαααΆαααααΆαα ααΆαααααααααΆααααααα α’αααΈαααΎααα
αα»αααααΆα α§ααΆα ααα Safari ααΆααα»αααΆαα α
ααΆ
ααΆααα·ααααΆα
αΆαα
ααΆαααααα ααααα·αααΎα’ααααααα ααααααΉαααΆαααααα’ααααααα αααα’αααααΉααα·ααααααααΆαααααα αΆααααΎαααΆαααΆαα½αααααααααΆαααααΈααΆααααααΆαα»ααααα»ααααααα·ααΈαα»αααααΆαα’ααΈαααΊαα·αααα
α₯α‘αΌαααα ααΎαααΆαααααααααααα ααα»α ααααΆααααααΆααααα ααααααααα½αα―αααααααΆααΈααΈααΈ ααΌααα·ααΆαα’αααΈααααααααΆααααΈααΆαα’αα»ααααααααα’αααα·ααΈααΆααααααααααΈαα·ααΈα’αΆααααααα½αα
α’αΆαααααα α’αΆαααααααα·ααα αααα»αααααααΆααααα’α·α
ααΆαααααΆααααΈααααΆαααΆααΈααΈααΈαα αααααααΆαααααα½αααααα’ααααα·αα’αΆα ααααΎααΆααααααααααααααααα·ααααα·αααααΆααααΆααααΆαααΆαααααααααΌαααΆααα»ααααα»αααααΆαααααααΆααααααΉαααααΌαα
αααα αΆα
αααααα½ααα
ααΈαααααΊαααααααΆααααΆαααααααΆααα α§ααΆα ααα ααααααΆαα’αααΈααααααααΌαααΆααα½ααααα
αΌααα
αααα»ααααααααααααΈαααΆααΈααΈααΈααΌα
αααα jquery-3.4.1.js
. α―αααΆαααααααααΉααα·αααααΆααααααΌααα
αααα’ααΆαααα α αΎαααΆαααααααααααΉααα·ααααααααα αΆααΆαα½αααΆαα½αααααΆαααααααΆααααααααΆα‘αΎαα
ααα»ααααααααα·αααΎαααααααΆααααααααα½αα ααα½ααα·αααααΌαααΆαααααΎαα αααααααΎααΆαααΆαα½αα―αααΆα ααααααΈααααα»αααααΆαααααααΆαα ααΆαα·ααΆαααααααΆααααααΌαααααααααααααααα―αααΆααα αααα·αααααΆααααααΌα α’αΆα ααΉαα α½αααααα αααα’αΆα ααΆαααα αΆααααααααα αααααα§ααΆα αααααΆαα·αα’αα»ααααΆαα±αααααααααααααα»ααααα·ααΆαααααααααααααα·αα αααα»αααααααΈααααα’αα·αα·ααααααΌαααΆαααα½αα±ααααΆαααΏαααΆααααα’αΆα ααααΎαα ααΆαα α’αααα’αα·ααααααααΉαααααΌααα·αααααααΉααααααααΎααααΈααααΎαα αα α»ααααααααΆαααααααΈααααααααα αααα»αααααΆαααααααΆααα ααΎαααΈααα ααΆα’αΆα αααααΆαα±αααααααα·ααΈαααΆααα αααααΆαααΌααααααααΎααΎαααΆαααΈααααααααΈααααΆαααααααΆαααα»αααΈααααα α»ααααααααααΌααααααααααααΆαααΈαααααααααααααααΌαααΆααα ααΆα‘αΎαα
αα·αα αΎα ααααα·αααΎααΎααα·ααΆαα’αααΈαααααΆαααααααααΌαααΆαα’αΆαααααααΉαααΆαα (α’ααααααααααααααααΆα αααααααααΆααααααΆααααΆαααααΎααααα A/B) αααααΆααααααΆαα»ααα½αααΆαααααααΎα§ααααα CDN ααΊααΆαα·α αα ααΆααααα’αΆα αααααααΆαααΆα ααα»αααααααα»αααααΆαααΆαα ααααΆααααααΌα ααΆ Commanders Act αααααΆαααααααααΆααααααααααααααΆα ααααΎ webhooks αα αααααααα»αααααααααααΈα ααααααααα±ααα’αααααΌααααααααΆααααα»αααΆααααααααΆααααα’αΆαααααΆαααααααΆαααα ααΎ CDN α¬αααααΎαααΆαααααα ααα αααααααΆααααα»αααΆαααααα hash α¬ααΆαααααΎαα αα α»ααααααααΆα URL α
β ααΆαααααααααααΆαααααααααααα’αα·αα·αα
ααΎαααΈαααααα αα
αααααΎααα·ααΆαα’αααΈααααΆαααααααΆαα ααΎαααααΌααα·αααΌαααΈααΆααα·ααααααΆααΆααααααααααΆαααααααΆαααααααΆαααααΎαα
ααΎ CDN αααα ααααΆαα·ααααααααααααΆααααααΆαααΆααΈααΈααΈαα½αα
ααα½αα ααΆα§ααΆα ααα ααααΆαααααααα’αΆα
ααααΎααααΆαααα
αα
αααα·ααααΆ sniffing (adaptive serving) ααααΆααααΆαα’αααααααΎααααΆαα ααΎααααΈαααααΎαααααα·ααΈαα»αααααΆαα’ααΈαααΊαα·αααΆααααΆααααΆαα½αααΉαααααααααΆαα·ααΆαααααΆαααααΎα±αααααααΎαα‘αΎαααΆαα·ααααααααΆαααααααα·ααΈαα»αααααΆαααααα αα
αα
αααα·ααααΆααΆαααααααΉαααα’ααααΎααααααααααααΆ α¬ααΌαααααΆααα·ααααααααααααααΆαααααααΆ HTTP ααΎααααΈααααααααααΈαααααααΆααααααααααα·ααΈαα»αααααΆαα’ααΈαααΊαα·αα User-Agent
. αα
αααααααα½αααααΉαααΆαααααα·ααΈαα»αααααΆαα½αααααα½ααααααα»ααααααααΆα αα½αααααΆααααααα±ααααΆααΌααααααΆαααααααααΌαααΆααα
ααΆα‘αΎααααααΆααααΆα
αα
ααΈαααα’αααα’αΆα
α
αα
αΆαααααΆααααααΈαα ααΈαα½αααΊ googlefonts.com α ααΈααΈαααΊ polyfill.io α ααααΆαααα Google Fonts ααααααααααΆααααααΆαααΆααααΆαα ααΌα CSS αααααα α’αΆαααααααΎαααααααΆααααααααααα·ααΈαα»αααααΆαα’ααΈαααΊαα·α (ααααααααααααΆαααα
ααααΆα woff2 αααααααΎ unicode-range
).
αααβααΆβααααααβααβαααα½α Google Fonts ααΈαβαααβααΆαβααααΎβα‘αΎαβααΈβαααααα·ααΈβαα»αααβαααααβααααΆα
αααααααααα½α Google Fonts ααΈ Chrome
αααααααααααα½α Google Fonts ααααΌαααΆαααααα·ααααα·ααΈ IE10
Polyfill.io αααααα±αααααααα·ααΈαα»ααααα polyfill αααααΆααααΌαααΆαααα»αααααα αααααααΌαααΆαααααΎαααααΆααα ααα»ααααααΆαα’αα»ααααα
ααΆα§ααΆα ααα ααΌααααα‘ααααΎαααΆααΎααΆαα’αααΈααΎαα‘αΎα ααααα·αααΎα’αααααααΎαααΆαααααΎααΆααααααααΈαααααα·ααΈαα»αααααααααα
ααΎααααΈααααΎααααα ααΉαααααΎαααααΆαααααα·ααααα·ααΈ IE10 αα·αααααα 34 KB ααΉαααααΌαααΆαααα½αα α αΎαα ααααΎαα ααααααΆ ααααα·ααααα·ααΈ Chrome ααΉααααα
ααΉαα ααΆααα·α αΆαααΆα’αααΈα―αααααΆααα½αα ααα½α
α ααα»α βαααβαααα·αβαααα»αβααααΆααβα α»αβααααα ααα»ααααβαα·αβααααΆααβαα·α βααα α ααα»α αααααΊααΆααΆααααα ααααααααα½αα―αααααααΆαααΆααΈααΈααΈαα ααΎαααα αααααααααααα α¬αα ααΎαααααααααααΆα’αΆα ααααΎα±αααααααΆαααααααΆαα―αααααααα’αααααααΎααααΆαα αα·αααα₯αααα·ααα’αα·αααααΆαααααααααααααααΆαα ααααα
ααααα·αααΎαααααααα CDN ααααα’ααααα·αααααΌαααΆααααααααααΉαααααΌααα α’αααα’αΆα
ααΉααααα
ααααΆαααααΎααΌααΈαααααααααααα’ααααα
ααΆααααααΆααααααΆααΈααΈααΈα ααααα·αααΎααΆαααααααααΉαααααΌααα·αααααΌαααΆααααα
ααα
ααααα·α CDN αααααΌααΈααααααααα’ααα αααααΆααααααΆαα·αα’αΆα
ααααΎαααα»α JavaScript (ααΆαα½α httponly
) α’αΆα
ααααΌαααΆααααααΌααα
ααα
αΆαααααααααααα
αααααΊααΆα’αααΈαααα’αΆα ααΎαα‘αΎαααΆαα½αα’αααααΆαααΆαααΌα ααΆ Eulerian α¬ Criteoα αααααα·ααΈααΆαααΆαααΆααΈααΈααΈα’αΆα αααααα’ααααααααΆααααα½αααααα αααα»αααΌααΈα ααααα·αααΎαα½αααααΆααααααα½ααααααααΆααααα ααααα αα½αααα’αΆα α’αΆαα§ααααααααααα’ααααααααΆαααΆαααΆαααααα α α·ααααααααα½ααα αααααααααα’αααααααΎααααΆαααααα»αααααΎααΆαααΆαα½αααααΆαααα αααααααααααααααΆα
ααααααααααα αααααα·ααΈαα»αααααΆαα’ααΈαααΊαα·αααΆαα
αααΎααα½ααααα
αΌαααΆαααΆαααΆααααααΆααααΉαααααααααα₯αα·ααΆαααααααα·ααΈααΆαααΆααααα ααΆαααααα α’αααααΆαααΆαα₯α‘αΌααααααααΎααααΆαααα
αα
αααα·ααααΆ
αααααΈααΆααΆαα·αααααΌαααΆαααααΆαα±ααααααΎααΌααΈααα ααααααααααΆααααααΆαααααααααΆααα’αα (α§ααΆα ααα - *.website.com) ααα αααααααΆα αααΎαααααΎααΌα αααα αααα»αααααΈααα ααΌααΈααααααααααΌαααΆαααααΎαααααααααααααααα·αα ααΆαααααααα·ααΈααΆαααΆαααΆααΈααΈααΈαααααααααααα½αα ααΆαααααα ααΎααα·αα’αΆα αα·ααΆαα’αααΈα―αααααΆαααΆαα½αααΆααααααα
ααΌα
ααααΆαααααααα ααΏααααααααααΎαα‘αΎαααΆαα½αααααααΆ HTTP
αααααα
ααααα·αααΎα’αααααΆαααααααα’αα»ααααααΆααααα ααααααααα½αα―αααααααΆαααΆααΈααΈααΈαααα»ααααααΆαααααα αααα»αααΌααααααααααΌααααΆααα½αα ααα½ααααα’αααα
- ααααΎααΆααα αΆαααααααααααΆααα JS αα»αααα’αααα αα·αα―αααΆα CSS ααααΆαααααα»αααααα’αααα ααΆααΉαααΆαααααααα αΆαα·αααααααΆααααΆαααααααα ααααα α¬ααΆαααα α»αααααΆαα’αα»αααα αααααΆαααααΆαααααααΆααα ααααααα αααααααααα·αα’αΆα ααααΎααΆα αααααΆαααα α»αααααααΆααααααΆααΈααΈααΈα
- αα»ααααα’ααααααααΆαα»αααααΆαααΆααΈααΈααΈαα ααΎ CDN ααααΌαααααΆααααΆαααααααααααααα½αα ααα½αααααΌαααΆαααααΎαα αααααΆαααααααα―αααΆααααααα½ααα α¬α’αααα’αΆα αααααααααααααααΈαα·αααααααΆαααΆαααααααααααααα‘αΎααα·αααΌαααααΆαααααααΆαα CDN ααααα α¬αααααααααααααααα·αα αααααααα»αααααααααααΈαα ααααααΈαα
- ααΌαααααααααα
αααα CDN αααΆαααΈαααααααΌααααΈ αα·αααΆααααααααααΆαααααααΆααααααα’αααα ααΆααΉαα’αα»ααααΆαα±ααα’αααααΆαααΆααααααα α¬ααααααΆααααα’αααααΈααΆαααααΎααΌααΈ
Client-Hints
ααααΆααααααΆααΈααΈααΈα
α’αααα’αΆαααΆααΈαααα‘αΆαα! ααΎα’αααααααΎααΆααα αΆαααααααααααΆααααααα’αααααααα ααΎαααΆαααΈαααααααα’ααααααααΆαααΆααααααΆααααααΆααααΆαααααααΆααααααα·ααααα·ααΆαααααααααααααα’ααααα?
ααααα: www.habr.com