Core Web Vitals ã«å¯¾å¿œã™ã‚‹ãŸã‚ã€å„サイトã®æ”¹å–„活動を実施ã—ã¾ã—㟠| リクルート テックブãƒã‚°ã‚¢ãƒ—リケーションソリューショングループã®å¤å·ã§ã™ã€‚リクルートã®å„サイトã§å®Ÿéš›ã«é‹ç”¨ã•ã‚Œã¦ã„るサービス㮠Core Web Vitals を改善ã™ã‚‹æ´»å‹•ã‚’ã—ã¦ã„ã¾ã—ãŸã€‚ 今回ã¯ãƒªã‚¯ãƒ«ãƒ¼ãƒˆç¤¾å†…ã§ã‚ã£ãŸã„ãã¤ã‹ã®ã‚µãƒ¼ãƒ“ス㧠Core Web Vitals ã®æ”¹å–„活動を行ã£ãŸã®ã§ã€ãã‚Œã®çµæžœã«ã¤ã„ã¦ã„ãã¤ã‹å ±å‘Šã—ã¾ã™ã€‚基本的ã«æ”¹å–„活動をやã£ã¦ãã¦è¦‹ãˆãŸã“ã¨ã€ãã‚Œãžã‚Œã®æ”¹å–„ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã§ãã‚‹ã¨å¹¸ã„ã§ã™ã€‚ リクルート内ã«ã¯æœ‰åãªã‚¢ãƒ—リケーションもã“ã‚Œã‹ã‚‰ä½œã‚‰ã‚Œã‚‹ã‚ˆã†ãªæ–°è¦ã®ã‚µãƒ¼ãƒ“スもã‚ã‚ã›ã¦ã€æ•°ç™¾å€‹ã®ã‚µãƒ¼ãƒ“スãŒå˜åœ¨ã—ã€ãã‚Œã®ä¸€ã¤ä¸€ã¤ã‚’å•ã„åˆã‚ã›ã‚’ベースã«ãƒ‘フォーマンス改善をã—ã¤ã¤ã€å€‹ã€…ã®ã‚µãƒ¼ãƒ“スã®ã©ã®å ´æ‰€ã§æŒ‡æ‘˜ãŒã•ã‚ŒãŸã®ã‹ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã™ã€‚ ホットペッパービューティーコスメ ホットペッパービューティー TOWNWORK 個人ãŒã‚„ã£ãŸã®ã¯ã‚¢ã‚»ã‚¹ãƒ¡ãƒ³ãƒˆã¨æ–¹é‡ã‚’打ã¡å‡ºã—ãŸã¨ã“ã‚ã§ã€åŸºæœ¬çš„ã«ã¯ã€å„部署ã®ãƒ¡
パフォーマンス改善ã®ã„ã‚ã¯
Service Workerã«ã‚ˆã‚‹ã‚ャッシュ戦略ã®ç¨®é¡ž - Qiita
imgixå°Žå…¥ã§ç”»åƒæœ€é©åŒ–ã¨ã‚µã‚¤ãƒˆã‚¹ãƒ”ードを改善ã—ãŸè©± - 一休.com Developers Blog
ep.95 Front-End Tooling 実践ï¼æœ€æ–°ã®ãƒ„ールãƒã‚§ã‚¤ãƒ³ã§é•·å¤§ãªãƒ“ルド時間ã®æ”¹å–„ã«æŒ‘ã‚€ | UIT INSIDE
React hooksを基礎ã‹ã‚‰ç†è§£ã™ã‚‹ (useRefç·¨) - Qiita
CSS-IN-JS-Benchmarks/RESULT.md at master · A-gambit/CSS-IN-JS-Benchmarks
CSS-in-JSパフォーマンスコスト - 緩和戦略
The unseen performance costs of modern CSS-in-JS libraries in React apps
linaria: Zero-Runtime CSS in JS
react-window ã§å·¨å¤§ãªãƒªã‚¹ãƒˆã‚’低コストã«è¡¨ç¤ºã™ã‚‹ - Qiita
ã€LINE証券 Frontend】requestIdleCallbackを活用ã—ã¦åˆæœŸãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°æ™‚é–“ã‚’ç´„14%削減ã—ãŸè©±
Maximally optimizing image loading for the web
1時間超ã®TypeScriptコンパイルを数å秒ã«æŠ‘ãˆã¦ã¿ã‚‹ - Qiita
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Puppeteer 㧠FirstMeaningfulPaint ã‚’å–å¾—ã™ã‚‹ - Qiita
GitHub - codesenberg/bombardier: Fast cross-platform HTTP benchmarking tool written in Go
GitHub - miktam/sizeof: Get size of a JavaScript object
material-ui/benchmark/browser at master · mui/material-ui
Profiling React component performance with Chrome devtools
{{#tags}}- {{label}}
{{/tags}}