{"id":917,"date":"2026-05-20T09:56:55","date_gmt":"2026-05-20T01:56:55","guid":{"rendered":"https:\/\/junai.ai\/blog\/nextjs-performance-25\/"},"modified":"2026-05-20T09:56:55","modified_gmt":"2026-05-20T01:56:55","slug":"nextjs-performance-25","status":"publish","type":"post","link":"https:\/\/junai.ai\/blog\/nextjs-performance-25\/","title":{"rendered":"\uc131\ub2a5 \uce21\uc815\uacfc \ucd5c\uc801\ud654 \u2014 Lighthouse\u00b7Vitals"},"content":{"rendered":"\n<!-- WordPress REST API \ubc1c\ud589\uc6a9 HTML (\uc790\ub3d9 \uc0dd\uc131) -->\n<!-- WP-FEATURED-MEDIA-ID: 863 -->\n<div style=\"max-width:800px;margin:0 auto;\">\n<style>\n:root {--color-primary:#4f46e5;--color-accent:#6366f1;--color-bg:#fafbfc;--color-bg-card:#fff;--color-text:#1a202c;--color-text-muted:#64748b;--hero-start:#1e1b4b;--hero-end:#4338ca;}\n*{box-sizing:border-box;}\n.container{max-width:760px;margin:0 auto;padding:0 24px 80px;}\n.hero{background:linear-gradient(135deg,var(--hero-start) 0%,var(--hero-end) 100%);color:#fff;padding:80px 24px 60px;text-align:center;}\n.hero .eyebrow{display:inline-block;font-size:14px;color:#a78bfa;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:14px;}\n.hero h1{font-size:36px;margin:0 0 16px;line-height:1.3;font-weight:800;}\n.hero p{color:#c7d2fe;font-size:18px;max-width:640px;margin:0 auto;line-height:1.6;}\n.hero img{width:100%;max-width:640px;height:auto;margin:32px auto 0;border-radius:10px;display:block;}\narticle{padding-top:48px;}\narticle h2{font-size:26px;margin:56px 0 20px;padding-left:14px;border-left:5px solid var(--color-accent);line-height:1.4;}\narticle h3{font-size:19px;margin:32px 0 12px;color:var(--color-primary);}\narticle p{margin:16px 0;}\narticle strong{color:var(--color-primary);font-weight:700;}\narticle code{background:#eef2ff;padding:2px 8px;border-radius:4px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;color:#4338ca;}\n.databox{background:#eef2ff;border-left:4px solid var(--color-accent);padding:16px 20px;margin:24px 0;border-radius:0 8px 8px 0;font-size:15.5px;}\n.databox strong{color:var(--color-primary);}\n.warnbox{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);padding:16px 20px;margin:24px 0;border-radius:8px;font-size:15.5px;}\n.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:22px 0;}\ntable{width:100%;border-collapse:collapse;font-size:15px;background:var(--color-bg-card);}\nth,td{padding:11px 12px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:top;}\nth{background:#f1f5f9;font-weight:700;color:#0f172a;}\ntd:first-child,th:first-child{font-weight:700;}\n@media (max-width:560px){.tablewrap table,.tablewrap thead,.tablewrap tbody,.tablewrap tr,.tablewrap th,.tablewrap td{display:block;width:auto;}.tablewrap thead{display:none;}.tablewrap tr{margin:0 0 14px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;}.tablewrap td{border:none;border-bottom:1px solid #f1f5f9;padding:9px 14px;}.tablewrap td:first-child{background:#f1f5f9;font-weight:800;font-size:15.5px;}.tablewrap td:last-child{border-bottom:none;}.tablewrap td[data-label]::before{content:attr(data-label) \" \u2014 \";font-weight:700;color:var(--color-primary);}}\n.code-block{background:#0f172a;color:#e2e8f0;padding:16px 20px;border-radius:8px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:14px;line-height:1.6;margin:20px 0;overflow-x:auto;white-space:pre;}\n.cta{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);color:#fff;padding:28px 24px;border-radius:12px;margin:48px 0 0;text-align:center;}\n.cta h3{color:#fff;margin:0 0 8px;font-size:20px;}\n.cta p{color:#c7d2fe;margin:0;font-size:15.5px;}\n.footer-nav{margin-top:32px;padding-top:20px;border-top:1px solid #e2e8f0;font-size:14px;color:var(--color-text-muted);}\n.footer-nav a{color:var(--color-primary);text-decoration:none;}\n@media (max-width:480px){.hero h1{font-size:26px;}.hero p{font-size:16px;}article h2{font-size:21px;}article h3{font-size:17px;}body{font-size:16px;}}\n<\/style>\n<section class=\"hero\">\n  <span class=\"eyebrow\">Next.js \uad50\uc7ac \u00b7 25\ud3b8 \u00b7 \uc131\ub2a5<\/span>\n  <h1>\uc131\ub2a5 \uce21\uc815\uacfc \ucd5c\uc801\ud654 \u2014 Lighthouse\u00b7Vitals<\/h1>\n  <p>&#8220;\ub290\ub824\uc694&#8221; \ub77c\ub294 \ucd94\uce21 \ub9d0\uace0 \uc22b\uc790\ub85c \ubcf4\uc790. \uc138 \uc9c0\ud45c\u00b7\uc138 \ub3c4\uad6c\u00b7\ub2e4\uc12f \ucc98\ubc29.<\/p>\n  <img decoding=\"async\" src=\"https:\/\/junai.ai\/blog\/wp-content\/uploads\/2026\/05\/hero-5-94.jpg\" alt=\"Lighthouse \uc131\ub2a5 \uc810\uc218\uc640 Web Vitals \ucee8\uc149 \uc77c\ub7ec\uc2a4\ud2b8\">\n<\/section>\n\n<div class=\"container\">\n<article>\n\n<p>&#8220;\uc65c \ub290\ub824\uc694?&#8221; \ub77c\ub294 \uc9c8\ubb38\uc5d0 \uc815\ud655\ud788 \ub2f5\ud558\ub824\uba74 \u2014 \uce21\uc815\ubd80\ud130. \uadf8 \ub2e4\uc74c \uc5b4\ub514\uc11c \ub2a6\uc5b4\uc84c\ub294\uc9c0 \ubd84\ub9ac. \uadf8 \ub2e4\uc74c \ud574\ub2f9 \uc601\uc5ed \ucc98\ubc29. <strong>\uce21\uc815 \uc5c6\ub294 \ucd5c\uc801\ud654\ub294 \ucd94\uce21<\/strong>\uc774\uace0 \ucd94\uce21\uc740 \ubcf4\ud1b5 \ud2c0\ub9b0\ub2e4.<\/p>\n\n<p>\ub9c8\uc9c0\ub9c9\uc5d0\uc11c \ub450 \ubc88\uc9f8 \ucc55\ud130. Next.js \uc131\ub2a5\uc758 \ud45c\uc900 \uce21\uc815 \ub3c4\uad6c\uc640 \ud754\ud55c \ucc98\ubc29 5\uac00\uc9c0\ub97c \ud55c \ubc88\uc5d0. 21\ud3b8 Analytics \ub294 \uc0ac\uc6a9\uc790 \ud658\uacbd \uce21\uc815, \uc774\ubc88\uc740 \uac1c\ubc1c \uc911 \uce21\uc815\u00b7\ucd5c\uc801\ud654.<\/p>\n\n<h2>1. Core Web Vitals \u2014 \uc138 \uc9c0\ud45c\ub9cc \uc678\uc6b0\uba74 \ub05d<\/h2>\n\n<p>\uad6c\uae00\uc774 \uc815\ud55c \uac80\uc0c9 \uc21c\uc704\uc5d0\ub3c4 \uc601\ud5a5\uc744 \uc8fc\ub294 3\uac00\uc9c0. \ub2e4\ub978 30\uac1c \uc9c0\ud45c\ubcf4\ub2e4 \uc774 \uc14b\uc774 \uc6b0\uc120.<\/p>\n\n<div class=\"tablewrap\">\n<table>\n<thead><tr><th>\uc9c0\ud45c<\/th><th>\uc758\ubbf8<\/th><th>\uc88b\uc74c<\/th><th>\ub098\uc068<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>LCP<\/td><td data-label=\"\uc758\ubbf8\">\uac00\uc7a5 \ud070 \uc694\uc18c \ud45c\uc2dc\uae4c\uc9c0 \uc2dc\uac04<\/td><td data-label=\"\uc88b\uc74c\">\u2264 2.5\ucd08<\/td><td data-label=\"\ub098\uc068\">\u2265 4\ucd08<\/td><\/tr>\n<tr><td>CLS<\/td><td data-label=\"\uc758\ubbf8\">\ub808\uc774\uc544\uc6c3 \uc2dc\ud504\ud2b8 \ub204\uc801<\/td><td data-label=\"\uc88b\uc74c\">\u2264 0.1<\/td><td data-label=\"\ub098\uc068\">\u2265 0.25<\/td><\/tr>\n<tr><td>INP<\/td><td data-label=\"\uc758\ubbf8\">\uc0c1\ud638\uc791\uc6a9 \uc751\ub2f5 \uc2dc\uac04<\/td><td data-label=\"\uc88b\uc74c\">\u2264 200ms<\/td><td data-label=\"\ub098\uc068\">\u2265 500ms<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n<p>2024 \ub144\ubd80\ud130 FID \uac00 INP \ub85c \ubc14\ub01c. \uc14b \ub2e4 <strong>\ubaa8\ubc14\uc77c 75th percentile<\/strong> \uae30\uc900 \u2014 \ubaa8\ubc14\uc77c\uc5d0\uc11c 4\uba85 \uc911 3\uba85\uc774 \uc88b\uc740 \uc810\uc218\uc5ec\uc57c &#8216;good&#8217;.<\/p>\n\n<h2>2. \uce21\uc815 \ub3c4\uad6c \u2014 Lighthouse\u00b7DevTools\u00b7\uc2e4\uc0ac\uc6a9\uc790<\/h2>\n\n<h3>Chrome DevTools Lighthouse<\/h3>\n\n<p>\uac00\uc7a5 \uc26c\uc6b4 \uc2dc\uc791. F12 \u2192 Lighthouse \ud0ed \u2192 Analyze. <strong>\ubaa8\ubc14\uc77c + Performance<\/strong> \uc635\uc158 \uccb4\ud06c \ud6c4 \uce21\uc815. 4G \uc2dc\ubbac\ub808\uc774\uc158 + 4\ubc30 \ub290\ub9b0 CPU \ud658\uacbd\uc5d0\uc11c \uc2e4\ud589\ub418\uc5b4 \uc9c4\uc9dc \ubaa8\ubc14\uc77c \uc0c1\ud669\uc5d0 \uac00\uae5d\ub2e4.<\/p>\n\n<div class=\"warnbox\">\n<strong>\ud55c\uacc4 \u2014 lab \uce21\uc815<\/strong> \u2014 Lighthouse \ub294 \uae68\ub057\ud55c \ud658\uacbd\uc5d0\uc11c \ud55c \ubc88 \uce21\uc815\ud55c lab \uc810\uc218. \uc9c4\uc9dc \uc0ac\uc6a9\uc790\ub294 \uad11\uace0 \ucc28\ub2e8 \ud655\uc7a5\u00b7\ub290\ub9b0 \ub124\ud2b8\uc6cc\ud06c\u00b7\uad6c\ud615 \uae30\uae30 \u2014 \uc2e4\uce21\uc774 \ub2e4\ub974\ub2e4. 21\ud3b8\uc758 <strong>Vercel Speed Insights<\/strong>(RUM) \uac00 \uc9c4\uc9dc \uc0ac\uc6a9\uc790 \ud658\uacbd \uce21\uc815.\n<\/div>\n\n<h3>PageSpeed Insights<\/h3>\n\n<p><code>pagespeed.web.dev<\/code> \uc5d0\uc11c URL \uc785\ub825 \u2014 Lighthouse \uc640 \uac19\uc740 \uce21\uc815 + <strong>CrUX<\/strong> (Chrome User Experience Report) \ub77c\ub294 \uc9c4\uc9dc \uc0ac\uc6a9\uc790 \ub370\uc774\ud130 \ub458 \ub2e4. \ubb34\ub8cc + \uac00\uc785 \uc5c6\uc74c. PR \uba38\uc9c0 \uc804 \uccb4\ud06c \ud45c\uc900.<\/p>\n\n<h3>WebPageTest<\/h3>\n\n<p><code>webpagetest.org<\/code> \u2014 \uac00\uc7a5 \uc815\uad50\ud55c \ubd84\uc11d. \ub2e4\uc591\ud55c \uc9c0\uc5ed\u00b7\uae30\uae30\u00b7\ub124\ud2b8\uc6cc\ud06c\u00b7waterfall \ucc28\ud2b8. \uc0c1\uc138\ud55c \ub514\ubc84\uae45 \ud544\uc694 \uc2dc.<\/p>\n\n<h2>3. \ubc88\ub4e4 \ubd84\uc11d \u2014 \ud070 \ud328\ud0a4\uc9c0 \ucc3e\uae30<\/h2>\n\n<p>&#8220;\uc65c JS \uac00 1MB?&#8221; \uc758 \ub2f5\uc744 \ucc3e\ub294 \ub3c4\uad6c.<\/p>\n\n<div class=\"code-block\">$ npm install -D @next\/bundle-analyzer<\/div>\n\n<div class=\"code-block\">\/\/ next.config.mjs\nimport withBundleAnalyzer from &#8216;@next\/bundle-analyzer&#8217;;\n\nconst analyze = withBundleAnalyzer({\n  enabled: process.env.ANALYZE === &#8216;true&#8217;,\n});\n\nexport default analyze({\n  \/\/ \uae30\uc874 \uc124\uc815\n});<\/div>\n\n<div class=\"code-block\">$ ANALYZE=true npm run build<\/div>\n\n<p>\ube4c\ub4dc \ud6c4 \ube0c\ub77c\uc6b0\uc800\uc5d0 \uc778\ud130\ub799\ud2f0\ube0c treemap \uc790\ub3d9 \ud45c\uc2dc. <strong>\uac00\uc7a5 \ud070 \ubc15\uc2a4<\/strong>\uac00 \uac00\uc7a5 \ud070 \ud328\ud0a4\uc9c0. \uc758\uc678\ub85c <code>moment.js<\/code>\u00b7<code>lodash<\/code>\u00b7<code>chart.js<\/code> \uac19\uc740 \uac8c 100KB+ \ucc28\uc9c0\ud558\uace0 \uc788\uc74c\uc744 \ubc1c\uacac.<\/p>\n\n<div class=\"databox\">\n<strong>\ud754\ud55c \ube44\ud6a8\uc728 \u2014 full lodash import<\/strong> \u2014 <code>import _ from 'lodash'<\/code> \ub294 70KB. <code>import debounce from 'lodash\/debounce'<\/code> \uac19\uc774 \uac1c\ubcc4 import \ud558\uba74 5KB. \ub610\ub294 <code>lodash-es<\/code> + tree-shaking. moment \ub294 date-fns \ub610\ub294 dayjs \ub85c \uad50\uccb4 (1\/10 \ud06c\uae30).\n<\/div>\n\n<h2>4. \ud754\ud55c \ucc98\ubc29 5\uac00\uc9c0<\/h2>\n\n<div class=\"tablewrap\">\n<table>\n<thead><tr><th>\uc99d\uc0c1<\/th><th>\ucc98\ubc29<\/th><th>\ucc38\uc870 \ucc55\ud130<\/th><\/tr><\/thead>\n<tbody>\n<tr><td>LCP \ub192\uc74c<\/td><td data-label=\"\ucc98\ubc29\">hero \uc774\ubbf8\uc9c0\uc5d0 <code>priority<\/code>, next\/image \uc0ac\uc6a9<\/td><td data-label=\"\ucc38\uc870\">15\ud3b8<\/td><\/tr>\n<tr><td>CLS \ub192\uc74c<\/td><td data-label=\"\ucc98\ubc29\">\uc774\ubbf8\uc9c0 width\/height \uba85\uc2dc, \uad11\uace0\/iframe \uc790\ub9ac \uc608\uc57d<\/td><td data-label=\"\ucc38\uc870\">15\ud3b8<\/td><\/tr>\n<tr><td>INP \ub192\uc74c<\/td><td data-label=\"\ucc98\ubc29\">\uba54\uc778 \uc2a4\ub808\ub4dc \ubb34\uac70\uc6b4 \uc791\uc5c5 \ubd84\ub9ac, Suspense\u00b7dynamic import<\/td><td data-label=\"\ucc38\uc870\">12\ud3b8<\/td><\/tr>\n<tr><td>JS \ubc88\ub4e4 \ud07c<\/td><td data-label=\"\ucc98\ubc29\">\uac1c\ubcc4 import\u00b7dynamic import\u00b7tree-shaking<\/td><td data-label=\"\ucc38\uc870\">15\ud3b8<\/td><\/tr>\n<tr><td>\ud3f0\ud2b8 \uae5c\ube61\uc784<\/td><td data-label=\"\ucc98\ubc29\">next\/font \uc140\ud504 \ud638\uc2a4\ud305 + display: swap<\/td><td data-label=\"\ucc38\uc870\">15\ud3b8<\/td><\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n\n<h3>dynamic import \u2014 \ubb34\uac70\uc6b4 \ucef4\ud3ec\ub10c\ud2b8 \uc9c0\uc5f0 \ub85c\ub529<\/h3>\n\n<div class=\"code-block\">\/\/ \ucc28\ud2b8 \ub77c\uc774\ube0c\ub7ec\ub9ac\uac00 200KB \u2014 \uccab \ud654\uba74\uc5d0 \uc548 \uc4f0\uba74 \uc9c0\uc5f0\nimport dynamic from &#8216;next\/dynamic&#8217;;\n\nconst HeavyChart = dynamic(() =&gt; import(&#8216;.\/HeavyChart&#8217;), {\n  loading: () =&gt; &lt;p&gt;\ucc28\ud2b8 \ub85c\ub529&#8230;&lt;\/p&gt;,\n  ssr: false,                       \/\/ \ud074\ub77c\uc774\uc5b8\ud2b8\uc5d0\uc11c\ub9cc\n});\n\nexport default function Dashboard() {\n  return (\n    &lt;&gt;\n      &lt;Header \/&gt;\n      &lt;HeavyChart \/&gt;     {\/* \ud544\uc694\ud560 \ub54c\ub9cc \ub85c\ub4dc *\/}\n    &lt;\/&gt;\n  );\n}<\/div>\n\n<h2>5. \uce21\uc815 \u2192 \ucc98\ubc29 \u2192 \uc7ac\uce21\uc815 \uc0ac\uc774\ud074<\/h2>\n\n<p>\ucd5c\uc801\ud654\ub294 \ud55c \ubc88\uc5d0 \ub05d\ub0b4\uc9c0 \ub9d0\uace0 \uc0ac\uc774\ud074\ub85c.<\/p>\n\n<ol>\n<li><strong>\uce21\uc815<\/strong> \u2014 Lighthouse \ubaa8\ubc14\uc77c\ub85c \ud604\uc7ac \uc810\uc218 \uae30\ub85d.<\/li>\n<li><strong>\uac00\uc7a5 \ud070 \ubb38\uc81c 1\uac1c<\/strong> \ucc3e\uae30 \u2014 LCP 3.5\ucd08\uac00 \uac00\uc7a5 \uac00\uae4c\uc6b4 \uc801\uc774\uba74 \uadf8\uac83\ubd80\ud130.<\/li>\n<li><strong>\ucc98\ubc29 1\uac1c<\/strong> \uc801\uc6a9 \u2014 hero \uc774\ubbf8\uc9c0\uc5d0 priority \ucd94\uac00.<\/li>\n<li><strong>\uc7ac\uce21\uc815<\/strong> \u2014 LCP 3.5 \u2192 2.0\ucd08\ub85c? \ub2e4\ub978 \uc9c0\ud45c \ub9dd\uac00\uc9c0\uc9c0 \uc54a\uc558\ub294\uc9c0.<\/li>\n<li><strong>\ub2e4\uc74c \ubb38\uc81c<\/strong> \u2014 INP \uac00 \uc801\uc774\uba74 \uadf8 \ub2e4\uc74c \uc0ac\uc774\ud074.<\/li>\n<\/ol>\n\n<p>\ud55c \ubc88\uc5d0 5\uac00\uc9c0 \ubc14\uafb8\uba74 \uc5b4\ub290 \uac8c \ud6a8\uacfc \uc788\uc5c8\ub294\uc9c0 \ubaa8\ub984. \ud55c \ubc88\uc5d0 1\uac1c. 5\ubd84 \uc0ac\uc774\ud074.<\/p>\n\n<div class=\"warnbox\">\n<strong>\ucd5c\uc801\ud654 \uc804 \u2014 \uc815\ub9d0 \ud544\uc694\ud55c\uac00?<\/strong> \u2014 LCP 1.8\ucd08\uac00 1.6\ucd08 \ub418\ub294 \uac70\uc5d0 \ud55c \uc8fc \ub4e4\uc774\uc9c0 \ub9d0 \uac83. \uc0ac\uc6a9\uc790\uac00 \ubabb \ub290\ub08c. <strong>3\ucd08 \u2192 1.5\ucd08<\/strong> \uac00\ub294 \ud070 \uc810\ud504\ub9cc \uac00\uce58 \uc788\uc74c. \uce21\uc815\ud55c \uc801\ub3c4 \uc5c6\ub294\ub370 &#8220;\ucd5c\uc801\ud654&#8221; \uc2dc\uc791\uc740 \uc2dc\uac04 \ub0ad\ube44.\n<\/div>\n\n<h3>\uc694\uc57d \u2014 25\ud3b8 \uc88c\ud45c<\/h3>\n\n<p>\uc5ec\uae30\uae4c\uc9c0 \uc815\ub9ac. <strong>Core Web Vitals 3<\/strong> \u2014 LCP(2.5\ucd08)\u00b7CLS(0.1)\u00b7INP(200ms), \ubaa8\ubc14\uc77c 75th percentile. \uce21\uc815\uc740 <strong>Lighthouse<\/strong>(lab) + <strong>PageSpeed Insights<\/strong>(CrUX) + <strong>Speed Insights<\/strong>(RUM, 21\ud3b8). \ubc88\ub4e4 \ubd84\uc11d\uc740 <strong>@next\/bundle-analyzer<\/strong> \u2014 lodash\u00b7moment \ubc1c\uacac \uc790\uc8fc. \ucc98\ubc29 5\uac00\uc9c0\ub294 15\ud3b8 image\/font\u00b712\ud3b8 Suspense\u00b7dynamic import \uac00 99%. \uce21\uc815 \u2192 1\uac1c \ucc98\ubc29 \u2192 \uc7ac\uce21\uc815 \uc0ac\uc774\ud074. \ub9c8\uc9c0\ub9c9 \ucc55\ud130\uc5d0\uc11c <strong>\uc2e4\uc804 \ubbf8\ub2c8 \ud504\ub85c\uc81d\ud2b8<\/strong>\ub85c 25\ud3b8\uc744 \uc5f0\uacb0.<\/p>\n\n<div class=\"cta\">\n<h3>\ub2e4\uc74c \ud3b8 \uc608\uace0 \u2014 \uc2e4\uc804 \ubbf8\ub2c8 \ud504\ub85c\uc81d\ud2b8<\/h3>\n<p>\ube14\ub85c\uadf8 \uc0ac\uc774\ud2b8 \ucc98\uc74c\ubd80\ud130 \ub05d\uae4c\uc9c0. 26\ud3b8(\uc644\uacb0).<\/p>\n<\/div>\n\n<div class=\"footer-nav\">\n\uc2dc\ub9ac\uc988 \u00b7 <a href=\"https:\/\/junai.ai\/blog\/category\/nextjs\/\">\uc27d\uac8c \ubc30\uc6b0\ub294 Next.js<\/a> \u00b7 \uc774\uc804: <a href=\"https:\/\/junai.ai\/blog\/nextjs-typescript-integration-24\/\">Ch.24 TypeScript<\/a>\n<\/div>\n\n<\/article>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Next.js \uc131\ub2a5 \u2014 Lighthouse\u00b7Web Vitals LCP\/CLS\/INP\u00b7\ubc88\ub4e4 \ubd84\uc11d\u00b7dynamic import. \uad50\uc7ac 25\ud3b8.<\/p>\n","protected":false},"author":1,"featured_media":863,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[23],"tags":[],"class_list":["post-917","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nextjs"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/comments?post=917"}],"version-history":[{"count":0,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/posts\/917\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media\/863"}],"wp:attachment":[{"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/media?parent=917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/categories?post=917"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/junai.ai\/blog\/wp-json\/wp\/v2\/tags?post=917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}