{"id":4862,"date":"2024-06-23T10:45:58","date_gmt":"2024-06-23T02:45:58","guid":{"rendered":"https:\/\/seo.tenten.co\/en\/?p=4862"},"modified":"2024-06-23T10:55:44","modified_gmt":"2024-06-23T02:55:44","slug":"enhancing-website-speed-achieving-a-99-performance-grade-from-30","status":"publish","type":"post","link":"https:\/\/seo.tenten.co\/ko\/seo\/\uc6f9\uc0ac\uc774\ud2b8-\uc18d\ub3c4-\ud5a5\uc0c1-30\uc810\uc5d0\uc11c-99\uc810-\uc131\ub2a5-\ub4f1\uae09-\ub2ec\uc131\/","title":{"rendered":"\uc6f9 \uc0ac\uc774\ud2b8 \uc18d\ub3c4 \ud5a5\uc0c1: 99% \uc131\ub2a5 \ub4f1\uae09 \ub2ec\uc131(30\ubd80\ud130!)"},"content":{"rendered":"<p>&#039;2018\ub144\uc5d0 Google\ub294 \ud398\uc774\uc9c0 \uc2e0\uc18d\uc131\uc774 \uc774\uc81c \ub370\uc2a4\ud06c\ud1b1\uacfc \ubaa8\ubc14\uc77c \uac80\uc0c9 \uacb0\uacfc \ubaa8\ub450\uc758 \uc21c\uc704\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce60 \uac83\uc774\ub77c\uace0 \ubc1d\ud614\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \ud398\uc774\uc9c0 \uc18d\ub3c4\uc758 \uc601\ud5a5\uc744 \ubc1b\ub294 \uac83\uc740 \uc704\uce58\ub9cc\uc774 \uc544\ub2d9\ub2c8\ub2e4. \uc5f0\uad6c\uc5d0 \ub530\ub974\uba74 3\ucd08\uc758 \ud398\uc774\uc9c0 \ub85c\ub529 \uc2dc\uac04\uc740 13%\uc758 \uc774\ud0c8\ub960\ub85c \uc774\uc5b4\uc9c0\uba70, \uc774\ub294 \ud398\uc774\uc9c0 \uc18d\ub3c4\uac00 \uac80\uc0c9 \uacb0\uacfc\ubfd0\ub9cc \uc544\ub2c8\ub77c \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc5d0\ub3c4 \uc601\ud5a5\uc744 \ubbf8\uce5c\ub2e4\ub294 \uac83\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4.<\/p>\n<p>\uadf8\ub807\ub2e4\uba74 \uc6f9\uc0ac\uc774\ud2b8\uac00 \ub290\ub824\uc9c0\uba74 \uc5b4\ub5bb\uac8c \ud574\uc57c \ud560\uae4c\uc694? \uc6f9\uc0ac\uc774\ud2b8 \uc131\ub2a5\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub294 \uac83\uc740 \uc26c\uc6b4 \uc77c\uc774 \uc544\ub2d9\ub2c8\ub2e4. \ub530\ub77c\uc11c \ub9ce\uc740 \ud68c\uc0ac\ub294 \uac80\uc0c9 \uacb0\uacfc\uc5d0\uc11c \uc790\uc2e0\uc758 \uc704\uce58\ub97c \ubcf4\uc7a5\ud558\uae30 \uc704\ud574 \uc0ac\uc18c\ud55c \ucd5c\uc801\ud654\ub9cc \uc218\ud589\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc6b0\ub9ac\uac00 \uc5b4\ub5bb\uac8c \uc131\uacfc \ub4f1\uae09\uc744 30\uc5d0\uc11c 99\ub85c \uc804\ud658\ud588\ub294\uc9c0, \uadf8\ub9ac\uace0 \uc65c(\uc6b0\ub9ac\uc758 \uc131\ucde8\uc5d0 \ub300\ud574 \ubbff\uc744 \uc218 \uc5c6\uc744 \ub9cc\ud07c \uc790\ub791\uc2a4\ub7ec\uc6b8 \ubfd0\ub9cc \uc544\ub2c8\ub77c) \ud574\ub2f9 \ubd84\uc57c\uc5d0\uc11c \uac00\uc7a5 \ube60\ub978 \uc6f9\uc0ac\uc774\ud2b8 \uc911 \ud558\ub098\ub97c \uc18c\uc720\ud558\ub294 \uac83\uc774 \ud5cc\uc2e0\ud560 \uac00\uce58\uac00 \uc788\ub294\uc9c0 \uc54c\uc544\ubcf4\uc2ed\uc2dc\uc624.<\/p>\n<h3><a id=\"our-starting-point-what-was-the-problem-and-why-we-had-to-solve-it\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\uc2dc\uc791: \ubb38\uc81c \ud574\uacb0\uc758 \uc7a5\uc560\ubb3c\uacfc \ud544\uc694\uc131<\/h3>\n<p>\uc6f9\uc0ac\uc774\ud2b8\ub97c \uac1c\ud3b8\ud568\uc73c\ub85c\uc368 \uc6b0\ub9ac\ub294 \uc138 \uac00\uc9c0 \uc8fc\uc694 \ubaa9\ud45c\ub97c \ub2ec\uc131\ud558\ub294 \ub370 \uc911\uc810\uc744 \ub450\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<ol>\n<li>\uc2e0\uc18d\ud55c \ud398\uc774\uc9c0 \ub85c\ub529, \uac1c\uc120\ub41c UX, \ucd5c\uace0 \uc218\uc900\uc758 \ucf58\ud150\uce20\ub97c \ud1b5\ud574 \uc804\ud658\uc728\uc744 \ub192\uc785\ub2c8\ub2e4.<\/li>\n<li>SEO\ub97c \uac15\ud654\ud558\uace0 \uac80\uc0c9 \uc5d4\uc9c4\uc5d0\uc11c \ub354 \ub098\uc740 \uac00\uc2dc\uc131\uc744 \ud655\ubcf4\ud569\ub2c8\ub2e4.<\/li>\n<li>\uc0c8\ub85c\uc6b4 \ud504\ub85c\uc81d\ud2b8\uc640 \uace0\uac1d \ub9ac\ubdf0\ub97c \uc120\ubcf4\uc784\uc73c\ub85c\uc368 \ube0c\ub79c\ub4dc \uc774\ubbf8\uc9c0\ub97c \ud5a5\uc0c1\uc2dc\ud0b5\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p>\uc774\ub7ec\ud55c \ubaa9\ud45c\ub294 \ud1b5\ud569\uc5d0 \ud544\uc694\ud55c \uae30\ub2a5\uc744 \uacb0\uc815\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\uc758 \ubaa9\ud45c\ub97c \uc2e4\ud604\ud558\uae30 \uc704\ud574 \uc0dd\uac01\ud574\ub0b8 \ud575\uc2ec \uae30\ub2a5\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul>\n<li> \ub2f9\uc0ac\uc758 \uc11c\ube44\uc2a4, \ubd80\ubb38, \uae30\uc220 \ubc0f \uc0ac\ub840 \uc5f0\uad6c\ub97c \uc804\uc2dc\ud558\uae30 \uc704\ud574 \uc778\uc0c1\uc801\uc778 \uc678\uad00\uc744 \uac16\ucd98 \ucc38\uc2e0\ud558\uac8c \uad6c\uc131\ub41c \uc6f9 \ud398\uc774\uc9c0\uc785\ub2c8\ub2e4.<\/li>\n<li> \uac80\uc0c9 \uae30\ub2a5, \ud0dc\uadf8 \ubc0f \uce74\ud14c\uace0\ub9ac\ub97c \uac16\ucd98 \ud5a5\uc0c1\ub41c \ube14\ub85c\uadf8 \uac8c\uc2dc\ubb3c \ud398\uc774\uc9c0.<\/li>\n<li> \ud3b8\ub9ac\ud55c \uc758\uc0ac\uc18c\ud1b5\uc744 \uc704\ud55c &#039;\uc5f0\ub77d\ucc98&#039; \ubc0f \ub300\uccb4 \uc591\uc2dd\uc785\ub2c8\ub2e4.<\/li>\n<li> \ub2e4\uc591\ud55c \ud0c0\uc0ac \ud1b5\ud569: Google Tag Manager, Cookiebot \ubc0f Hubspot \ub4f1.<\/li>\n<\/ul>\n<p>\uc804\ubc18\uc801\uc73c\ub85c \uc6b0\ub9ac\uc758 \ubaa9\ud45c\ub294 \uc548\uc804\ud55c \uc815\uc801 \uc6f9\uc0ac\uc774\ud2b8\ub97c \uad6c\ucd95\ud558\ub294 \uac83\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \uc6b0\ub9ac\ub294 \uc774\ub7ec\ud55c \ubaa9\ud45c\uc5d0 \uc644\ubcbd\ud558\uac8c \ubd80\ud569\ud558\ub294 React \ud504\ub808\uc784\uc6cc\ud06c\uc778 GatsbyJS\ub97c \uc120\ud0dd\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc65c \uac1c\uce20\ube44\uc778\uc9c0 \ubb3c\uc5b4\ubcf4\uc2dc\ub098\uc694? \uadfc\ubcf8\uc801\uc778 \ud798 <a href=\"https:\/\/www.gatsbyjs.com\/\">@GatsbyJS<\/a> \ucef4\ud30c\uc77c \uc911\uc5d0 \ubbf8\ub9ac \uad6c\ucd95\ub41c HTML, CSS \ubc0f JavaScript\ub97c \uc870\ud654\uc2dc\ucf1c \uc6f9 \uac1c\ubc1c\uc744 \uc6d0\ud65c\ud558\uace0 \ube60\ub978 \ud504\ub85c\uc138\uc2a4\ub85c \uc804\ud658\ud558\ub294 \uae30\ub2a5\uc5d0 \uc788\uc2b5\ub2c8\ub2e4. React\ub85c \uad6c\ucd95\ub41c GatsbyJS\ub97c \ud1b5\ud574 React \uc0dd\ud0dc\uacc4\uc758 \ud655\uc7a5 \uae30\ub2a5\uc744 \ud65c\uc6a9\ud558\uc5ec \uac1c\ubcc4 \ud15c\ud50c\ub9bf\uacfc \uad6c\uc131 \uc694\uc18c\ub97c \ub9cc\ub4e4 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uac1c\ud3b8\ub41c \uc6f9\uc0ac\uc774\ud2b8\uc5d0\uc11c \uc8fc\ubaa9\uc744 \uc694\ud558\ub294 \ub610 \ub2e4\ub978 \uce21\uba74\uc740 API \ubc31\uc5d4\ub4dc\uc600\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\uc758 \uc120\ud638\ub294 <a href=\"https:\/\/www.gatsbyjs.com\/\">@\uc2a4\ud2b8\ub77c\ud53c<\/a>, \uc624\ud508 \uc18c\uc2a4 \ucf58\ud150\uce20 \uad00\ub9ac \uc2dc\uc2a4\ud15c. \uc774 \uc2dc\uc2a4\ud15c\uc744 \ud1b5\ud574 \ub370\uc774\ud130 \uad6c\uc870\ub97c \ub9de\ucda4\ud654\ud558\uace0 \ud14d\uc2a4\ud2b8, \uc774\ubbf8\uc9c0, \ube44\ub514\uc624\uc640 \uac19\uc740 \ub2e4\uc591\ud55c \ucf58\ud150\uce20 \ud615\uc2dd\uc744 \uad00\ub9ac\ud558\uae30 \uc704\ud55c API \uae30\ub2a5\uc744 \ud655\uc7a5\ud560 \uc218 \uc788\uc5c8\uc744 \ubfd0\ub9cc \uc544\ub2c8\ub77c \uc0ac\uc6a9\uc790 \uce5c\ud654\uc801\uc778 \uad00\ub9ac \ud328\ub110\uacfc \ucd94\uac00 \uae30\ub2a5 \ub355\ubd84\uc5d0 \uc0c1\ub2f9\ud55c \uc2dc\uac04\uacfc \ub9ac\uc18c\uc2a4\ub97c \uc808\uc57d\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \uac83\uc744 \ucc98\uc74c\ubd80\ud130 \uac1c\ubc1c\ud560 \ud544\uc694\uc131\uc744 \uc6b0\ud68c\ud55c \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c \uc11c\ubc84 \uc694\uccad\uc758 \uacbd\uc6b0 GraphQL\uc744 \ud65c\uc6a9\ud588\uc2b5\ub2c8\ub2e4. GatsbyJS\uc640 \uc6d0\ud65c\ud558\uac8c \ud638\ud658\ub418\ubbc0\ub85c \ucffc\ub9ac \ud615\uc2dd\uc744 \uc815\uc758\ud558\uace0 \ud544\uc218 \ud544\ub4dc\uc640 \uad00\uacc4\ub9cc \uc9c0\uc815\ud560 \uc218 \uc788\uc73c\ubbc0\ub85c \ubd88\ud544\uc694\ud55c \ub370\uc774\ud130\ub97c \ud53c\ud558\uc5ec \ud398\uc774\uc9c0 \ub85c\ub529 \uc2dc\uac04\uc774 \ub354 \ube68\ub77c\uc84c\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4qeyraes7wajqomfi0qa.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4qeyraes7wajqomfi0qa.png\" alt=\"\uc6b0\ub9ac \uc0ac\uc774\ud2b8\uc758 \uae30\uc220 \uc870\ud569\" \/><\/a><br \/>\n<em>\uae30\uc220\uc758 \uc735\ud569\uc744 \ud1b5\ud574 \uc6b0\ub9ac\ub294 \ucd5c\uc801\uc758 \uc6f9\uc0ac\uc774\ud2b8 \uc548\uc815\uc131\uacfc \ubcf4\uc548\uc744 \ub2ec\uc131\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/em><\/p>\n<p>\uc644\ub8cc\ub418\uc790 \uc0c8\ub85c\uc6b4 \uc6f9\uc0ac\uc774\ud2b8\uac00 \ubaa8\uc2b5\uc744 \ub4dc\ub7ec\ub0b4\uba70 \uc21c\uc704\uac00 \ub192\uc544\uc9c0\uace0 \ub514\uc790\uc778\uc774 \uc0c8\ub85c\uc6cc\uc84c\uc2b5\ub2c8\ub2e4. \ucc98\uc74c\uc5d0\ub294\u2026\uadf8\ub7ec\ub098 \uc774\ud6c4\uc5d0\ub294 \uc0c1\ud669\uc774 \uc810\ucc28 \uc545\ud654\ub418\uae30 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4. \uc0c8 \ud398\uc774\uc9c0 \ucd94\uac00, \uc77c\ub828\uc758 \uc218\uc815 \ubc0f \ud0c0\uc0ac \uc18c\ud504\ud2b8\uc6e8\uc5b4 \ud1b5\ud569\uc5d0 \ub530\ub77c \ucf54\ub4dc\ubca0\uc774\uc2a4\ub294 \uc6f9 \ud398\uc774\uc9c0 \uc18d\ub3c4 \ubd84\uc11d \ub3c4\uad6c\uc778 Google\uc758 Lighthouse\uc5d0 \ub300\ud55c \uc131\ub2a5 \ub4f1\uae09\uc774 \ud06c\uac8c \ub5a8\uc5b4\uc9c8 \uc815\ub3c4\ub85c \uc131\uc7a5\ud588\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft41i1svi70m8vy7kb53p.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ft41i1svi70m8vy7kb53p.png\" alt=\"\uc2dc\uc791\ud558\uae30 \uc804 \ub0ae\uc740 \ub4f1\ub300 \uc810\uc218\" \/><\/a><br \/>\n<em>The Lighthouse\ub294 \uac1c\uc120 \ub178\ub825\uc744 \uc2dc\uc791\ud558\uae30 \uc804\uc5d0 \ub2f9\uc0ac \uc6f9\uc0ac\uc774\ud2b8\uac00 \ubcf4\uc720\ud558\uace0 \uc788\ub294 \uc810\uc218\ub97c \ud3c9\uac00\ud569\ub2c8\ub2e4.<\/em><\/p>\n<p>\uc774\ub807\uac8c \uac10\uc18c\ub41c \uc810\uc218\ub85c \uc778\ud574 Google\ub294 \uc6b0\ub9ac\uc5d0\uac8c \uc720\ub9ac\ud55c \uc704\uce58\ub97c \ucc28\uc9c0\ud558\uc9c0 \ubabb\ud560 \uac83\uc785\ub2c8\ub2e4. \uac8c\ub2e4\uac00, \uadf8\ub807\uac8c \ud558\ub354\ub77c\ub3c4 \uc0ac\uc6a9\uc790\ub294 \ub85c\ub4dc\ub420 \ub54c\uae4c\uc9c0 \uae30\ub2e4\ub9ac\uc9c0 \uc54a\uc744 \uac83\uc785\ub2c8\ub2e4.<\/p>\n<p><a href=\"https:\/\/www.ericsson.com\/assets\/local\/mobility-report\/documents\/2016\/ericsson-mobility-report-feb-2016-interim.pdf\">Ericsson\uc758 \uc5f0\uad6c<\/a> \ubaa8\ubc14\uc77c \uc7a5\uce58\uc5d0\uc11c \ud398\uc774\uc9c0 \ub85c\ub529 \uc9c0\uc5f0\uc73c\ub85c \uc778\ud55c \ubd80\ub2f4\uc740 \uacf5\ud3ec \uc601\ud654\ub97c \ubcf4\ub294 \uac83\uacfc \ube44\uc2b7\ud558\ub2e4\ub294 \uac83\uc744 \ubcf4\uc5ec\uc8fc\uc5c8\uc2b5\ub2c8\ub2e4. \ub9e4 \uc21c\uac04\uc774 \uc131\ub2a5 \uce21\uba74\uc5d0\uc11c \uc911\ucd94\uc801\uc778 \uc5ed\ud560\uc744 \ud569\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc5b4\ub824\uc6c0\uc744 \uc774\ud574\ud558\uace0 \uc6b0\ub9ac\ub294 \uc989\uc2dc \uc0ac\uc774\ud2b8 \uc131\ub2a5\uc744 \uac1c\uc120\ud558\uae30 \uc704\ud574 \ub178\ub825\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<h3><a id=\"improving-website-performance-step-by-step\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\uc6f9\uc0ac\uc774\ud2b8 \ud6a8\uc728\uc131\uc744 \uccb4\uacc4\uc801\uc73c\ub85c \ud5a5\uc0c1<\/h3>\n<p>\uc8fc\ubaa9\ud560 \ub9cc\ud55c \uc131\ub2a5 \ud5a5\uc0c1\uc744 \ub2ec\uc131\ud558\uae30 \uc704\ud574 \uc6b0\ub9ac\ub294 \uc6f9 \uc0ac\uc774\ud2b8\ub97c \uad34\ub86d\ud788\ub294 \uc8fc\uc694 \ubb38\uc81c\ub97c \uba74\ubc00\ud788 \uc870\uc0ac\ud558\uace0 \uac01 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud55c \ub178\ub825\uc744 \uc2dc\uc791\ud588\uc2b5\ub2c8\ub2e4. \uc544\ub798\uc5d0\uc11c\ub294 \uc6b0\ub9ac\uac00 \uc8fc\uc694 \uacfc\uc81c\ub97c \uc5b4\ub5bb\uac8c \uadf9\ubcf5\ud588\ub294\uc9c0 \uc124\uba85\ud569\ub2c8\ub2e4.<\/p>\n<h3><a id=\"1-accelerating-network-connections-establishment-by-2x\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>1. \ub124\ud2b8\uc6cc\ud06c \uc5f0\uacb0 \uc124\uc815 \uc18d\ub3c4\ub97c \ub450 \ubc30\ub85c \ud5a5\uc0c1<\/h3>\n<p><a href=\"https:\/\/gtmetrix.com\/\">GMetrics<\/a>\uc6f9 \uc0ac\uc774\ud2b8 \ub85c\ub529 \ud328\ud134\uc744 \uae30\uc220\ud558\ub294 \ub3c4\uad6c\uc778 \ub294 \uc5f0\uacb0 \uc2dc\uac04 \uc5f0\uc7a5\uc758 \uc6d0\uc778\uc774 \ub418\ub294 \uc678\ubd80 \ub3c4\uba54\uc778\uc758 \ub9ac\uc18c\uc2a4\ub97c \uc815\ud655\ud788 \ucc3e\uc544\ub0b4\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fib2ybxxm0z5knguw3hnq.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fib2ybxxm0z5knguw3hnq.png\" alt=\"\ub2e4\uc6b4\ub85c\ub4dc \uc2dc\uac04 \ub2e4\uc774\uc5b4\uadf8\ub7a8\" \/><\/a><br \/>\n<em>\ubcf4\ub77c\uc0c9 \ud0c0\uc774\ubc0d\uc740 \ub3c4\uba54\uc778 \uc774\ub984 \uc11c\ubc84\uac00 \ub3c4\uba54\uc778 \uc774\ub984\uc758 IP \uc8fc\uc18c\uc5d0 \ub300\ud55c \uc694\uccad\uc744 \uc218\uc2e0\ud558\ub294 \ub370 \uac78\ub9ac\ub294 \uc2dc\uac04\uc744 \ub098\ud0c0\ub0b4\uace0 \ubc1d\uc740 \ub179\uc0c9\uc740 \uc11c\ubc84 \uc5f0\uacb0 \uc2dc\uac04\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uac04\uaca9\uc774 \uae38\uc5b4\uc9d0\uc5d0 \ub530\ub77c \uc11c\ubc84 \uc5f0\uacb0 \uc2dc\uac04\uc744 \uc5b5\uc81c\ud558\uc5ec \uc2e0\uc18d\ud558\uac8c \ucc98\ub9ac\ud588\uc2b5\ub2c8\ub2e4.<\/em><\/p>\n<p>\uc6f9\uc0ac\uc774\ud2b8\uc758 \uc2e0\uc18d\ud55c \ucc98\ub9ac\ub97c \uc704\ud574 \ub2e4\uc591\ud55c \uae30\uc220\uc801 \uac1c\uc120 \uc0ac\ud56d\uc744 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4. \ucc98\uc74c\uc5d0\ub294 HTML\uc744 \ud65c\uc6a9\ud558\uc5ec \ub9ac\uc18c\uc2a4 \ud78c\ud2b8\ub97c \ubc30\ud3ec\ud588\uc2b5\ub2c8\ub2e4. <code>&lt;link&gt;<\/code> \uc18d\uc131. \uc774\ub7ec\ud55c \ud78c\ud2b8\ub294 \ub9ac\uc18c\uc2a4 \uc694\uccad\uc774 \uc11c\ubc84\uc5d0 \uc804\ub2ec\ub418\uae30 \uc804\uc5d0 \ube0c\ub77c\uc6b0\uc800\uac00 \uc0ac\uc804\uc5d0 \uc5f0\uacb0\uc744 \uc124\uc815\ud558\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \uc678\ubd80 \ub3c4\uba54\uc778\uc758 \ub9ac\uc18c\uc2a4\uc758 \uacbd\uc6b0 DNS \ud504\ub9ac\ud398\uce58 \ubc0f \uc0ac\uc804 \uc5f0\uacb0 \ud78c\ud2b8\ub97c \ud1b5\ud569\ud558\uc5ec \uc9c0\uc815\ub41c \ub3c4\uba54\uc778\uacfc\uc758 \uc5f0\uacb0\uc744 \uc2dc\uc791\ud558\ub3c4\ub85d \ube0c\ub77c\uc6b0\uc800\uc5d0 \ubbf8\ub9ac \uc9c0\uc2dc\ud588\uc2b5\ub2c8\ub2e4. \ub530\ub77c\uc11c \ube0c\ub77c\uc6b0\uc800\uac00 \uc678\ubd80 \ub3c4\uba54\uc778\uc758 \ub9ac\uc18c\uc2a4\ub97c \ud544\uc694\ub85c \ud558\ub294 \uacbd\uc6b0 \uc608\ube44 \uc124\uc815\uc774 \uc774\ubbf8 \uc644\ub8cc\ub418\uc5c8\uc73c\ubbc0\ub85c \ud574\ub2f9 \ub9ac\uc18c\uc2a4\uac00 \uc2e0\uc18d\ud558\uac8c \ub85c\ub4dc\ub429\ub2c8\ub2e4.<\/p>\n<p>\uc2a4\ud06c\ub9bd\ud2b8 \ubc0f \uc2a4\ud0c0\uc77c\uc2dc\ud2b8\uc640 \uac19\uc740 \ub0b4\ubd80 \ud30c\uc77c\uacfc \uad00\ub828\ud558\uc5ec &quot;\ubbf8\ub9ac \ub85c\ub4dc&quot; \ubc0f &quot;\ud504\ub9ac\ud398\uce58&quot; \ud78c\ud2b8\ub97c \uc0ac\uc6a9\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc2e0\ud638\ub294 \uc0ac\uc6a9\uc790\uac00 \ub2f9\uc0ac \uc0ac\uc774\ud2b8\uc758 \ud398\uc774\uc9c0\ub97c \ud0d0\uc0c9\ud560 \ub54c \ud544\uc218 \ub9ac\uc18c\uc2a4\ub97c \ub85c\uceec \uce90\uc2dc\uc5d0\uc11c \uac00\uc838\uc624\ub3c4\ub85d \ud558\uc5ec \uc6d0\uaca9 \uc11c\ubc84\uc5d0\uc11c \ud574\ub2f9 \ub9ac\uc18c\uc2a4\ub97c \uac80\uc0c9\ud560 \ud544\uc694\uac00 \uc5c6\ub3c4\ub85d \ud558\uc5ec \ud504\ub85c\uc138\uc2a4\ub97c \uac00\uc18d\ud654\ud569\ub2c8\ub2e4.<\/p>\n<p><strong>\uc774\ub7ec\ud55c \ucd5c\uc801\ud654\ub97c \ud1b5\ud574 *\ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \uac00\uc7a5 \ud070 \ud398\uc778\ud2b8\ub294 2.9\ucd08\uc5d0\uc11c 0.8\ub85c, *\ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \uccab \ubc88\uc9f8 \ud398\uc778\ud2b8\ub294 1\ucd08\uc5d0\uc11c 0.6\ucd08\ub85c \uc904\uc5b4\ub4e4\uc5b4 \ube0c\ub77c\uc6b0\uc800\uc5d0\uc11c \ub9ac\uc18c\uc2a4 \ub85c\ub529\uc744 \uac00\uc18d\ud654\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n<p>*LCP, \uc5d0<a href=\"https:\/\/developers.google.com\/search\/docs\/appearance\/core-web-vitals\">\ud544\uc218 \uc6f9 \ubc14\uc774\ud0c8 \uce21\uc815 <\/a> \uc774\ub294 \uc0ac\uc6a9\uc790\uac00 \ud398\uc774\uc9c0 \ub85c\ub529\uc744 \uc2dc\uc791\ud55c \ub54c\ubd80\ud130 \uac00\uc7a5 \ub208\uc5d0 \ub744\ub294 \uc774\ubbf8\uc9c0\uac00 \ubdf0\ud3ec\ud2b8\uc5d0 \ub098\ud0c0\ub0a0 \ub54c\uae4c\uc9c0\uc758 \uae30\uac04\uc744 \uc218\ub7c9\ud654\ud569\ub2c8\ub2e4.<\/p>\n<p>*FCP\ub294 \uc0ac\uc6a9\uc790\uac00 \ud398\uc774\uc9c0\uc5d0 \ucc98\uc74c \uc561\uc138\uc2a4\ud55c \uc2dc\uc810\uacfc \ucf58\ud150\uce20\uac00 \ud654\uba74\uc5d0 \ub80c\ub354\ub9c1\ub418\ub294 \uc2dc\uc810 \uc0ac\uc774\uc758 \uac04\uaca9\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.<\/p>\n<h3><a id=\"achieving-better-font-loading-with-fast-text-rendering\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\ube60\ub978 \ud14d\uc2a4\ud2b8 \ub80c\ub354\ub9c1\uc73c\ub85c \uae00\uaf34 \ub85c\ub529 \ud5a5\uc0c1<\/h3>\n<p>\uc6b0\ub9ac \ud50c\ub7ab\ud3fc \ub0b4\uc5d0\uc11c\ub294 \uac1c\uc778\ud654\ub41c \uae00\uaf34\uacfc \uacf5\uac1c\uc801\uc73c\ub85c \uc0ac\uc6a9 \uac00\ub2a5\ud55c \uae00\uaf34\uc744 \ud63c\ud569\ud558\uc5ec \uc0ac\uc6a9\ud569\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 Google\ubd80\ud130 \uacf5\uac1c \uae00\uaf34 \u201cManrope\u201d\ub97c \ud638\uc2a4\ud305\ud569\ub2c8\ub2e4. <a href=\"https:\/\/fontsource.org\/docs\/getting-started\/introduction\">\uae00\uaf34 \uc18c\uc2a4<\/a> \uceec\ub809\uc158\uc740 \uae00\uaf34\uc744 \uc5bb\ub294 \uac00\uc7a5 \ube60\ub978 \uc811\uadfc \ubc29\uc2dd\uc744 \ub098\ud0c0\ub0c5\ub2c8\ub2e4.<\/p>\n<p>\uadf8\ub7fc\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0 HTML \ud30c\uc77c\uc5d0\uc11c \ud14d\uc2a4\ud2b8\ub97c \uac80\uc0c9\ud588\uc74c\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0 \uae00\uaf34 \ud328\ud0a4\uc9c0\ub97c \ub85c\ub4dc\ud558\ub294 \ub370 \uc9c0\uc5f0\uc774 \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4. \ud14d\uc2a4\ud2b8\uc640 \uae00\uaf34 \ub85c\ub529 \uc0ac\uc774\uc758 \uc774\ub7ec\ud55c \ubd88\uc77c\uce58\ub97c \ud53c\ud558\uae30 \uc704\ud574 \uc6b0\ub9ac\uc758 \ucd08\uae30 \uc804\ub7b5\uc740 \uc120\ud638\ud558\ub294 \uc6f9 \uae00\uaf34\uc774 \uc644\uc804\ud788 \ub85c\ub4dc\ub420 \ub54c\uae4c\uc9c0 \uac00\ub824\uc9c4 \ub300\uccb4 \uae00\uaf34\uc744 \ud45c\uc2dc\ud558\ub294 \uac83\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \uc774 \ubc29\ubc95\uc740 \ud6a8\uacfc\uc801\uc774\uae30\ub294 \ud588\uc9c0\ub9cc LCP \uce21\uc815\ud56d\ubaa9\uc744 \ub298\ub824 \uc2e0\uc18d\ud55c \ud14d\uc2a4\ud2b8 \ub80c\ub354\ub9c1\uc744 \uc704\ud574 \uc804\ub7b5\uc744 \uc870\uc815\ud558\uac8c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc791\uc5c5 \ud750\ub984\uc740 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. \ucc98\uc74c\uc5d0 \ube0c\ub77c\uc6b0\uc800\ub294 \uc9c0\uc815\ub41c \uae00\uaf34 \ubaa8\uc74c \ub0b4\uc5d0\uc11c \uc561\uc138\uc2a4 \uac00\ub2a5\ud55c \uae00\uaf34\uc744 \uc2dd\ubcc4\ud558\uace0 \ud14d\uc2a4\ud2b8 \ub80c\ub354\ub9c1\uc744 \uc704\ud574 \ubc30\ud3ec\ud569\ub2c8\ub2e4. \uc774\ud6c4 \uc6d0\ubcf8 \uae00\uaf34\uc744 \ub85c\ub4dc\ud558\uba74 \ube0c\ub77c\uc6b0\uc800\ub294 \ucd08\uae30 \uae00\uaf34\uc744 \ud544\uc694\ud55c \uae00\uaf34\ub85c \uc6d0\ud65c\ud558\uac8c \ub300\uccb4\ud569\ub2c8\ub2e4. \uc774 \uc804\ub7b5\uc740 \uae00\uaf34 \ud06c\uae30 \ubcc0\uacbd\uc73c\ub85c \uc778\ud574 \uc608\uae30\uce58 \uc54a\uc740 \ud14d\uc2a4\ud2b8 \uc774\ub3d9\uc758 \uc704\ud5d8\uc774 \uc788\uc9c0\ub9cc \uac00\uc7a5 \ube60\ub978 \uae00\uaf34 \ub85c\ub529 \ubc29\ubc95\uc785\ub2c8\ub2e4. \ub808\uc774\uc544\uc6c3 \ubcc0\uacbd\uc744 \uc644\ud654\ud558\uace0 \ub204\uc801 \ub808\uc774\uc544\uc6c3 \ubcc0\uacbd(CLS, \ud398\uc774\uc9c0 \ub85c\ub529 \uc911 \uc608\uc0c1\uce58 \ubabb\ud55c \uc694\uc18c \ubcc0\uacbd\uc744 \ucd94\uc801\ud558\uae30 \uc704\ud55c \uac8c\uc774\uc9c0)\uc744 \uac1c\uc120\ud558\uae30 \uc704\ud574 \uc6b0\ub9ac\ub294 <a href=\"https:\/\/www.w3.org\/TR\/css-fonts-5\/\">CSS \uae00\uaf34 \ubaa8\ub4c8 \ub808\ubca8 5<\/a>, \ub2e4\uc74c\uacfc \uac19\uc740 \uc18d\uc131\uc744 \ud3ec\ud568\ud558\ub294 \uc0ac\uc591 \ubaa8\uc74c\uc785\ub2c8\ub2e4. <em>\uc0ac\uc774\uc988 \uc870\uc815<\/em>, <em>\ud558\uac15 \uc624\ubc84\ub77c\uc774\ub4dc<\/em>, \uadf8\ub9ac\uace0 <em>\ub77c\uc778 \uac2d \uc624\ubc84\ub77c\uc774\ub4dc<\/em>, \uc774\ub294 \ucf58\ud150\uce20 \uc774\ub3d9\uc744 \ubc29\uc9c0\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\uc5c8\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4sf85oqslg70lkwpjfd7.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F4sf85oqslg70lkwpjfd7.png\" alt=\"\ub2e4\uc591\ud55c \uae00\uaf34 \uc811\uadfc \ubc29\uc2dd\uc744 \uc0ac\uc6a9\ud558\uc5ec \ub2e4\uc6b4\ub85c\ub4dc \uc2dc\uac04\uc744 \ud45c\uc2dc\ud558\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\" \/><\/a><br \/>\n<em>CSS \uae00\uaf34 \ubaa8\ub4c8 \ub808\ubca8 5\ub294 \ub808\uc774\uc544\uc6c3\uc5d0 \uc601\ud5a5\uc744 \uc8fc\uc9c0 \uc54a\uace0 \uae00\uaf34 \ubcc0\uacbd\uc744 \ubcf4\uc7a5\ud558\uba74\uc11c \uc644\ubcbd\ud558\uac8c \uc218\ud589\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/em><\/p>\n<p><strong>\uacb0\uacfc\uc801\uc73c\ub85c, \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \uccab \ubc88\uc9f8 \ud398\uc778\ud2b8, \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \ucd5c\ub300 \ud398\uc778\ud2b8, \ub204\uc801 \ub808\uc774\uc544\uc6c3 \uc774\ub3d9\uc774\ub77c\ub294 \uc138 \uac00\uc9c0 \uc9c0\ud45c\uac00 \ud5a5\uc0c1\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \ud2b9\ud788 CLS\ub294 0,143\ucd08\uc5d0\uc11c 0\ucd08\ub85c \ub2e8\ucd95\ub410\ub2e4.<\/strong><\/p>\n<h3><a id=\"improving-the-loading-of-images-and-video\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\uc0ac\uc9c4 \ubc0f \ube44\ub514\uc624 \ub85c\ub529 \ud5a5\uc0c1<\/h3>\n<p>\uc6b0\ub9ac\uac00 \uc9c1\uba74\ud55c \ub610 \ub2e4\ub978 \uc131\ub2a5 \ubb38\uc81c\ub294 \uc0c1\ub2f9\ud55c \ub124\ud2b8\uc6cc\ud06c \ud398\uc774\ub85c\ub4dc\uc600\uc2b5\ub2c8\ub2e4. \uc6f9\uc0ac\uc774\ud2b8 \uac10\uc0ac\uc5d0\uc11c\ub294 \ud488\uc9c8 \uc800\ud558 \uc5c6\uc774 \ud06c\uae30\ub97c \uc904\uc5ec \uc774\ubbf8\uc9c0\uc640 \ube44\ub514\uc624\uc758 \ub85c\ub529 \ud504\ub85c\uc138\uc2a4\ub97c \uac04\uc18c\ud654\ud574\uc57c \ud55c\ub2e4\ub294 \uc0ac\uc2e4\uc744 \ubc1d\ud600\ub0c8\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxwm6p0b4vn1knuo68g57.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxwm6p0b4vn1knuo68g57.png\" alt=\"\ub2e4\uc591\ud55c \ud30c\uc77c \uc720\ud615\uc744 \ubcf4\uc5ec\uc8fc\ub294 \ub2e4\uc774\uc5b4\uadf8\ub7a8\" \/><\/a><br \/>\n<em><a href=\"https:\/\/yellowlab.tools\/\">\ub178\ub780\uc0c9 \uc2e4\ud5d8\uc2e4 \ub3c4\uad6c<\/a> \ud3c9\uac00\uc5d0 \ub530\ub974\uba74 \ube44\ub514\uc624\uc640 \uc774\ubbf8\uc9c0\ub294 \ubaa8\ub4e0 \ud30c\uc77c \ud615\uc2dd \uc911\uc5d0\uc11c \ub2f9\uc0ac \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uc0c1\ub2f9\ud55c \ubd80\ub2f4\uc744 \uc8fc\ub294 \uac83\uc73c\ub85c \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4.<\/em><\/p>\n<p>\ub2f9\uc0ac \uc6f9\uc0ac\uc774\ud2b8\ub294 \ubca1\ud130 \uc774\ubbf8\uc9c0(SVG(Scalable Vector Graphics) \ud615\uc2dd)\uc640 \ub798\uc2a4\ud130 \uc774\ubbf8\uc9c0(PNG \ubc0f JPG \ud615\uc2dd)\uc758 \ub450 \uac00\uc9c0 \uc774\ubbf8\uc9c0 \ubcc0\ud615\uc73c\ub85c \uad6c\uc131\ub429\ub2c8\ub2e4. \uac01 category\uc5d0 \ub300\ud574 \uc11c\ub85c \ub2e4\ub978 \ucd5c\uc801\ud654 \uae30\uc220\uc774 \uc0ac\uc6a9\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<h4><a id=\"31-optimization-of-vector-images-3-1-optimization-of-vector-images\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a><a href=\"#31-optimization-of-vector-images\"><\/a>3.1 \ubca1\ud130 \uc774\ubbf8\uc9c0\uc758 \ud5a5\uc0c1<\/h4>\n<p>\ubca1\ud130 \uc774\ubbf8\uc9c0\ub294 \uc77c\ubc18\uc801\uc73c\ub85c \uac00\ubcbc\uc6b4 \ud2b9\uc131\uc744 \uc790\ub791\ud569\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uac01 \uc774\ubbf8\uc9c0\ub97c \ub85c\ub4dc\ud558\uae30 \uc704\ud574 \uc0c8\ub85c\uc6b4 HTTP \uc694\uccad\uc774 \ud544\uc694\ud558\uc5ec \uc131\ub2a5\uc774 \uc800\ud558\ub420 \ub54c \ubb38\uc81c\uac00 \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4. \uc774 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud574 \uc6b0\ub9ac\ub294 \uc774\ubbf8\uc9c0\ub97c HTML\uc5d0 \uc9c1\uc811 \uc0bd\uc785\ud560 \uc218 \uc788\ub294 \uc778\ub77c\uc778 SVG \ucc44\ud0dd\uc744 \uc120\ud0dd\ud588\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ub2e4\uc74c\uc744 \ud1b5\ud574 \ucd09\uc9c4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/www.gatsbyjs.com\/plugins\/gatsby-plugin-react-svg\/\"> &#039;\uac1c\uce20\ube44-\ud50c\ub7ec\uadf8\uc778-\ubc18\uc751-svg&#039; <\/a>, \ud504\ub85c\uc138\uc2a4\ub97c \uac04\uc18c\ud654\ud558\ub294 Gatsby \ud504\ub808\uc784\uc6cc\ud06c \ub0b4\uc758 \ud50c\ub7ec\uadf8\uc778\uc785\ub2c8\ub2e4.<\/p>\n<h4><a id=\"32-optimization-of-raster-images-3-2-enhancement-of-raster-images\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a><a href=\"#32-optimization-of-raster-images\"><\/a>3.2 \ub798\uc2a4\ud130 \uc774\ubbf8\uc9c0 \ud5a5\uc0c1 <\/h4>\n<p>PNG \ubc0f JPG \uc774\ubbf8\uc9c0\uc758 \ub85c\ub529 \uc18d\ub3c4\ub97c \ub192\uc774\uae30 \uc704\ud574 \ucd5c\uc2e0 .webP \ud615\uc2dd\uc73c\ub85c \uc804\ud658\ud558\uc5ec \ud488\uc9c8 \uc800\ud558\ub97c \ucd5c\uc18c\ud654\ud558\uba74\uc11c \ub6f0\uc5b4\ub09c \uc555\ucd95\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4. \ub9c8\ucc2c\uac00\uc9c0\ub85c, \ube44\ub514\uc624 \ubcc0\ud658\uc774 .mp4\uc5d0\uc11c .webM\uc73c\ub85c \uc218\ud589\ub418\uc5b4 \ud5a5\uc0c1\ub41c \uc555\ucd95 \ubc0f \ud488\uc9c8\uc774 \ubcf4\uc7a5\ub418\uc5c8\uc2b5\ub2c8\ub2e4. .webP \ubc0f .webM\uc774 \uc8fc\uc694 \ud615\uc2dd\uc73c\ub85c \ucc44\ud0dd\ub418\uc5c8\uc9c0\ub9cc \uc774\uc804 \ube0c\ub77c\uc6b0\uc800 \ubc84\uc804\uacfc\uc758 \ud638\ud658\uc131 \ubb38\uc81c\uac00 \uc608\uc0c1\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub97c \uc644\ud654\ud558\uae30 \uc704\ud574 .webP \ubc0f .webM\uc5d0 \ub300\ud55c \uc9c0\uc6d0\uc774 \ubd80\uc871\ud55c \ube0c\ub77c\uc6b0\uc800\uc5d0 \ub300\ud574 .png, .jpg \ubc0f .mp4 \ud615\uc2dd\uc73c\ub85c\uc758 \ub300\uccb4\uac00 \uc720\uc9c0\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uac8c\ub2e4\uac00 \uc774\ubbf8\uc9c0 \ub514\uc2a4\ud50c\ub808\uc774\ub294 \ub2e4\uc591\ud55c \uc7a5\uce58\uc5d0 \uac78\uccd0 \ucd5c\uc801\ud654\uac00 \ud544\uc694\ud588\uc2b5\ub2c8\ub2e4. \ubaa8\ubc14\uc77c, \ud0dc\ube14\ub9bf, \ub178\ud2b8\ubd81, 4K \ubaa8\ub2c8\ud130 \ub4f1 \ub2e4\uc591\ud55c \uc7a5\uce58\uc5d0\ub294 \uace0\uc720\ud55c \uc774\ubbf8\uc9c0 \ud06c\uae30\uac00 \ud544\uc694\ud588\uc2b5\ub2c8\ub2e4. \ubaa8\ubc14\uc77c\uacfc 4K \ubaa8\ub2c8\ud130 \ubaa8\ub450\uc5d0 \ub3d9\uc77c\ud55c \uc774\ubbf8\uc9c0\ub97c \uc5c5\ub85c\ub4dc\ud558\uba74 \uc6f9\uc0ac\uc774\ud2b8 \ub85c\ub529 \uc2dc\uac04\uc774 \ub298\uc5b4\ub0ac\uc2b5\ub2c8\ub2e4. \uc774\uc5d0 \ub300\ud55c \ud574\uacb0\ucc45\uc73c\ub85c \uc6b0\ub9ac\ub294 \ube0c\ub77c\uc6b0\uc800\uac00 \ucc3d \ud06c\uae30, \ud654\uba74 \ud574\uc0c1\ub3c4, \ub124\ud2b8\uc6cc\ud06c \uc18d\ub3c4 \ub4f1\uacfc \uac19\uc740 \uc694\uc18c\ub97c \uae30\ubc18\uc73c\ub85c \ucd5c\uc0c1\uc758 \uc774\ubbf8\uc9c0\ub97c \uc120\ud0dd\ud560 \uc218 \uc788\ub3c4\ub85d \ucf54\ub4dc\uc5d0 \ub2e4\uc591\ud55c \uc774\ubbf8\uc9c0 \uc635\uc158\uc744 \ud3ec\ud568\ud558\ub294 \uc801\uc751\ud615 \uadf8\ub798\ud53d\uc744 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4. \ub2e4\uc74c\uacfc \uac19\uc740 \ud328\ud0a4\uc9c0\ub97c \ud65c\uc6a9\ud558\uc5ec <a href=\"https:\/\/www.gatsbyjs.com\/plugins\/gatsby-background-image\/\"> &#039;\uac1c\uce20\ube44 \ubc30\uacbd \uc774\ubbf8\uc9c0&#039; <\/a> \uadf8\ub9ac\uace0 <a href=\"https:\/\/www.gatsbyjs.com\/plugins\/gatsby-image\/\"> &#039;\uac1c\uce20\ube44 \uc774\ubbf8\uc9c0&#039; <\/a>, \uc6b0\ub9ac\ub294 \uac1c\ubcc4 \uc7a5\uce58\uc5d0 \ub9de\uac8c \uc870\uc815\ub41c \uc5ec\ub7ec \uc774\ubbf8\uc9c0 \ubcc0\ud615\uc744 \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4. \uc5d0\uc11c <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/network\/\">\ub124\ud2b8\uc6cc\ud06c \ud0ed<\/a> \uc544\ub798 \uc2a4\ub0c5\uc0f7\uc744 \ubcf4\uba74 \ud398\uc774\uc9c0 \ud45c\uc2dc \ubaa8\ub4dc \uac04\uc744 \uc804\ud658\ud55c &quot;\uc7a5\uce58 \uc804\ud658 \ub3c4\uad6c \ubaa8\uc74c&quot;\uc774 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwqgndx0o5ewcz73vdhn1.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwqgndx0o5ewcz73vdhn1.png\" alt=\"\uc7a5\uce58 \ub3c4\uad6c \ubaa8\uc74c\" \/><\/a><br \/>\n<em>\uc5ec\uae30\uc11c\ub294 \ub2e4\uc591\ud55c \uc7a5\uce58\uc5d0 \ub300\ud55c \uc774\ubbf8\uc9c0 \ub85c\ub529\uc744 \uac1c\uc120\ud558\uae30 \uc704\ud574 \uc7a5\uce58 \ub3c4\uad6c \ubaa8\uc74c\uc744 \ud65c\uc131\ud654\ud588\uc2b5\ub2c8\ub2e4.<\/em><br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3vay7wymdda5jsalwm3o.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3vay7wymdda5jsalwm3o.png\" alt=\"\ucd95\uc18c\ub41c \ud06c\uae30\ub85c \ub3d9\uc77c\ud55c \ud30c\uc77c\uc5d0 \ub300\ud55c \ub85c\ub529 \ud504\ub85c\uc138\uc2a4 \ucd5c\uc801\ud654\" \/><\/a><br \/>\n<em>\uc5ec\uae30\uc5d0\ub294 \ud06c\uae30\uac00 \ucd95\uc18c\ub41c \ub2e4\uc591\ud55c \uc7a5\uce58\uc5d0 \ucd5c\uc801\ud654\ub41c \ub3d9\uc77c\ud55c \ud30c\uc77c\uc774 \ud45c\uc2dc\ub429\ub2c8\ub2e4.<\/em><\/p>\n<h4><a id=\"33-lazy-loading-for-behindthescenes-images-3-3-lazy-loading-for-background-images\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a><a href=\"#33-lazy-loading-for-behindthescenes-images\"><\/a>3.3 \ube44\ud558\uc778\ub4dc \uc774\ubbf8\uc9c0\ub97c \uc704\ud55c \uc9c0\uc5f0 \ub85c\ub529<\/h4>\n<p>\ub9c8\uc9c0\ub9c9\uc73c\ub85c, \uc0ac\uc6a9\uc790\uac00 \uc774\ubbf8\uc9c0\ub97c \ubcfc \ub54c\ub9cc \uc774\ubbf8\uc9c0 \ub85c\ub529\uc744 \ubcf4\uc7a5\ud558\uae30 \uc704\ud574 \ud750\ub9bf\ud55c \uc774\ubbf8\uc9c0 \ud6a8\uacfc\uc640 \uacb0\ud569\ub41c \uc9c0\uc5f0 \ub85c\ub529\uc744 \uad6c\ud604\ud558\uc5ec \uc81c\ud55c\ub41c \uc0ac\uc6a9\uc790\uc758 \uacbd\ud5d8\uc744 \ud48d\ubd80\ud558\uac8c \ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uac00\uaca9 \ucc45\uc815 \uc77c\uc815 \ub610\ub294 \ub290\ub9b0 \uc778\ud130\ub137 \uc5f0\uacb0.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fboek61ri3wkz9q7xzadf.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fboek61ri3wkz9q7xzadf.png\" alt=\"\uc2dc\uac01\uc801 \uac1c\uccb4\uc758 \uc9c0\uc5f0 \ub85c\ub529 \uba54\ucee4\ub2c8\uc998\uc774 \uc791\ub3d9\ud558\ub294 \ubc29\uc2dd\" \/><\/a><br \/>\n<em>\uc774\ub294 \uc2dc\uac01\uc801 \ucf58\ud150\uce20\uc758 \uc9c0\uc5f0 \ub85c\ub529 \uae30\ub2a5\uc774 \uc5b4\ub5bb\uac8c \uc791\ub3d9\ud558\ub294\uc9c0\ub97c \ubcf4\uc5ec\uc90d\ub2c8\ub2e4.<\/em><\/p>\n<p>\ubaa8\ub4e0 \uc5b4\ub824\uc6b4 \ub178\ub825\uc774 \uc131\uacfc\ub97c \uac70\ub450\uc5c8\uc2b5\ub2c8\ub2e4. \ud488\uc9c8 \uc800\ud558 \uc5c6\uc774 \uc6f9 \uc0ac\uc774\ud2b8\uc758 \uc2dc\uac01\uc801 \ud06c\uae30\ub97c \ub208\uc5d0 \ub744\uac8c \uc904\uc600\uc2b5\ub2c8\ub2e4.<\/p>\n<p><a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ikwaoooeepq81fmvnch.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7ikwaoooeepq81fmvnch.png\" alt=\"Yellow Lab Tools\uc758 \uc2a4\ucf00\uce58\" \/><\/a><br \/>\n<em>\ud5a5\uc0c1\ub41c \uacb0\uacfc\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0 Yellow Lab Tools\ub294 \ube44\ub514\uc624\uac00 \ud398\uc774\uc9c0 \ubb34\uac8c\uc5d0\uc11c \uc5ec\uc804\ud788 \ub354 \ud070 \ubd80\ubd84\uc744 \ucc28\uc9c0\ud558\uc9c0\ub9cc \uc2dc\uac01\uc801 \uc694\uc18c\uc758 \ub85c\ub4dc\uac00 \ud06c\uac8c \uac10\uc18c\ud588\uc74c\uc744 \ubcf4\uc5ec\uc90d\ub2c8\ub2e4(\ubcf4\ub77c\uc0c9 \ubd80\ubd84).<\/em><\/p>\n<p><strong>\ud5a5\uc0c1\ub41c \uae30\ub2a5\uc73c\ub85c \uc778\ud574 CLS \ubc0f LCP\uc640 \uac19\uc740 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uacfc \uac8c\uc774\uc9c0\uac00 \uc0c1\ub2f9\ud788 \ud48d\ubd80\ud574\uc84c\uc2b5\ub2c8\ub2e4. Gatsby \uc0dd\ud0dc\uacc4 \ub0b4\uc5d0\uc11c \uc2dc\uac01\uc801 \ucd5c\uc801\ud654 \ud655\uc7a5 \uae30\ub2a5\uc744 \ub3c5\uc810\uc801\uc73c\ub85c \ud65c\uc6a9\ud558\uc5ec \uc131\ub2a5 \ud5a5\uc0c1 \ud504\ub85c\uc138\uc2a4\ub97c \ucd09\uc9c4\ud588\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n<h3><a id=\"4-optimizing-caching\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>4. \uce90\uc2f1 \uac04\uc18c\ud654<\/h3>\n<p>\uc6f9 \uc11c\ubc84\uac00 \uc6f9 \ud398\uc774\uc9c0\uc758 \ubcf5\uc0ac\ubcf8\uc744 \uc720\uc9c0\ud558\ub294 \ubc29\ubc95\uc778 \uce90\uc2f1\uc740 \uc6f9 \uc0ac\uc774\ud2b8 \uc0dd\uc131 \uacfc\uc815\uc5d0\uc11c \ucc98\uc74c\uc5d0\ub294 \ubb34\uc2dc\ub418\uc5c8\ub2e4\ub294 \uc810\uc744 \uc778\uc815\ud574\uc57c \ud569\ub2c8\ub2e4. \ud6a8\uacfc\uc801\uc778 \uce90\uc2f1\uc744 \ud1b5\ud574 \uc6f9\uc0ac\uc774\ud2b8 \uc18d\ub3c4\ub97c \ub192\uc774\uace0 \uc11c\ubc84 \ubd80\ub2f4\uc744 \uc904\uc77c \uc218 \uc788\ub2e4\ub294 \uc810\uc5d0\uc11c \uc774\ub294 \ubd80\uc778\ud560 \uc218 \uc5c6\ub294 \uc804\ub9dd\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \uce90\uc2dc \ucd5c\uc801\ud654\ub97c \ub530\ub77c\uc7a1\uae30\ub85c \uacb0\uc2ec\ud588\uc9c0\ub9cc \ub2e4\uc591\ud55c \ud2b9\uc815 \uc7a5\uc560\ubb3c\uc5d0 \uc9c1\uba74\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc6b0\ub9ac\uc758 \ubaa9\ud45c\ub294 \ub9ac\uc18c\uc2a4\ub97c \ub9e4\ubc88 \ub2e4\uc6b4\ub85c\ub4dc\ud558\ub294 \ub300\uc2e0 \ud5a5\ud6c4 \ubc29\ubb38\uc744 \uc704\ud574 \uc800\uc7a5\ud574 \ub450\uc5b4 \ub9ac\uc18c\uc2a4 \ub85c\ub4dc\ub97c \uac00\uc18d\ud654\ud558\ub294 \uac83\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub97c \ub2ec\uc131\ud558\uae30 \uc704\ud574 \uc6b0\ub9ac\ub294 HTTP \ud5e4\ub354\uc5d0 &#039;cache-control&#039; \uc18d\uc131\uc744 \uc0ac\uc6a9\ud558\uace0 \ud30c\uc77c\uc774 \uce90\uc2dc\uc5d0 \uc720\uc9c0\ub418\uc5b4\uc57c \ud558\ub294 \uae30\uac04\uc744 \uc124\uc815\ud588\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \ub610 \ub2e4\ub978 \ub09c\uad00\uc774 \ub4dc\ub7ec\ub0ac\ub2e4. \uc6f9 \uc0ac\uc774\ud2b8 \ucf58\ud150\uce20\ub098 \ub514\uc790\uc778\uc744 \uc218\uc815\ud574\ub3c4 \ube0c\ub77c\uc6b0\uc800\uac00 \uc774\uc804\uc5d0 \uc800\uc7a5\ub41c \ubcf5\uc0ac\ubcf8\uc744 \uacc4\uc18d \ud65c\uc6a9\ud558\uae30 \ub54c\ubb38\uc5d0 \ubcc0\uacbd \uc0ac\ud56d\uc774 \uc989\uc2dc \ud45c\uc2dc\ub418\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc5b4\ub5bb\uac8c \ud574\uacb0\ud588\ub098\uc694? \ud30c\uc77c \uc774\ub984\uc5d0 \ud574\uc2dc\ub97c \ucd94\uac00\ud558\uc5ec \ud30c\uc77c\uc744 \ud3b8\uc9d1\ud560 \ub54c\ub9c8\ub2e4 \uc0c8\ub85c \uace0\uccd0\uc9d1\ub2c8\ub2e4. \uc774 \uc811\uadfc \ubc29\uc2dd\uc744 \ud1b5\ud574 \uc6b0\ub9ac\ub294 \uce90\uc2dc\uc5d0 \ud30c\uc77c\uc744 \uc7a5\uae30\uac04 \ub3d9\uc548 \ubcf4\uc874\ud558\ub294 \ub3d9\uc2dc\uc5d0 \uc190\uc27d\uac8c \ubcc0\uacbd \uc791\uc5c5\uc744 \uc218\ud589\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8 \uacb0\uacfc, \uccab \ubc88\uc9f8 \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \ud398\uc778\ud2b8(FCP) \uce21\uc815\ud56d\ubaa9\uc774 \ub192\uc74c\uc5d0\uc11c \ubcf4\ud1b5\uc73c\ub85c \uc804\ud658\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud604\uc7ac \uc6b0\ub9ac\ub294 \ube0c\ub77c\uc6b0\uc800 \uce90\uc2f1\uc774\ub77c\ub294 \ucd94\uac00\uc801\uc778 \uce90\uc2f1 \ud615\ud0dc\ub97c \uace0\ub824\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uc9c0\uc18d\uc801\uc778 \uc11c\ubc84 \uc5f0\uacb0\uc774 \ud544\uc694\ud558\uace0 \uc751\ub2f5\uc744 \ub85c\ub4dc\ud558\uae30 \uc704\ud574 \ub300\uc5ed\ud3ed\uc744 \uc18c\ube44\ud558\ub294 \uc11c\ubc84 \uce90\uc2f1\uacfc \ub2ec\ub9ac \ube0c\ub77c\uc6b0\uc800 \uce90\uc2f1\uc744 \uc0ac\uc6a9\ud558\uba74 \uc0ac\uc6a9\uc790\ub294 \ub124\ud2b8\uc6cc\ud06c \uc5f0\uacb0 \uc5c6\uc774 \uc6f9 \ud398\uc774\uc9c0\uc5d0 \uc561\uc138\uc2a4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7fc\uc5d0\ub3c4 \ubd88\uad6c\ud558\uace0 \uc5ec\uae30\uc5d0\ub294 \uc81c\uc57d\uc774 \ub530\ub985\ub2c8\ub2e4. \uc989, \uc0ac\uc6a9\uc790 \uc7a5\uce58\uc758 \uc800\uc7a5 \uacf5\uac04\uc774 \ubd80\uc871\ud55c \uacbd\uc6b0 \ube0c\ub77c\uc6b0\uc800\ub294 \uc0c8 \ucf58\ud150\uce20\ub97c \uc218\uc6a9\ud558\uae30 \uc704\ud574 \uc624\ub798\ub41c \ub370\uc774\ud130\ub97c \uc0ad\uc81c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5rvpshlh4pre29g1vria.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5rvpshlh4pre29g1vria.png\" alt=\"\uce90\uc2f1 \uc791\ub3d9 \ubc29\uc2dd\" \/><\/a><br \/>\n<em>\ub354 \ub098\uc740 \uc774\ud574\ub97c \uc81c\uacf5\ud558\uae30 \uc704\ud574 \ub2e4\uc74c\uc740 \uc11c\ubc84 \uce21 \uce90\uc2f1\uacfc \ud074\ub77c\uc774\uc5b8\ud2b8 \uce21 \uce90\uc2f1 \uae30\ub2a5\uc744 \ubcd1\uce58\ud55c \uac83\uc785\ub2c8\ub2e4.<\/em><\/p>\n<h3><a id=\"5-eliminating-large-javascript-bundles\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>5. \uc0c1\ub2f9\ud55c JavaScript \uceec\ub809\uc158 \uadfc\uc808<\/h3>\n<p>\ubc88\ub4e4\uc740 \uae30\ubcf8\uc801\uc73c\ub85c \ud30c\uc77c(\uc77c\ubc18\uc801\uc73c\ub85c JavaScript, CSS \ubc0f \uae30\ud0c0 \uc18d\uc131)\ub85c \uad6c\uc131\ub418\uba70 \ubcf4\ub2e4 \ud6a8\uacfc\uc801\uc778 \ubc30\ud3ec\ub97c \uc704\ud574 \ud1b5\ud569 \ud30c\uc77c\ub85c \ud1b5\ud569\ub429\ub2c8\ub2e4. \uc6b0\ub9ac \uc6f9\uc0ac\uc774\ud2b8\uac00 \ubcf5\uc7a1\ud574\uc9d0\uc5d0 \ub530\ub77c \ubc88\ub4e4\uc758 \ud06c\uae30\uac00 \uc9c0\uc18d\uc801\uc73c\ub85c \ud655\uc7a5\ub418\uc5b4 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \uacfc\uc911\ud55c \ubd80\ub2f4\uc774 \uc0dd\uacbc\uc2b5\ub2c8\ub2e4. \ubb38\uc81c\uac00 \uc788\ub294 \ubd80\ubd84\uc744 \uc815\ud655\ud788 \ucc3e\uc544\ub0b4\uace0 \ud3d0\uae30\ud558\ub294 \uac83\uc774 \uc801\uc808\ud55c \uc2dc\uc810\uc774\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ubb38\uc81c\uac00 \uc788\ub294 \ubc88\ub4e4\uc744 \uc778\uc2dd\ud558\uace0 \uc218\uc815\ud558\ub294 \ub370 \uc720\uc6a9\ud55c \uc5ec\ub7ec \uac00\uc9c0 \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub4e4 \uc911 \ud558\ub098, <a href=\"https:\/\/bundlephobia.com\/\">\ubc88\ub4e4\uacf5\ud3ec\uc99d<\/a>, NPM \ud328\ud0a4\uc9c0\uac00 \ubc88\ub4e4 \ud06c\uae30\uc5d0 \uc5bc\ub9c8\ub098 \uae30\uc5ec\ud558\ub294\uc9c0\uc5d0 \ub300\ud55c \ud1b5\ucc30\ub825\uc744 \uc81c\uacf5\ud558\uc5ec \uc9c0\ub098\uce58\uac8c \ud070 \ud30c\uc77c \ucef4\ud30c\uc77c\uc744 \ud53c\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub429\ub2c8\ub2e4. <a href=\"https:\/\/github.com\/wix\/import-cost\">\uc218\uc785 \ube44\uc6a9<\/a>VSCode \ud655\uc7a5\uc778 \uc740 \uac00\uc838\uc628 \ud328\ud0a4\uc9c0\uc758 &#039;\ube44\uc6a9&#039;\uc744 \uacc4\uc0b0\ud558\uc5ec \uc815\ubcf4\uc5d0 \uc785\uac01\ud55c \uacb0\uc815\uc744 \ub0b4\ub9ac\ub294 \ub370 \ub3c4\uc6c0\uc744 \uc90d\ub2c8\ub2e4. \ucd5c\uc801\ud654 \uc804\ub7b5\uc758 \uc77c\ud658\uc73c\ub85c \ub110\ub9ac \uc0ac\uc6a9\ub418\ub294 &#039;\ud074\ub798\uc2a4 \uc774\ub984&#039; \ud328\ud0a4\uc9c0\ub97c \ub354 \ud6a8\uc728\uc801\uc778 \ud328\ud0a4\uc9c0\ub85c \ub300\uccb4\ud558\ub294 \ub4f1 \ubb34\uac70\uc6b4 JS \ub77c\uc774\ube0c\ub7ec\ub9ac\ub97c \ub300\uccb4\ud588\uc2b5\ub2c8\ub2e4. <a href=\"https:\/\/github.com\/lukeed\/clsx\/tree\/4c9a55df075eb96d968e09e56cfa3ba57a5bbdca\/bench\">&#039;clsx&#039;<\/a>, \ub2f9\uc0ac \uc6f9 \uc0ac\uc774\ud2b8 \uc694\uad6c \uc0ac\ud56d\uc5d0 \ub9de\uac8c \uc870\uc815\ub41c \ub354 \ube60\ub974\uace0 \ub354 \uc791\uc740 \ub4dc\ub86d\uc778 \uad50\uccb4\uc785\ub2c8\ub2e4.<\/p>\n<p>\uc774\ud6c4\uc5d0\ub294 <a href=\"https:\/\/github.com\/webpack-contrib\/webpack-bundle-analyzer\">\uc6f9\ud329 \ubc88\ub4e4 \ubd84\uc11d\uae30<\/a> \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec \ubc88\ub4e4\uc5d0\uc11c \ubb38\uc81c\uac00 \uc788\ub294 \ubd80\ubd84\uc744 \uc815\ud655\ud788 \ucc3e\uc544\ub0c8\uc2b5\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1lbpode7xpv2ygopufl0.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1lbpode7xpv2ygopufl0.png\" alt=\"\uc774\uc804 \ubc88\ub4e4 \ubd84\uc11d\uae30\ub97c \uc0ac\uc6a9\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\" \/><\/a><br \/>\n<em>Bundle analyzer\ub294 \uac00\uc7a5 \uc911\uc694\ud55c \ubc88\ub4e4\uc778 \ud074\ub77c\uc774\uc5b8\ud2b8 \uc704\uce58 \ubc0f \uae5c\ubc15\uc774\ub294 \uc810\uc774 \uc788\ub294 \uc9c0\ub3c4\ub97c \uacf5\uac1c\ud588\uc2b5\ub2c8\ub2e4.<\/em><\/p>\n<p>\uc774\ub7ec\ud55c \ubcf5\ud569 \ud30c\uc77c\uc744 \ubd84\uc11d\ud558\uae30 \uc704\ud574 \ucf54\ub4dc \ubd84\ud560 \ubc0f \uc9c0\uc5f0 \ub85c\ub529\uc744 \ud65c\uc6a9\ud558\uc5ec \ub300\uaddc\ubaa8 \ubc88\ub4e4\uc744 \ub354 \uc791\uc740 \uad6c\uc131 \uc694\uc18c\ub85c \ubd84\ud560\ud588\uc2b5\ub2c8\ub2e4. Webpack\uc758 \ud1b5\ud569 \ucf54\ub4dc \ubd84\ud560 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud558\uba74 \ud30c\uc77c\uc744 \uc9c1\uc811 \uac00\uc838\uc624\ub294 \ub300\uc2e0 \ud30c\uc77c \uacbd\ub85c\ub97c \uc9c0\uc815\ud558\ub294 \uae30\ub2a5\uc73c\ub85c \uac00\uc838\uc624\uae30 \uba85\ub839\uc744 \uc218\uc815\ud560 \uc218 \uc788\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub294 \ud30c\uc77c\uc774 \ub85c\ub4dc\ub420 \uac83\uc774\ub77c\ub294 \uc57d\uc18d\uacfc \uc720\uc0ac\ud55c \uc57d\uc18d\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4. \ucf54\ub4dc\uc5d0 \uc720\uc0ac\ud55c \uad6c\uc870\uac00 \ub098\ud0c0\ub098\uba74 \uc774 \uc57d\uc18d\uc774 \uc801\uc6a9\ub418\uace0 \ud30c\uc77c\uc774 \ub85c\ub4dc\ub429\ub2c8\ub2e4.<\/p>\n<p>\ud544\uc218\uc801\uc774\uc9c0 \uc54a\uc740 \ubcf4\uae30, HTML \ubc0f JS\uc758 \uacbd\uc6b0 \uc6f9\ud398\uc774\uc9c0\uc758 \ucd08\uae30 \ud06c\uae30\ub97c \uc904\uc77c \uc218 \uc788\ub294 \ub3d9\uc801 \uac00\uc838\uc624\uae30\ub97c \ud65c\uc6a9\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ub9e5\ub77d\uc5d0\uc11c \ub3d9\uc801\uc774\ub780 \uc6f9\uc0ac\uc774\ud2b8\uac00 \ud2b9\uc815 \uc870\uac74\uc5d0 \ub530\ub77c \ubcf4\ucda9 \ud30c\uc77c\uc744 \ub85c\ub4dc\ud560\uc9c0 \uc5ec\ubd80\ub97c \uacb0\uc815\ud558\uc5ec \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \ubc29\ud574\ud558\uc9c0 \uc54a\ub294\ub2e4\ub294 \uac83\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4.<br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frcs4cfrvufem6ntqjes6.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Frcs4cfrvufem6ntqjes6.png\" alt=\"\uc774\ud6c4 \ubc88\ub4e4 \ubd84\uc11d\uae30\ub97c \uc0ac\uc6a9\ud55c \ub2e4\uc774\uc5b4\uadf8\ub7a8\" \/><\/a><br \/>\n<em>\ucd5c\uc801\ud654 \uacb0\uacfc\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4. \uaca9\ub9ac\ub41c \ud655\uc7a5 \ubc88\ub4e4 \uc5c6\uc774 \uac1c\uc120\ub41c \ub85c\ub529 \ud504\ub85c\uc138\uc2a4<\/em><\/p>\n<p><strong>\uc0c1\ub2f9\ud55c \ubc88\ub4e4\uc744 \ub354 \uc791\uc740 \uc138\uadf8\uba3c\ud2b8\ub85c \ubd84\ud560\ud55c \ud6c4 \ud398\uc774\uc9c0\ub97c \ud6a8\uacfc\uc801\uc73c\ub85c \uacbd\ub7c9\ud654\ud558\uace0 \uad11\ubc94\uc704\ud55c \ud30c\uc77c \uceec\ub809\uc158\uc744 \ubaa8\ub450 \uc81c\uac70\ud588\uc2b5\ub2c8\ub2e4.<\/strong><\/p>\n<h3><a id=\"6-minimizing-html-and-css-with-code-compression\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>6. \ucf54\ub4dc \uc555\ucd95\uc744 \ud1b5\ud574 HTML\uacfc CSS \uc555\ucd95<\/h3>\n<p>\ucf54\ub4dc \uc555\ucd95\uc740 \uc6b0\ub9ac\uc758 \uc811\uadfc \ubc29\uc2dd\uc5d0 \ud601\uba85\uc744 \uc77c\uc73c\ucf30\uc2b5\ub2c8\ub2e4. \ucf54\ub4dc\ub97c \uc555\ucd95\ud558\uace0 \ubd88\ud544\uc694\ud55c \uacf5\uac04\uc744 \uc0dd\ub7b5\ud568\uc73c\ub85c\uc368 \ud30c\uc77c \ud06c\uae30 \uac10\uc18c, \ube60\ub978 \ub2e4\uc6b4\ub85c\ub4dc \ubc0f \ub300\uc5ed\ud3ed \uc0ac\uc6a9\ub7c9 \ucd5c\uc18c\ud654\ub97c \ub2ec\uc131\ud588\uc2b5\ub2c8\ub2e4. \ud604\uc7ac \ub2f9\uc0ac \uc11c\ubc84\ub294 \uc6f9\uc0ac\uc774\ud2b8 \ud30c\uc77c\uc744 gzip \ud615\uc2dd\uc73c\ub85c \uc81c\uacf5\ud558\uc5ec \uc18d\ub3c4\ub97c \ud5a5\uc0c1\uc2dc\ud0a4\uace0 \ud2b9\ud788 FCP \ubc0f FID(\uccab \ubc88\uc9f8 \uc785\ub825 \uc9c0\uc5f0, \ucd08\uae30 \ud074\ub9ad\uacfc \ube0c\ub77c\uc6b0\uc800 \uc751\ub2f5 \uc0ac\uc774\uc758 \uc9c0\uc5f0\uc744 \uce21\uc815\ud558\ub294 \uce21\uc815\ud56d\ubaa9)\uc640 \uac19\uc740 \uc911\uc694\ud55c \uce21\uc815\ud56d\ubaa9\uc744 \ucc28\uc120 \uc131\ub2a5 \uc218\uc900\uc5d0\uc11c \uc911\uac04 \uc131\ub2a5 \uc218\uc900\uc73c\ub85c \ud5a5\uc0c1\uc2dc\ud0b5\ub2c8\ub2e4.<\/p>\n<h3><a id=\"7-code-quality-and-memory-leaks\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>7. \ucf54\ub4dc \ud488\uc9c8 \ud5a5\uc0c1 \ubc0f \uba54\ubaa8\ub9ac \ub204\uc218 \ud574\uacb0<\/h3>\n<p>\uba74\ubc00\ud788 \uc870\uc0ac\ud55c \uacb0\uacfc, \ucf54\ub4dc\ubca0\uc774\uc2a4 \ub0b4\uc5d0\uc11c \uba87 \uac00\uc9c0 \uad50\ud65c\ud55c \uba54\ubaa8\ub9ac \ub204\uc218\ub97c \ubc1c\uacac\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ubb38\uc81c\ub294 \ub354 \uc774\uc0c1 \ud544\uc694\ud558\uc9c0 \uc54a\uc740 \uac1c\uccb4\uac00 \uba54\ubaa8\ub9ac\uc5d0 \ub0a8\uc544 \uc788\uc5b4 \ud63c\uc7a1\ud55c \ud658\uacbd\uc73c\ub85c \uc774\uc5b4\uc9c0\ub294 \ub370\uc11c \ubc1c\uc0dd\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud574 \uc6b0\ub9ac\ub294 \ub450 \uac00\uc9c0 \uc811\uadfc \ubc29\uc2dd\uc744 \uad6c\ud604\ud588\uc2b5\ub2c8\ub2e4. \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108\uac00 \ud55c \ubc88\ub9cc \ud544\uc694\ud55c \uacbd\uc6b0\uc5d0\ub294 {only: true} \ub9e4\uac1c\ubcc0\uc218\ub97c \uc120\ud0dd\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ub9e4\uac1c\ubcc0\uc218\ub294 \ub9ac\uc2a4\ub108\uac00 \ud2b8\ub9ac\uac70\ub41c \ud6c4 \uc790\ub3d9\uc73c\ub85c \uc81c\uac70\ub418\uc5b4 \uba54\ubaa8\ub9ac \uad00\ub828 \ubb38\uc81c\ub97c \uc644\ud654\ud569\ub2c8\ub2e4. \ub610\ud55c, RemoveEventListener() \uba54\uc11c\ub4dc\ub97c \ud65c\uc6a9\ud558\uc5ec \uc774\ubca4\ud2b8 \ub9ac\uc2a4\ub108\ub97c \uba85\uc2dc\uc801\uc73c\ub85c \uc81c\uac70\ud588\uc2b5\ub2c8\ub2e4. \uc774 \ub2e8\uacc4\ub294 \uc694\uc18c\ub97c \uc81c\uac70\ud558\uae30 \uc804\uc774\ub098 \uccad\ucde8\uc790\uac00 \ub354 \uc774\uc0c1 \uc0ac\uc6a9\ub418\uc9c0 \uc54a\uac8c \ub41c \ud6c4\uc5d0 \uc218\ud589\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc791\uc5c5\uc744 \ud1b5\ud574 \uc694\uc18c\uc640 \uae30\ub2a5 \uac04\uc758 \uc6d0\ud65c\ud55c \uc5f0\uacb0 \ub04a\uae40\uc774 \ucd09\uc9c4\ub418\uc5b4 \uba54\ubaa8\ub9ac \ub204\uc218\ub97c \ubc29\uc9c0\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>addEventListener\uc640 \uad00\ub828\ud558\uc5ec \uace0\ub824\ud574\uc57c \ud560 \ub610 \ub2e4\ub978 \uce21\uba74\uc740 {passive: true } \ub9e4\uac1c\ubcc0\uc218\ub97c \ud1b5\ud569\ud558\ub294 \uac83\uc785\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uc870\uc815\uc740 \uc2a4\ud06c\ub864 \uc0c1\ud638 \uc791\uc6a9, \uc778\ud130\ud398\uc774\uc2a4 \uc911\ub2e8 \ubc29\uc9c0 \ubc0f \ud5a5\uc0c1\ub41c \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc5d0 \uae30\uc5ec\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\ub294 \uac83\uc73c\ub85c \uc785\uc99d\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p><code>   useEffect(() =&gt; { setScrolled(document.documentElement.scrollTop &gt; 50); window.addEventListener(&#039;scroll&#039;, handlerScroll, { Passive: true }); return () =&gt; { document.body.style.overflowY = &#039; \uc2a4\ud06c\ub864&#039;; window.removeEventListener(&#039;scroll&#039;, handlerScroll) }, []);   <\/code><\/p>\n<h3><a id=\"before-and-after-how-performance-boost-impacted-our-website\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\uc774\uc804\ubd80\ud130 \uc774\ud6c4\uae4c\uc9c0: \uc6f9\uc0ac\uc774\ud2b8 \uc131\ub2a5 \ud5a5\uc0c1\uc774 \ubbf8\uce58\ub294 \uc601\ud5a5<\/h3>\n<p>\uc194\uc9c1\ud788 \ub9d0\ud574\uc11c \uc6b0\ub9ac\uc758 \ucd08\uae30 \uc704\uce58\ub294 \ucd5c\uc801\uc774 \uc544\ub2c8\uc5c8\uc2b5\ub2c8\ub2e4. \ub290\ub9b0 \ub85c\ub529 \uc2dc\uac04\uacfc \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc2ec\uac01\ud558\uac8c \uc190\uc0c1\uc2dc\ud0a4\ub294 \uc555\ub3c4\uc801\uc778 \uc11c\ubc84 \ubb38\uc81c\ub85c \uc778\ud574 \uc5b4\ub824\uc6c0\uc744 \uacaa\uc5c8\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uadc0\uc911\ud55c \ud1b5\ucc30\ub825\uacfc \ucd5c\uc801\ud654 \uc804\ub7b5\uc744 \ubc14\ud0d5\uc73c\ub85c \uc6b0\ub9ac\ub294 \ud574\ub2f9 \uc791\uc5c5\uc5d0 \uc804\ub150\ud588\uace0 \uc778\uc0c1\uc801\uc778 \uacb0\uacfc\ub97c \uc5bb\uc5c8\uc2b5\ub2c8\ub2e4. \uacb0\uacfc\uc5d0 \ub9cc\uc871\ud588\ub098\uc694? \uc758\uc2ec\ud560 \uc5ec\uc9c0 \uc5c6\uc774.<\/p>\n<p><a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5iu7vw86tbc88yw8y08d.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5iu7vw86tbc88yw8y08d.png\" alt=\"Lighthouse \uce21\uc815\ud56d\ubaa9\uc5d0 \ub300\ud55c \uc2a4\ud06c\ub9b0\uc0f7\" \/><\/a><br \/>\n<em><a href=\"https:\/\/pagespeed.web.dev\/\">PageSpeed \uc778\uc0ac\uc774\ud2b8<\/a> \uc0c1\ub2f9\ud55c \uac1c\uc120 \uc0ac\ud56d\uc744 \uac15\uc870\ud558\ub294 \uce6d\ucc2c\ud560 \ub9cc\ud55c \uc131\uc801\ud45c\ub97c \uc6b0\ub9ac\uc5d0\uac8c \uc81c\uc2dc\ud588\uc2b5\ub2c8\ub2e4.<\/em><br \/>\n<a href=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy44umhfi677w90hq2ado.png\"><img decoding=\"async\" src=\"https:\/\/media.dev.to\/cdn-cgi\/image\/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto\/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fy44umhfi677w90hq2ado.png\" alt=\"Core Web Vitals \uc9c0\ud45c\uc5d0 \ub300\ud55c \uc2a4\ud06c\ub9b0\uc0f7\" \/><\/a><br \/>\n<em>\ud55c \ub2ec \uac04\uc758 \uc131\uacfc \ud3c9\uac00\uc5d0\uc11c\ub294 \ub180\ub77c\uc6b4 \uc9c4\uc804\uc774 \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \uce21\uc815\ud56d\ubaa9\uc740 \uc2dc\uc791\uc810\uc5d0 \ube44\ud574 \uc5ec\ub7ec \uac00\uc9c0 \uac1c\uc120\uc774 \ub098\ud0c0\ub0ac\uc2b5\ub2c8\ub2e4.<\/em><\/p>\n<p>\uc774\ub7ec\ud55c \ubcc0\ud654\ub294 \uc140 \uc218 \uc5c6\uc774 \ub9ce\uc740 \uc2dc\uac04\uacfc \uba70\uce60\uc758 \ud5cc\uc2e0\uc801\uc778 \ub178\ub825\uc774 \uc5c6\uc5c8\ub2e4\uba74 \ub2ec\uc131\ud560 \uc218 \uc5c6\uc5c8\uc744 \uac83\uc785\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc6b0\ub9ac\uc758 \uc2b9\ub9ac\uc5d0 \ud06c\uac8c \uae30\uc5ec\ud55c \ub610 \ub2e4\ub978 \uc694\uc778\uc740 \uc801\uc808\ud55c \ub3c4\uad6c\uc758 \ud65c\uc6a9\uc774\uc5c8\uc2b5\ub2c8\ub2e4. \ud2b9\uc815 \ub3c4\uad6c\ub294 \uc6b0\ub9ac\uac00 \ub178\ub825\ud558\ub294 \ub3d9\uc548 \uc2dc\uac04\uc744 \uc808\uc57d\ud574\uc904 \ubfd0\ub9cc \uc544\ub2c8\ub77c \uc778\uc815\ubc1b\uc744 \uac00\uce58\uac00 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h4><a id=\"tools-for-performance-optimization-pagespeed-insights-and-lighthouse\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\uc131\ub2a5 \ud5a5\uc0c1\uc744 \uc704\ud55c \ub3c4\uad6c: PageSpeed Insights \ubc0f Lighthouse<\/h4>\n<p>\uc131\ub2a5 \ud3c9\uac00 \ubc0f \ud5a5\uc0c1 \uc601\uc5ed\uc5d0\uc11c \ub450 \uac00\uc9c0 Google \uc720\ud2f8\ub9ac\ud2f0\uac00 \ub208\uc5d0 \ub755\ub2c8\ub2e4. <a href=\"https:\/\/pagespeed.web.dev\/\">PageSpeed \uc778\uc0ac\uc774\ud2b8<\/a> \uadf8\ub9ac\uace0 <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\">\ub4f1\ub300<\/a>. \uc774\ub7ec\ud55c \ub3c4\uad6c\ub294 \uc6f9\ud398\uc774\uc9c0\uc758 \ub2e4\uc591\ud55c \uce21\uba74\uc744 \uba74\ubc00\ud788 \uc870\uc0ac\ud558\uc5ec \uc18d\ub3c4, \uc0ac\uc6a9\uc790 \uacbd\ud5d8 \ubc0f \uc804\ubc18\uc801\uc778 \uc131\ub2a5\uc5d0 \ub300\ud55c \ud1b5\ucc30\ub825\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4. \uadf8\ub4e4\uc774 \uc885\ud569\uc801\uc73c\ub85c \ud3c9\uac00\ud558\ub294 \uc9c0\ud45c\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<ul>\n<li><strong>\ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \ucd5c\ub300 \ud398\uc778\ud2b8(LCP)<\/strong> \u2013 \ud45c\uc2dc \uc601\uc5ed\uc5d0\uc11c \uac00\uc7a5 \ud070 \ucf58\ud150\uce20 \uc694\uc18c(\uc608: \uc774\ubbf8\uc9c0 \ub610\ub294 \ud14d\uc2a4\ud2b8 \ube14\ub85d)\uac00 \uc0ac\uc6a9\uc790\uc5d0\uac8c \ud45c\uc2dc\ub418\ub294 \uae30\uac04\uc744 \uce21\uc815\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\uccab \ubc88\uc9f8 \ucf58\ud150\uce20\uac00 \ud3ec\ud568\ub41c \ud398\uc778\ud2b8(FCP)<\/strong> \u2013 \ube0c\ub77c\uc6b0\uc800\uac00 \ud14d\uc2a4\ud2b8\ub098 \uc774\ubbf8\uc9c0\uc640 \uac19\uc740 \ucd08\uae30 \ucf58\ud150\uce20\ub97c \ub80c\ub354\ub9c1\ud558\ub294 \ub370 \uac78\ub9ac\ub294 \uc2dc\uac04\uc744 \uce21\uc815\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\uccab \ubc88\uc9f8 \uc785\ub825 \uc9c0\uc5f0(FID)<\/strong> \u2013 \uc0ac\uc6a9\uc790\uc758 \uae30\ubcf8 \uc0c1\ud638 \uc791\uc6a9(\uc608: \ubc84\ud2bc \ud074\ub9ad)\uacfc \ud574\ub2f9 \uc791\uc5c5\uc5d0 \ub300\ud55c \ube0c\ub77c\uc6b0\uc800\uc758 \uc751\ub2f5 \uc0ac\uc774\uc758 \uc9c0\uc5f0\uc744 \ud3c9\uac00\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>CLS(\ub204\uc801 \ub808\uc774\uc544\uc6c3 \ubcc0\uacbd)<\/strong> \u2013 \ud398\uc774\uc9c0 \uc218\uba85 \ub3d9\uc548 \ubc1c\uc0dd\ud558\ub294 \ubaa8\ub4e0 \uac1c\ubcc4 \ub808\uc774\uc544\uc6c3 \ubcc0\uacbd \uc810\uc218\uc758 \ud569\uacc4\ub97c \uacc4\uc0b0\ud569\ub2c8\ub2e4. \ud398\uc774\uc9c0\uc5d0 \ud45c\uc2dc\ub418\ub294 \uc694\uc18c\uac00 \uc608\uae30\uce58 \uc54a\uac8c \uc774\ub3d9\ud560 \ub54c \ub808\uc774\uc544\uc6c3 \ubcc0\uacbd\uc774 \ubc1c\uc0dd\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\ub2e4\uc74c \ud398\uc778\ud2b8(INP)\uc640\uc758 \uc0c1\ud638\uc791\uc6a9<\/strong> \u2013 \ud398\uc774\uc9c0\uc758 \uc2dc\uac01\uc801 \ucf58\ud150\uce20\ub97c \uc5c5\ub370\uc774\ud2b8\ud558\uc5ec \ube0c\ub77c\uc6b0\uc800\uac00 \uc0ac\uc6a9\uc790 \uc0c1\ud638 \uc791\uc6a9(\uc608: \ud074\ub9ad \ub610\ub294 \ud0ed)\uc5d0 \ubc18\uc751\ud558\ub294 \uc2dc\uac04\uc744 \uacc4\uc0b0\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\uccab \ubc88\uc9f8 \ubc14\uc774\ud2b8\uae4c\uc9c0\uc758 \uc2dc\uac04(TTFB)<\/strong> \u2013 \uc694\uccad \ud6c4 \ube0c\ub77c\uc6b0\uc800\uac00 \uc11c\ubc84\ub85c\ubd80\ud130 \ub370\uc774\ud130\uc758 \ucd08\uae30 \ubc14\uc774\ud2b8\ub97c \uc218\uc2e0\ud558\ub294 \uae30\uac04\uc744 \uacb0\uc815\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>\ucd1d \ucc28\ub2e8 \uc2dc\uac04(TBT)<\/strong> \u2013 \ube0c\ub77c\uc6b0\uc800\uc758 \uae30\ubcf8 \uc2a4\ub808\ub4dc\uac00 \ubc29\ud574\ub97c \ubc1b\uc544 \uc0ac\uc6a9\uc790 \uc785\ub825\uc5d0 \uc751\ub2f5\ud560 \uc218 \uc5c6\ub294 \ucd1d \uae30\uac04\uc744 \uc218\ub7c9\ud654\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>TTI(\uc0c1\ud638\uc791\uc6a9 \uc2dc\uac04)<\/strong> \u2013 \ud398\uc774\uc9c0\uac00 \uc644\uc804\ud788 \ub300\ud654\ud615\uc774 \ub418\ub294 \ub370 \uac78\ub9ac\ub294 \uc2dc\uac04\uc744 \ud3c9\uac00\ud569\ub2c8\ub2e4. \uc774\ub294 \ubaa8\ub4e0 \ud544\uc218 \ub9ac\uc18c\uc2a4\uac00 \ub85c\ub4dc\ub418\uace0 \ud398\uc774\uc9c0\uac00 \uc0ac\uc6a9\uc790 \uc785\ub825\uc5d0 \uc989\uc2dc \uc751\ub2f5\ud568\uc744 \uc758\ubbf8\ud569\ub2c8\ub2e4.<\/li>\n<li><strong>FID(\uccab \ubc88\uc9f8 \uc785\ub825 \uc9c0\uc5f0)<\/strong> \u2013 \uc0ac\uc6a9\uc790\uc758 \ucd08\uae30 \uc0c1\ud638 \uc791\uc6a9\uacfc \ud574\ub2f9 \uc0c1\ud638 \uc791\uc6a9\uc5d0 \ub300\ud55c \ube0c\ub77c\uc6b0\uc800\uc758 \ubc18\uc751 \uc0ac\uc774\uc758 \uc9c0\uc5f0\uc744 \uba74\ubc00\ud788 \uc870\uc0ac\ud569\ub2c8\ub2e4.<\/li>\n<\/ul>\n<p>\uc774\ub7ec\ud55c \ub3c4\uad6c \uc911 \ud558\ub098\ub97c \ud65c\uc6a9\ud558\uc5ec \uc6f9 \uc0ac\uc774\ud2b8 \uc131\ub2a5\uc5d0 \ub300\ud55c \ud1b5\ucc30\ub825\uc744 \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4. Lighthouse\ub294 \ub354 \ub9ce\uc740 \uc720\uc5f0\uc131\uacfc \uc790\uc138\ud55c \ud1b5\ucc30\ub825\uc744 \uc81c\uacf5\ud558\ub294 \ubc18\uba74 PageSpeed Insights\ub294 \uac1c\ubcc4 \ud398\uc774\uc9c0 \uc131\ub2a5 \ubaa8\ub2c8\ud130\ub9c1\uc5d0 \uc911\uc810\uc744 \ub461\ub2c8\ub2e4.<\/p>\n<p>\uc774 \ub450 \uac00\uc9c0\uac00 \ub208\uc5d0 \ub744\uac8c \ud65c\uc6a9\ub418\uae30\ub294 \ud558\uc9c0\ub9cc \uc774\uac83\uc774 \uc6b0\ub9ac \uce21\uc758 \uc720\uc77c\ud55c \uad8c\uc7a5 \uc0ac\ud56d\uc740 \uc544\ub2d9\ub2c8\ub2e4. \uc131\ub2a5 \ucd5c\uc801\ud654 \ud0d0\uc0c9\uc5d0 \ub9e4\uc6b0 \uc720\uc6a9\ud560 \uc218 \uc788\ub294 \uba87 \uac00\uc9c0 \ucd94\uac00 \ub9ac\uc18c\uc2a4\ub294 \ub2e4\uc74c\uacfc \uac19\uc2b5\ub2c8\ub2e4.<\/p>\n<h4><a id=\"bonus-tools-for-a-deeper-dive\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\ud3ec\uad04\uc801\uc778 \ud0d0\uc0c9\uc744 \uc704\ud55c \ubcf4\uc870 \ub3c4\uad6c<\/h4>\n<p><a href=\"https:\/\/gtmetrix.com\/\">GT\uba54\ud2b8\ub9ad\uc2a4<\/a>: \ud398\uc774\uc9c0\ub97c \uac10\uc0ac\ud560 \ubfd0\ub9cc \uc544\ub2c8\ub77c \uc27d\uac8c \uc774\ud574\ud560 \uc218 \uc788\ub294 \ud615\uc2dd\uc73c\ub85c \ub85c\ub529\uc744 \uc2dc\uac01\ud654\ud558\uc5ec \uc131\ub2a5 \ud5a5\uc0c1\uc744 \uac00\uc2dc\ud654\ud558\ub294 \uac15\ub825\ud55c \ub3c4\uad6c\uc785\ub2c8\ub2e4.<\/p>\n<p><a href=\"https:\/\/yellowlab.tools\/\">\ub178\ub780\uc0c9 \uc2e4\ud5d8\uc2e4 \ub3c4\uad6c<\/a>: \uc218\ub9ce\uc740 \uc9c0\ud45c\ub97c \ubd84\ub958\ud558\uace0 \ud3c9\uac00\ud558\ub294 \ud1b5\ucc30\ub825 \uc788\ub294 \ub300\uc2dc\ubcf4\ub4dc\uc785\ub2c8\ub2e4. \ubb38\uc81c\ub97c \uc2dd\ubcc4\ud560 \ubfd0\ub9cc \uc544\ub2c8\ub77c \ucd5c\uc801\ud654\ub97c \uc704\ud55c \uc790\uc138\ud55c \uc81c\uc548\ub3c4 \uc81c\uacf5\ud569\ub2c8\ub2e4.<\/p>\n<p>\uc774\ub7ec\ud55c \ub3c4\uad6c\ub294 \uc131\ub2a5\uc744 \ud5a5\uc0c1\ud558\uace0 \ud0c1\uc6d4\ud55c \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \ub370 \ub3c4\uc6c0\uc774 \ub418\ub294 \uae38\uc7a1\uc774 \uc5ed\ud560\uc744 \ud588\uc2b5\ub2c8\ub2e4. \uc6f9\uc0ac\uc774\ud2b8 \uc131\ub2a5 \ud5a5\uc0c1\uc744 \uc2dc\uc791\ud560 \ub54c \uc774\ub97c \uc5fc\ub450\uc5d0 \ub450\uc2ed\uc2dc\uc624.<\/p>\n<h4><a id=\"bottom-line\" class=\"anchor\" aria-hidden=\"true\"><span class=\"octicon octicon-link\"><\/span><\/a>\uacb0\ub860<\/h4>\n<p>\uadc0\ud558\uc758 \ube44\uc988\ub2c8\uc2a4\uac00 \uc6f9\uc0ac\uc774\ud2b8\uc5d0 \ub2ec\ub824 \uc788\ub2e4\uba74 \uc6f9\uc0ac\uc774\ud2b8\uc758 \uc131\ub2a5\uc744 \ubb34\uc2dc\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. \uc774\ub7ec\ud55c \uce21\uba74\uc740 \uadc0\ud558\ub97c Google \uac80\uc0c9 \uacb0\uacfc\uc758 \ucd5c\uc804\uc120\uc73c\ub85c \uc774\ub04c\uac70\ub098 \ubc18\ub300\ub85c \uc0ac\uc6a9\uc790\uac00 \uc6b0\uc218\ud55c \uacbd\ud5d8\uc744 \uc81c\uacf5\ud558\ub294 \ub354 \ube60\ub978 \uc6f9 \uc0ac\uc774\ud2b8\ub85c \ub9c8\uc774\uadf8\ub808\uc774\uc158\ud558\ub3c4\ub85d \uc720\ub3c4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ud55c \uace4\uacbd\uc744 \ud53c\ud558\uae30 \uc704\ud574 \uc6b0\ub9ac\ub294 \uc6b0\ub9ac \uc6f9\uc0ac\uc774\ud2b8\uc758 \ubcc0\ud654\uc5d0 \ub300\ud55c \uc774\uc57c\uae30\ub97c \uacf5\uc720\ud588\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ud56d\uc0c1 \uac1c\uc120\uc758 \uc5ec\uc9c0\uac00 \uc788\uae30 \ub54c\ubb38\uc5d0 \ucd5c\uc801\uc758 \uc131\ub2a5\uc744 \ucd94\uad6c\ud558\ub294 \uc6b0\ub9ac\uc758 \uc5ec\uc815\uc740 \uacc4\uc18d\ub429\ub2c8\ub2e4. \ucd5c\uadfc \uc6b0\ub9ac\ub294 GatsbyJS\uc5d0\uc11c \uba87 \uac00\uc9c0 \ubb38\uc81c\ub97c \ubc1c\uacac\ud588\uc73c\uba70 NextJS\ub85c\uc758 \uc804\ud658\uc744 \uace0\ub824\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7ec\ub098 \uc774\ub7ec\ud55c \uc2ec\uc758\ub294 \ubcc4\ub3c4\uc758 \uae30\uc0ac\uc5d0\uc11c \uc790\uccb4 \ub17c\uc758\uac00 \ud544\uc694\ud569\ub2c8\ub2e4.<\/p>\n<p>\ub450 \uae30\uc5c5\uc774 \uc11c\ub85c \uac19\uc9c0 \uc54a\uc740 \uac83\ucc98\ub7fc \uc0ac\uc774\ud2b8 \uc131\ub2a5\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\uae30 \uc704\ud55c \ubcf4\ud3b8\uc801\uc778 \uccad\uc0ac\uc9c4\ub3c4 \uc5c6\uc2b5\ub2c8\ub2e4. \uac01 \uc2dc\ub098\ub9ac\uc624\ub294 \uace0\uc720\ud558\ubbc0\ub85c \uc0c1\ud669\uc5d0 \ub530\ub978 \ud2b9\uc815 \ubb38\uc81c\ub97c \ud574\uacb0\ud558\uae30 \uc704\ud55c \ub9de\ucda4\ud615 \uc811\uadfc \ubc29\uc2dd\uc774 \ud544\uc694\ud569\ub2c8\ub2e4. \uc26c\uc6b4 \uc791\uc5c5\uc740 \uc544\ub2c8\uc9c0\ub9cc \uc6b0\ub9ac\ub294 \ub3c4\uc640\ub4dc\ub9b4 \uc900\ube44\uac00 \ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc6f9\uc0ac\uc774\ud2b8\uc758 \uc131\ub2a5\uc744 \ud5a5\uc0c1\uc2dc\ud0a4\ub824\ub294 \uacbd\uc6b0 \ub2e4\uc74c\uc744 \uc218\ud589\ud558\uc2ed\uc2dc\uc624. <a href=\"https:\/\/tenten.co\/contact\">\uc6b0\ub9ac\uc5d0\uac8c \uc5f0\ub77d\ud574<\/a>, \uadf8\ub7ec\uba74 \uc6b0\ub9ac\uac00 \ub2f9\uc2e0\uc744 \uc704\ud574 \ubb34\uc5c7\uc744 \ud560 \uc218 \uc788\ub294\uc9c0 \uc54c\uc544\ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<br \/>\n`<\/p>","protected":false},"excerpt":{"rendered":"&#039;2018\ub144\uc5d0 Google\ub294 \ud398\uc774\uc9c0 \uc2e0\uc18d\uc131\uc774 \uc774\uc81c \ub450 \uac00\uc9c0 \ubaa8\ub450\uc758 \uc21c\uc704\uc5d0 \uc601\ud5a5\uc744 \ubbf8\uce60 \uac83\uc774\ub77c\uace0 \ubc1d\ud614\uc2b5\ub2c8\ub2e4.","protected":false},"author":1,"featured_media":2418,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[241,233],"tags":[],"ppma_author":[290],"class_list":{"0":"post-4862","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-advanced-seo","8":"category-seo","9":"cs-entry"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.4 (Yoast SEO v22.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!) - AI SEO Agency<\/title>\n<meta name=\"description\" content=\"`Back in 2018, it was stated by Google that page swiftness will now impact the ranking on both desktop and mobile search outcomes. However, it&#039;s not just\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seo.tenten.co\/ko\/seo\/\uc6f9\uc0ac\uc774\ud2b8-\uc18d\ub3c4-\ud5a5\uc0c1-30\uc810\uc5d0\uc11c-99\uc810-\uc131\ub2a5-\ub4f1\uae09-\ub2ec\uc131\/\" \/>\n<meta property=\"og:locale\" content=\"ko_KR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!)\" \/>\n<meta property=\"og:description\" content=\"`Back in 2018, it was stated by Google that page swiftness will now impact the ranking on both desktop and mobile search outcomes. However, it&#039;s not just\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seo.tenten.co\/ko\/seo\/\uc6f9\uc0ac\uc774\ud2b8-\uc18d\ub3c4-\ud5a5\uc0c1-30\uc810\uc5d0\uc11c-99\uc810-\uc131\ub2a5-\ub4f1\uae09-\ub2ec\uc131\/\" \/>\n<meta property=\"og:site_name\" content=\"AI SEO Agency\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tentencreative\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-06-23T02:45:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-23T02:55:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/An-Introduction-to-Software-Defined-Networking-SDN-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pladora Maria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/tentencreative\" \/>\n<meta name=\"twitter:site\" content=\"@tentencreative\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pladora Maria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"16\ubd84\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/\"},\"author\":{\"name\":\"Pladora Maria\",\"@id\":\"https:\/\/seo.tenten.co\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba\"},\"headline\":\"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!)\",\"datePublished\":\"2024-06-23T02:45:58+00:00\",\"dateModified\":\"2024-06-23T02:55:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/\"},\"wordCount\":3214,\"publisher\":{\"@id\":\"https:\/\/seo.tenten.co\/#organization\"},\"image\":{\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg\",\"articleSection\":[\"Advanced SEO\",\"SEO\"],\"inLanguage\":\"ko-KR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/\",\"url\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/\",\"name\":\"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!) - AI SEO Agency\",\"isPartOf\":{\"@id\":\"https:\/\/seo.tenten.co\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg\",\"datePublished\":\"2024-06-23T02:45:58+00:00\",\"dateModified\":\"2024-06-23T02:55:44+00:00\",\"description\":\"`Back in 2018, it was stated by Google that page swiftness will now impact the ranking on both desktop and mobile search outcomes. However, it's not just\",\"breadcrumb\":{\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#breadcrumb\"},\"inLanguage\":\"ko-KR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage\",\"url\":\"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg\",\"contentUrl\":\"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg\",\"width\":2560,\"height\":1440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/seo.tenten.co\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/seo.tenten.co\/#website\",\"url\":\"https:\/\/seo.tenten.co\/\",\"name\":\"AI SEO by Tenten - AI-Powered SEO + Technical SEO\",\"description\":\"We are AI SEO and Technical SEO agency for SME, B2B &amp; Medical | Boost rankings and dominate search results with GPT4\",\"publisher\":{\"@id\":\"https:\/\/seo.tenten.co\/#organization\"},\"alternateName\":\"TentenAI SEO\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/seo.tenten.co\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"ko-KR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/seo.tenten.co\/#organization\",\"name\":\"AI SEO by Tenten - AI-Powered SEO + Technical SEO\",\"alternateName\":\"TentenAI SEO\",\"url\":\"https:\/\/seo.tenten.co\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ko-KR\",\"@id\":\"https:\/\/seo.tenten.co\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/seo-s3.tenten.co\/2023\/12\/site-icon.png\",\"contentUrl\":\"https:\/\/seo-s3.tenten.co\/2023\/12\/site-icon.png\",\"width\":512,\"height\":512,\"caption\":\"AI SEO by Tenten - AI-Powered SEO + Technical SEO\"},\"image\":{\"@id\":\"https:\/\/seo.tenten.co\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/tentencreative\/\",\"https:\/\/twitter.com\/tentencreative\",\"https:\/\/www.linkedin.com\/company\/tentenco\",\"https:\/\/www.instagram.com\/tenten.co\",\"https:\/\/www.youtube.com\/user\/tentencreative\",\"https:\/\/dribbble.com\/tentenco\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/seo.tenten.co\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba\",\"name\":\"Pladora Maria\",\"description\":\"Maria brings over 11 years of experience as a digital marketer, having worked both in-house and on the agency side. This diverse background enriches her writing with a wealth of practical insights. She specializes in crafting beginner-friendly articles on topics such as keyword research, on-page SEO, and content creation.\",\"sameAs\":[\"https:\/\/seo.tenten.co\",\"https:\/\/instagram.com\/tenten.co\",\"https:\/\/twitter.com\/https:\/\/twitter.com\/tentencreative\"],\"url\":\"https:\/\/seo.tenten.co\/ko\/author\/tenten\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!) - AI SEO Agency","description":"`Back in 2018, it was stated by Google that page swiftness will now impact the ranking on both desktop and mobile search outcomes. However, it's not just","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/seo.tenten.co\/ko\/seo\/\uc6f9\uc0ac\uc774\ud2b8-\uc18d\ub3c4-\ud5a5\uc0c1-30\uc810\uc5d0\uc11c-99\uc810-\uc131\ub2a5-\ub4f1\uae09-\ub2ec\uc131\/","og_locale":"ko_KR","og_type":"article","og_title":"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!)","og_description":"`Back in 2018, it was stated by Google that page swiftness will now impact the ranking on both desktop and mobile search outcomes. However, it's not just","og_url":"https:\/\/seo.tenten.co\/ko\/seo\/\uc6f9\uc0ac\uc774\ud2b8-\uc18d\ub3c4-\ud5a5\uc0c1-30\uc810\uc5d0\uc11c-99\uc810-\uc131\ub2a5-\ub4f1\uae09-\ub2ec\uc131\/","og_site_name":"AI SEO Agency","article_publisher":"https:\/\/www.facebook.com\/tentencreative\/","article_published_time":"2024-06-23T02:45:58+00:00","article_modified_time":"2024-06-23T02:55:44+00:00","og_image":[{"width":2560,"height":1440,"url":"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/An-Introduction-to-Software-Defined-Networking-SDN-scaled.jpg","type":"image\/jpeg"}],"author":"Pladora Maria","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/tentencreative","twitter_site":"@tentencreative","twitter_misc":{"Written by":"Pladora Maria","Est. reading time":"16\ubd84"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#article","isPartOf":{"@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/"},"author":{"name":"Pladora Maria","@id":"https:\/\/seo.tenten.co\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba"},"headline":"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!)","datePublished":"2024-06-23T02:45:58+00:00","dateModified":"2024-06-23T02:55:44+00:00","mainEntityOfPage":{"@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/"},"wordCount":3214,"publisher":{"@id":"https:\/\/seo.tenten.co\/#organization"},"image":{"@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage"},"thumbnailUrl":"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg","articleSection":["Advanced SEO","SEO"],"inLanguage":"ko-KR"},{"@type":"WebPage","@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/","url":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/","name":"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!) - AI SEO Agency","isPartOf":{"@id":"https:\/\/seo.tenten.co\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage"},"image":{"@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage"},"thumbnailUrl":"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg","datePublished":"2024-06-23T02:45:58+00:00","dateModified":"2024-06-23T02:55:44+00:00","description":"`Back in 2018, it was stated by Google that page swiftness will now impact the ranking on both desktop and mobile search outcomes. However, it's not just","breadcrumb":{"@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#breadcrumb"},"inLanguage":"ko-KR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/"]}]},{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#primaryimage","url":"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg","contentUrl":"https:\/\/seo.tenten.co\/wp-content\/uploads\/2023\/12\/The-Green-Tech-Revolution-Innovations-for-a-Sustainable-Future-scaled.jpg","width":2560,"height":1440},{"@type":"BreadcrumbList","@id":"https:\/\/seo.tenten.co\/en\/seo\/enhancing-website-speed-achieving-a-99-performance-grade-from-30\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seo.tenten.co\/"},{"@type":"ListItem","position":2,"name":"Enhancing Website Speed: Achieving a 99% Performance Grade (From 30!)"}]},{"@type":"WebSite","@id":"https:\/\/seo.tenten.co\/#website","url":"https:\/\/seo.tenten.co\/","name":"AI SEO by Tenten - AI-Powered SEO + Technical SEO","description":"We are AI SEO and Technical SEO agency for SME, B2B &amp; Medical | Boost rankings and dominate search results with GPT4","publisher":{"@id":"https:\/\/seo.tenten.co\/#organization"},"alternateName":"TentenAI SEO","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seo.tenten.co\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"ko-KR"},{"@type":"Organization","@id":"https:\/\/seo.tenten.co\/#organization","name":"AI SEO by Tenten - AI-Powered SEO + Technical SEO","alternateName":"TentenAI SEO","url":"https:\/\/seo.tenten.co\/","logo":{"@type":"ImageObject","inLanguage":"ko-KR","@id":"https:\/\/seo.tenten.co\/#\/schema\/logo\/image\/","url":"https:\/\/seo-s3.tenten.co\/2023\/12\/site-icon.png","contentUrl":"https:\/\/seo-s3.tenten.co\/2023\/12\/site-icon.png","width":512,"height":512,"caption":"AI SEO by Tenten - AI-Powered SEO + Technical SEO"},"image":{"@id":"https:\/\/seo.tenten.co\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/tentencreative\/","https:\/\/twitter.com\/tentencreative","https:\/\/www.linkedin.com\/company\/tentenco","https:\/\/www.instagram.com\/tenten.co","https:\/\/www.youtube.com\/user\/tentencreative","https:\/\/dribbble.com\/tentenco"]},{"@type":"Person","@id":"https:\/\/seo.tenten.co\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba","name":"Pladora Maria","description":"Maria brings over 11 years of experience as a digital marketer, having worked both in-house and on the agency side. This diverse background enriches her writing with a wealth of practical insights. She specializes in crafting beginner-friendly articles on topics such as keyword research, on-page SEO, and content creation.","sameAs":["https:\/\/seo.tenten.co","https:\/\/instagram.com\/tenten.co","https:\/\/twitter.com\/https:\/\/twitter.com\/tentencreative"],"url":"https:\/\/seo.tenten.co\/ko\/author\/tenten\/"}]}},"authors":[{"term_id":290,"user_id":1,"is_guest":0,"slug":"tenten","display_name":"Pladora Maria","avatar_url":{"url":"https:\/\/seo-s3.tenten.co\/2024\/06\/Kelly-w.jpg","url2x":"https:\/\/seo-s3.tenten.co\/2024\/06\/Kelly-w.jpg"},"first_name":"Pladora","last_name":"Maria","user_url":"https:\/\/seo.tenten.co","job_title":"CMO","tiktok":"https:\/\/www.tiktok.com\/@tentencreative","youtube":"https:\/\/www.youtube.com\/user\/tentencreative","linkedin":"https:\/\/www.linkedin.com\/in\/pladoramaria\/","instagram":"https:\/\/instagram.com\/tenten.co","twitter":"https:\/\/twitter.com\/tentencreative","facebook":"","description":"Maria brings over 11 years of experience as a digital marketer, having worked both in-house and on the agency side. This diverse background enriches her writing with a wealth of practical insights. She specializes in crafting beginner-friendly articles on topics such as keyword research, on-page SEO, and content creation."}],"_links":{"self":[{"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4862","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=4862"}],"version-history":[{"count":4,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4862\/revisions"}],"predecessor-version":[{"id":4865,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/4862\/revisions\/4865"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/media\/2443"}],"wp:attachment":[{"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=4862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=4862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=4862"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/seo.tenten.co\/ko\/wp-json\/wp\/v2\/ppma_author?post=4862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}