Resource (pre)loading
layout: true class: center, middle background-image: url(media/mechanism.jpg) --- # On Preloads and Preloaders .center[Yoav Weiss  |  @yoavweiss] .right[] ??? Hi, I'm Yoav Weiss. I work for Akamai on making our CDN as well as browsers faster, and I'm here today to to answer 2 fundemental questions: --- # How do browsers load resources? ??? Something we rarely think a
ï¼å††ã®åºƒåŸŸè² è·åˆ†æ•£ã‚·ã‚¹ãƒ†ãƒ CloudFlareãŒç´ 晴らã—ã„件 | fladdict
fladdictã®éžå…¬å¼ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆï¼ˆã„ã‚ゆるè£dicct）ã«ã€posemaniacs.com ã¨ã„ã†ã‚µãƒ¼ãƒ“スãŒã‚る。 çµµã®ãƒ‡ãƒƒã‚µãƒ³ç´ æã‚’ç„¡æ–™é…ä¿¡ã™ã‚‹ã‚µã‚¤ãƒˆã ã‘ã©ã€ã„ã¤ã®ã¾ã«ã‚„らè€èˆ—サイトã«ã€‚æ°—ãŒã¤ã„ãŸã‚‰1æ—¥ã®è»¢é€é‡ãŒ30〜40GBã¾ã§è†¨ã‚Œä¸ŠãŒã£ã¦ã„ãŸã€‚ã‚ã¾ã‚Šã®è² è·ã«ãƒ›ã‚¹ãƒˆå…ƒã®hetemlã•ã‚“ã§ã‚¢ã‚¯ã‚»ã‚¹è¦åˆ¶ã€ã‚ã‚や閉鎖ã®å±æ©Ÿã®å¤§ãƒ”ンãƒã€‚ã‚ã‚Šã¨æœ¬æ°—ã§ã€Pixivã¨ã‹æ˜Ÿæµ·ç¤¾ã¨ã‹ãƒžãƒ¼ãƒ«ç¤¾ã«ã‚µãƒ¼ãƒ“スè²æ¸¡ã¨ã‹ã—よã†ã‹æ‚©ã‚“ã 今日ã“ã®é ƒã§ã—ãŸã€‚ ãã‚“ãªæŠ˜ã€@ku_suke ã•ã‚“ã®ã”了解ã§å°Žå…¥ã—ã¦ã¿ãŸã€CloudFlareã¨ã„ã†ã‚µãƒ¼ãƒ“スãŒã€å…¨ã¦ã®å±æ©Ÿã‚’æ•‘ã£ã¦ãã‚ŒãŸã€‚マジ多è¬ã§ã™ã€‚ ã©ã†ã„ã†ã‚µãƒ¼ãƒ“ス？ CloudFlareã¯CDNï¼ˆåºƒåŸŸè² è·åˆ†æ•£ã‚·ã‚¹ãƒ†ãƒ ）。世界5カ所ã«ãƒ‡ãƒ¼ã‚¿ã‚»ãƒ³ã‚¿ãƒ¼ã‚’有ã—ã€ãƒ‡ãƒ¼ã‚¿ã‚’ã‚ャッシュã—ã¦å„地ã«é…ä¿¡ã™ã‚‹ã“ã§è² è·åˆ†æ•£ã—ã¦ãれる。ã„ã‚ゆるAkamaiã®åŒé¡žã ã‘ã©ã€ã‚‚ã®ã™ã”ã„特徴ãŒï¼‘ã¤ã‚る。
rcdn.info: çŸç¸®URL + CDN = 効率的ãªæƒ…å ±å…±æœ‰
ã“ã® URL çŸç¸®ã‚µãƒ¼ãƒ“スを使ã†ã¨ï¼Œãƒ–ラウザã‹ã‚‰ã®ãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒ CDN (コンテンツé…ä¿¡ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯) ã¸ã¨è»¢é€ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ãŸã‚，サーãƒã¸ã®ã‚¢ã‚¯ã‚»ã‚¹é›†ä¸ã‚’ç·©å’Œã§ãã¾ã™ï¼Ž Twitter ã§æƒ…å ±ãŒåºƒã¾ã‚Šã™ãŽã¦ã‚µãƒ¼ãƒã«ã‚¢ã‚¯ã‚»ã‚¹ã§ããªããªã£ãŸçµŒé¨“ã‚’ãŠæŒã¡ã®æ–¹ã¯ï¼Œãœã²ä½¿ã£ã¦ã¿ã¦ãã ã•ã„． (ã‚‚ã£ã¨è©³ã—ã) 便利ãªä½¿ã„æ–¹ ã¤ã¶ã‚„ããŸã³ã«URLã‚’çŸç¸®ã—ã«ã‚³ã‚³ã«æ¥ã‚‹ã®ã¯é¢å€’ãªã®ã§ï¼Œä¾¿åˆ©ãªä½¿ã„方を紹介ã—ã¾ã™ (PCユーザã®ã¿)． 夜フクãƒã‚¦ ã‚’ãŠä½¿ã„ã®æ–¹ 環境è¨å®š - 詳細 URL簡略化サービス: カスタムAPIã®URL: http://rcdn.info/api/shorten?longUrl=%@&format=txt フォーマット: テã‚スト TweetDeck for Desktop ã‚’ãŠä½¿ã„ã®æ–¹ Preferences - Services Shorten URLs (上ã‹ã‚‰2番目)：Ot
Google App Engineã‚’CDNã«Â·CirruxCache MOONGIFT
CirruxCacheã¯Python製/Google App Engine用ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。Googleã¯ä¸–ç•Œä¸ã«ã‚µãƒ¼ãƒã‚’æŒã¡ã€ã‚¢ã‚¯ã‚»ã‚¹å…ƒã«ã¨ã£ã¦æœ€ã‚‚高速ã«å¿œç”ã§ãるサーãƒã‚’é¸æŠžã—ã¦ãƒ‡ãƒ¼ã‚¿ã‚’è¿”ã—ã¦ã„る。ãã‚Œã¯Google App Engineã§ã‚ã£ã¦ã‚‚変ã‚らãªã„。 管ç†ç”»é¢ã¯ãªã„ 高速ã«ãƒ‡ãƒ¼ã‚¿ã‚’è¿”ã™ã¨ã„ã†ã“ã¨ã¯ã€ã”ãã”ãシンプルãªCDN（コンテンツ・デリãƒãƒªãƒ¼ãƒ»ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ï¼‰ã¨è¨€ã†ã“ã¨ãŒã§ãã‚‹ã‹ã‚‚知れãªã„。ãã®å¯èƒ½æ€§ã‚’考ãˆé–‹ç™ºã•ã‚Œã¦ã„ã‚‹ã®ãŒCirruxCacheã 。 CirruxCacheã¯Google App Engine上ã«ç«‹ã¦ã€é™çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„（画åƒãªã©ï¼‰ã‚’ã‚ャッシュã•ã›ã‚‹ã“ã¨ã§æ¬¡å›žã‹ã‚‰ã®ã‚¢ã‚¯ã‚»ã‚¹ã‚’高速化ã™ã‚‹ã‚‚ã®ã 。TTLã®è¨å®šã‚‚è¡Œã‚れる。滅多ãªã“ã¨ã§ã¯æ›´æ–°ã•ã‚Œãªã„コンテンツ（画åƒãªã©ï¼‰ã«å¯¾ã—ã¦ç”¨ã„ã‚‹ã®ãŒè‰¯ã„ã ã‚ã†ã€‚ è¨å®šã¯ã‚³ãƒ¼ãƒ‰ã§è¡Œã†ã€‚ ã‚ャッシュå¯èƒ½ãªIPアドレス
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
cdnjs - The #1 free and open source CDN built to make life easier for developers
{{#tags}}- {{label}}
{{/tags}}