ã€æµ·å¤–記事紹介】Cookie vs ãƒãƒ¼ã‚«ãƒ«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ vs IndexedDB…ブラウザã«æ載ã•ã‚ŒãŸã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ç³»APIã®ãƒ‘フォーマンスを徹底比較
先進的ãªWeb技術を詰ã‚込んã Astro 5.0 β版リース — Server Islandsã«æ³¨ç›®
9月18æ—¥ã€Astro 5.0 BetaãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚ŒãŸã€‚Astroã¯ã€ãƒ¢ãƒ€ãƒ³ãªã‚¦ã‚§ãƒ–サイト開発ã®ãŸã‚ã®é™çš„サイトジェãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã§ã€ç‰¹ã«ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ãŠã„ã¦äººæ°—ãŒé«˜ã¾ã£ã¦ã„る。サーãƒãƒ¼ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨é™çš„サイト生æˆã®ä¸¡æ–¹ã‚’サãƒãƒ¼ãƒˆã—ã€Reactã‚„Vueãªã©ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã¨ã‚‚互æ›æ€§ãŒã‚る点ãŒç‰¹å¾´ã 。性能å‘上や使ã„ã‚„ã™ã•ã‚’é‡è¦–ã—ã¦ãŠã‚Šã€ãƒ“ルド後ã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã‚’最å°é™ã«æŠ‘ãˆã‚‹ã“ã¨ã§ã€è¡¨ç¤ºé€Ÿåº¦ã®é«˜é€ŸåŒ–を実ç¾ã—ã¦ã„る。ã“ã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã¯ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„管ç†ã®ãŸã‚ã®ã€ŒAstro Content Layerã€ã‚„ã€æ–°ã—ã„「Server Islandsã€æ©Ÿèƒ½ãŒå®‰å®šç‰ˆã¨ã—ã¦å°Žå…¥ã•ã‚Œã€é–‹ç™ºè€…ã«ã¨ã£ã¦ã‚ˆã‚ŠæŸ”軟ã‹ã¤åŠ¹çŽ‡çš„ãªã‚¦ã‚§ãƒ–サイト構築ãŒå¯èƒ½ã¨ãªã‚‹ã€‚Astro 5.0 Betaã®ä¸»è¦ãªæ–°æ©Ÿèƒ½ã¯ä»¥ä¸‹ã®é€šã‚Šã 。Content LayerContent Layerã¯ã€Astro 5.0ã§å°Žå…¥ã•ã‚ŒãŸå¼·åŠ›ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„
「QUICã¯é€Ÿããªã„ã€è«–æ–‡ãŒç™ºè¡¨ã•ã‚Œè©±é¡Œã« — 高速インターãƒãƒƒãƒˆä¸Šã§ã¯HTTP/2より45%以上パフォーマンスãŒä½Žä¸‹
9月10æ—¥ã€ACMãŒã€ŒQUIC is not Quick Enough over Fast Internetã€ã¨é¡Œã—ãŸè«–文を公開ã—ãŸã€‚ã“ã®è«–æ–‡ã§ã¯ã€QUICプãƒãƒˆã‚³ãƒ«ãŒé«˜é€Ÿãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆç’°å¢ƒä¸‹ã§ã©ã®ã‚ˆã†ã«ãƒ‘フォーマンス低下を引ãèµ·ã“ã™ã‹ã«ã¤ã„ã¦è©³ã—ã紹介ã•ã‚Œã¦ã„る。 QUICã®ãƒ‘フォーマンス検証 ã“ã®è¨˜äº‹ã§ã¯ã€QUICãŒã‚¦ã‚§ãƒ–アプリケーションã®ãƒ‘フォーマンスå‘上ã«å¯„与ã™ã‚‹ã“ã¨ãŒæœŸå¾…ã•ã‚Œã¦ã„る一方ã§ã€é«˜é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆç’°å¢ƒä¸‹ã§ã¯ã€QUICã®ãƒ‘フォーマンスã«æ·±åˆ»ãªå•é¡ŒãŒã‚ã‚‹ã“ã¨ãŒç¤ºã•ã‚Œã¦ã„る。特ã«ã€ä»¥ä¸‹ã®ç‚¹ãŒæŒ‡æ‘˜ã•ã‚Œã¦ã„る。 データレートã®æ¸›å°‘ UDP + QUIC + HTTP/3ã®ã‚¹ã‚¿ãƒƒã‚¯ã¯ã€TCP + TLS + HTTP/2ã¨æ¯”較ã—ã¦ã€ãƒ‡ãƒ¼ã‚¿ãƒ¬ãƒ¼ãƒˆãŒæœ€å¤§45.2%低下ã™ã‚‹ã“ã¨ãŒç¢ºèªã•ã‚ŒãŸã€‚ã“ã®ç¾è±¡ã¯ã€é«˜é€Ÿãªãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ç’°å¢ƒã§é¡•è‘—ã«ç¾ã‚Œã‚‹ã€‚ パフォーマンス差ã®æ‹¡å¤§ 基本的ãªå¸¯åŸŸå¹…ãŒå¢—åŠ
React Server Componentã€ãã—ã¦qwikã®ã‚¤ãƒ³ãƒ‘クト ー フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®æœ€æ–°å‹•å‘ã‚’mizchiã•ã‚“ã«èžã„ã¦ããŸ(1)
ã“ã‚“ã«ã¡ã¯ã€ãƒ†ãƒƒã‚¯ãƒ•ã‚£ãƒ¼ãƒ‰ç™½çŸ³ã§ã™ã€‚ 日本ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç•Œéšˆã‚’リードã™ã‚‹ã‚¨ã‚スパートã«ã€ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®æœ€å‰ç·šã‚’語ã£ã¦ã„ãŸã ãYouTube動画連載「Ask the Expertã€ã®æ–°ç€å‹•ç”»ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸï¼ 今回ã¯ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚¨ã‚スパートmizchiã•ã‚“ã«ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®æœ€æ–°å‹•å‘ã«ã¤ã„ã¦è©³ã—ã伺ã£ã¦ãã¾ã—ãŸã€‚ mizchiã•ã‚“ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ãœã²ãƒ•ã‚©ãƒãƒ¼ã—ã¾ã—ょã†ï¼ mizchiã•ã‚“（フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å…¼Node.jsエンジニア） ã¤ã„ã§ã«ç™½çŸ³ã®ã‚‚フォãƒãƒ¼æŽ¨å¥¨: èžã手: テックフィード白石 以下ã«æŽ²è¼‰ã™ã‚‹ã®ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー動画ã®å†…容ã®è¦ç´„ã§ã™ï¼ˆæ£ç¢ºãªæ›¸ãèµ·ã“ã—ã§ã¯ã‚ã‚Šã¾ã›ã‚“）。 内容をフルã«ã”覧ã«ãªã‚ŠãŸã„æ–¹ã¯ã€ãœã²å‹•ç”»ã‚’ã”視è´ãã ã•ã„。 ã”質å•ã€ã”感想ãªã©ã¯YouTubeã®ã‚³ãƒ¡ãƒ³ãƒˆã€ã‚‚ã—ãã¯ã“ã®è¨˜äº‹ã®ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§ã‚‚å—ã‘付ã‘ã¦ãŠã‚Šã¾ã™ã€‚ã©ã—ã©ã—ãŠå¯„ã›ãã ã•ã„😊 以下ã€å‹•ç”»ã®å†…容ã®è¦ç´„ã§ã™
Wasmコンãƒãƒ¼ãƒãƒ³ãƒˆãƒ¢ãƒ‡ãƒ«ã€å®Œæˆé–“è¿‘ï¼WebAssemblyã®æœ€æ–°å‹•å‘ã«ã¤ã„ã¦chikoskiã•ã‚“ã«èžã„ã¦ããŸï¼
ã“ã‚“ã«ã¡ã¯ã€ãƒ†ãƒƒã‚¯ãƒ•ã‚£ãƒ¼ãƒ‰ç™½çŸ³ã§ã™ã€‚ 日本ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ç•Œéšˆã‚’リードã™ã‚‹ã‚¨ã‚スパートã«ã€ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®æœ€å‰ç·šã‚’語ã£ã¦ã„ãŸã ãYouTube動画連載「Ask the Expertã€ã®æ–°ç€å‹•ç”»ãŒå…¬é–‹ã•ã‚Œã¾ã—ãŸï¼ 今回ã¯ã€WebAssemblyã®ã‚¨ã‚スパートchikoskiã•ã‚“ã«ã€WebAssemblyã®æœ€æ–°å‹•å‘ã«ã¤ã„ã¦è©³ã—ã伺ã£ã¦ãã¾ã—ãŸã€‚ chikoskiã•ã‚“ã®ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ãœã²ãƒ•ã‚©ãƒãƒ¼ã—ã¾ã—ょã†ï¼ chikoskiã•ã‚“（Wasm Nighté‹å–¶ï¼‰ ã¤ã„ã§ã«ç™½çŸ³ã®ã‚‚フォãƒãƒ¼æŽ¨å¥¨: èžã手: テックフィード白石 以下ã«æŽ²è¼‰ã™ã‚‹ã®ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ“ュー動画ã®å†…容ã®è¦ç´„ã§ã™ï¼ˆæ£ç¢ºãªæ›¸ãèµ·ã“ã—ã§ã¯ã‚ã‚Šã¾ã›ã‚“）。 内容をフルã«ã”覧ã«ãªã‚ŠãŸã„æ–¹ã¯ã€ãœã²å‹•ç”»ã‚’ã”視è´ãã ã•ã„。 （ã”質å•ã€ã”感想ãªã©ã¯YouTubeã®ã‚³ãƒ¡ãƒ³ãƒˆã€ã‚‚ã—ãã¯ã“ã®è¨˜äº‹ã®ã‚³ãƒ¡ãƒ³ãƒˆæ¬„ã§ã‚‚å—ã‘付ã‘ã¦ãŠã‚Šã¾ã™ï¼‰ Wasm コンãƒãƒ¼ãƒãƒ³ãƒˆãƒ¢ãƒ‡ãƒ«ãŒå›ºã¾ã‚Š
一休.com サイトパフォーマンス改善 - 2023å¹´ å¤ã®æŒ¯ã‚Šè¿”ã‚Š - 一休.com Developers Blog
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã‚ˆã‚Šå‡ºå‘ã—ã¦ãŠã‚Šã¾ã™ã€å¯ç”°ã¨ç”³ã—ã¾ã™ã€‚ 主務ã§ã€ä¸€ä¼‘.comãŠã‚ˆã³Yahoo!トラベルã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã‚’担当ã—ã¦ã„ã¾ã™ã€‚ 兼務ã§ã€ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®å…¨ç¤¾æ¨ªæ–組織ã§Webパフォーマンス改善ã®æŽ¨é€²ã‚’è¡Œã£ã¦ãŠã‚Šã¾ã™ã€‚ 本稿ã§ã¯ã€ç›´è¿‘åŠå¹´å¼±(2023å¹´2月〜8月)ã§ã€æ–続的ã«è¡Œã£ã¦ã„ãŸä¸€ä¼‘.comã®ãƒ‘フォーマンス改善ã«ã¤ã„ã¦æŒ¯ã‚Šè¿”ã‚Šã¾ã™ã€‚ 開始ãŒ2023å¹´2月ã¨ãªã£ãŸç†ç”±ã¯ã€Nuxt3ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—以é™ã«ãƒ‘フォーマンス改善活動ã«ç€æ‰‹ã—ãŸãŸã‚ã§ã™ã€‚ 一休.com/Yahoo!トラベルã®Nuxt3ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—詳細ã«ã¤ã„ã¦ã¯ã€ä»¥ä¸‹ã®ãƒ–ãƒã‚°ã‚’ã”覧ãã ã•ã„。 user-first.ikyu.co.jp サイトパフォーマンス改善ã®æ„義 改善ã®æ–¹é‡ æ–¹é‡1: Core Web Vitalsを改善ã™ã‚‹ æ–¹é‡2: é‡è¦èª²é¡Œã‹ã‚‰å„ªå…ˆçš„ã«å¯¾å¿œã™ã‚‹ 改善ã®é€²ã‚æ–¹ å¯è¦–化 ブラウザサイド サーãƒãƒ¼ã‚µã‚¤
å¤å·é™½ä»‹ã«èžãï¼ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æœ€å‰ç·š#4 ー Next.js v13.4 / Lighthouse User Flows
例ãˆã°ã“ã®ã‚³ãƒ¼ãƒ‰ã§ã¯ã€PostFeedã‚’ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã‚‹æœ€ä¸ã¯ã€ŒLoading feed...ã€ã£ã¦ã„ã†ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°UIãŒã¾ãšè¡¨ç¤ºã•ã‚Œã€èªã¿è¾¼ã¿ãŒçµ‚ã‚ã£ãŸã‚‰ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒæç”»ã•ã‚Œã‚‹ã€ã¨ã„ã†ã‚ˆã†ãªã“ã¨ãŒã§ãã¾ã™ã€‚ ã“ã®ã‚ˆã†ã«ã€App Routerã¯éžå¸¸ã«å¤§ããªå¯èƒ½æ€§ã‚’秘ã‚ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã“ã‚Œã‹ã‚‰ã®Next.jsã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã¨ã‹ãŒã‚¬ãƒ©ãƒƒã¨å¤‰ã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ã¨ã„ã†ã“ã¨ã§ã€çš†ã•ã‚“激震ãŒèµ°ã£ã¦ã‚‹ã¨ã„ã†ã¨ã“ã‚ã§ã™ã。 白石: ãã‚Œã»ã©ã®å¤‰æ›´ã ã¨ã™ã‚‹ã¨ã€ãƒžã‚¤ã‚°ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¿…ãšè©±é¡Œã«ãªã‚‹ã¨æ€ã†ã‚“ã§ã™ãŒã€ã©ã†ãªã‚‹ã‚“ã§ã—ょã†ã‹ï¼Ÿ å¤å·: マイグレーションã«ã¤ã„ã¦ã®ãƒ‰ã‚ュメントã¯ã‚ã‚‹ã®ã§ã™ãŒã€å®Ÿéš›ã«ç§»è¡Œã™ã‚‹ã®ã¯ã‹ãªã‚Šå¤§å¤‰ã§ã™ã€‚ Pages Routerも残るã®ã§ã€ç„¡ç†ã«App Routerã«æ›¸ãæ›ãˆãªãã¦ã¯ãªã‚‰ãªã„ã¨ã„ã†ã‚‚ã®ã§ã‚‚ãªã„。 ãŸã ã€ã“ã‚Œã‹ã‚‰è¿½åŠ ã•ã‚Œã‚‹æ–°ã—ã„機能ã®ã»ã¨ã‚“ã©ãŒApp Routerベー
パフォーマンステストツール「Ddosifyã€ã‚’使ã£ã¦ã¿ãŸ - JMDC TECH BLOG
ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ï¼ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºéƒ¨ã®è¥¿åŽŸã§ã™ã€‚ ç¾åœ¨ã€JMDCãŒä¿æœ‰ã—ã¦ã„る医療ビッグデータを活用ã—ã¦ç”Ÿæ´»è€…や医療ã«æ–°ã—ã„価値をæä¾›ã™ã‚‹æ–°è¦ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºãƒãƒ¼ãƒ ã®ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã‚’担当ã—ã¦ãŠã‚Šã¾ã™ã€‚ 皆ã•ã‚“ã¯æ™®æ®µãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã®éš›ã«ãƒ‘フォーマンステストã¯ã©ã®ãƒ„ールを使用ã—ã¦ã„ã¾ã™ã§ã—ょã†ã‹ã€‚ç§ãŒæ‰€å±žã™ã‚‹æ–°è¦ãƒ—ãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã®ãƒ‘フォーマンステストã§ã¯ã€ŒDdosifyã€ã¨ã„ã†ãƒ„ールを使用ã—ã¾ã—ãŸã€‚ 今回ã¯ã“ã¡ã‚‰ã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ã«ã¤ã„ã¦ã”紹介致ã—ã¾ã™ã€‚ Ddosifyã¨ã¯ Ddosifyã¯ã€Goã§æ›¸ã‹ã‚ŒãŸãƒ‘フォーマンステストツールã«ãªã‚Šã¾ã™ã€‚ JSONファイルを使用ã—ã¦ã‚·ãƒŠãƒªã‚ªã‚’作æˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚シナリオを定義ã™ã‚‹ã“ã¨ã§ã€ç•°ãªã‚‹ãƒªã‚¯ã‚¨ã‚¹ãƒˆãƒ‘スã€ãƒ˜ãƒƒãƒ€ãƒ¼ã€ãƒœãƒ‡ã‚£ã‚’æŒã¤è¤‡é›‘ãªãƒ†ã‚¹ãƒˆã‚±ãƒ¼ã‚¹ã‚’作æˆã§ãã¾ã™ã€‚ åŠ ãˆã¦Ddosifyã¯Ddosify Engineã€Ddosify Self-Hostedã€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
高速化ã®è©±ã¯ãªãœé¢ç™½ã„ã®ã‹ ー Safari/WebKitãŒæœ€æ–°ã®Speedmeter 3.0スコアを60%å‘上ã•ã›ãŸæ–¹æ³•ã«ã¤ã„ã¦
{{#tags}}- {{label}}
{{/tags}}