Headless Commerce with SalesforceMeet Agentforce 360Bring people, apps, data, and AI agents together on one platform to increase productivity, improve operations, and build stronger customer relationships. See all products
HTTPリクエストを減らã™ãŸã‚ã«ã€DataURI編】é…延ãƒãƒ¼ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ–ãƒãƒƒã‚¯ã‚’å›žé¿ - MOL
ã“ã®ã‚·ãƒªãƒ¼ã‚ºã¯HTTPリクエストã®ç†è§£ã‚’通ã˜ã¦Webパフォーマンスã®é‡è¦æ€§ã«ã¤ã„ã¦è€ƒãˆã‚‹5ç« æ§‹æˆã«ãªã£ã¦ã„る。 ã€åºç« 】HTTPリクエストã¯ç”˜ãˆ ã€CSS Sprite編】スプライト地ç„ã‹ã‚‰ã®è§£æ”¾ ã€WebFont編】ドラッグ＆ドãƒãƒƒãƒ—ã—ã¦ã‚³ãƒžãƒ³ãƒ‰å©ã„ã¦ã‚¦ã‚§ãƒ¼ã‚¤ ã€DataURI編】é…延ãƒãƒ¼ãƒ‰ã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ–ãƒãƒƒã‚¯ã‚’å›žé¿ ã€çµ‚ç« ã€‘æˆ‘ã€…ã«ã¯1000msã®çŒ¶äºˆã—ã‹æ®‹ã•ã‚Œã¦ã„ãªã„ 4日目ã¯ã€æœ¬ãƒ–ãƒã‚°ã§ã‚‚何回ã‹è©±é¡Œã«ã—ã¦ã„るインライン画åƒã«ã¤ã„ã¦ã§ã™ã€‚ データURIスã‚ームCSS Spriteç”»åƒã¯DataURIç”»åƒã«ã™ã¹ãã‹ï¼Ÿ Data URIç”»åƒã®ãƒ†ã‚¹ãƒˆçµæžœã«ã¤ã„㦠以å‰ã®è¨˜äº‹ã§ç§ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«è¿°ã¹ã¾ã—ãŸãŒã€ã“ã‚Œã¯ã„やらã—ã„表ç¾ã 。 DataURIã®ç”»åƒã¯ã€é€šå¸¸ã®ç”»åƒã«æ¯”ã¹ã¦6å€é…ã„ã¨ã‹ã‚†ã†è¨˜äº‹ã‚‚ã‚ã‚‹ ã“ã®ã‚ˆã†ãªã€Žxxxå€é«˜é€ŸåŒ–ã€ã€ã€Žxxxå€é…ã„ã€ã¨è¨€ã£ãŸè¡¨ç¾ã¯ã€ã‚ã‹ã‚Šã‚„ã™ã„åé¢ã€æœ¬è³ªã‚’見失
CSS Spriteç”»åƒã¯DataURIç”»åƒã«ã™ã¹ãã‹ï¼Ÿ - MOL
最近ã€ã‚¹ãƒ—ライト画åƒã¯DataURIã«ã™ã¹ãã§ã™ã‹ï¼Ÿã¨ã„ã†è³ªå•ãŒå¤šãã¦ã€èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ã¦ã‹ã€å‰ã®ã‚‚ãã‚“ãªè©±é¡ŒãŒã‚ã£ãŸã‚ˆã†ãªã€‚DataURIã£ã¦ãªã‚“ãžã£ã¦æ–¹ã¯ä¸‹è¨˜ã‚’見ã¦ã»ã—ã„。 データURIスã‚ーム| MOL CSSファイルãŒãƒ‘ースã•ã‚Œãªã‘ã‚Œã°ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒå§‹ã¾ã‚‰ãªã„ã®ã§CSSファイルã®è‚¥å¤§åŒ–ã¯çµ¶å¯¾ã«é¿ã‘ãªã‘ã‚Œã°ãªã‚‰ãªã„。画åƒã®1KBã¨CSSファイルã®1KBã‚’åŒã˜ã‚ˆã†ã«è€ƒãˆã¦ã¯ã„ã‘ãªã„。 ― ã¼ãã®ã‹ã‚“ãŒãˆãŸã•ã„ãょã†ã®ã—ーãˆã—ã‚…ãˆã—ã‚… ã‚ã€ãƒ›ãƒ³ãƒˆãã†ã ã£ã‘ーãªãƒ¼ã¨æ€ã„ã¤ã¤ã€ã©ã“ãžã®è³‡æ–™è¦‹ãŸã‚“ã ã£ã‘ãªãƒ¼ã¨æŽ¢ã—ã¦ãŸã‚‰ã‚ã£ãŸã€‚ Optimizing the Critical Rendering Path for Instant Mobile Websites - Velocity SC 2013 ã“ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã¯ã™ã”ã分ã‹ã‚Šã‚„ã™ã„ã®ã§ã‚ªã‚¹ã‚¹ãƒ¡ã§ã™ï¼ˆè©²å½“ã®ç®‡æ‰€ã¯12分ä½ã‹ã‚‰ï¼‰ã€‚ã¨ã„ã†ã‹Ilya
1
メンテナンス
ランã‚ング
ãŠçŸ¥ã‚‰ã›
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}