SEO2 [Web] Lazy Loading이란 08.08.2023 1. Lay Loading의 탄생배경 2011년-2019년 사이 웹의 사이즈가 커지면서 필요한 assets(특히 이미지들)이 많아졌습니다. mdn web docs에 따르면 데스크탑의 경우 페이지의 평균 리소스 사이즈는 100KB~450KB에 위치하며, 그 중 이미지의 사이즈는 250KB~900KB에 해당하게 되었습니다. 이것을 해결하기위해 Lazy Loading이 등장하게 되었습니다. 2. Lazy Loading이란 Lazy Loading은 쉽게 말하면 화면에 보여지는 부분에 필요한 리소스들의 로딩을 하지 않고, 사용자가 현재 보는 부분에서 피룡한 리소스들만 로드하는 기술입니다. 더 자세히 말하자면, Critical Rerendering Path의 길이를 줄이는 것입니다. Critic.. 2023. 8. 8. [React] SEO 문제의 배경과 극복하는 방법 08.05.2023 0. Background 이 글은 한 유튜브 동영상에서 영감을 받아 작성된 글입니다. 프론트엔드 개발자 지망 학생으로서 좋은 인사이트를 얻을 수 있는 동영상인데 조금 길어서 나누어 읽거나 다른 것을 하면서 편안하게 듣는 것을 추천드립니다. https://youtu.be/w6TiQJ9SlY4 1. SEO에 대한 개요 1-1. SEO 이전의 웹개발 역사 모두 아시다시피 웹개발의 초창기에는 프론트고 백엔드고 구분없이 웹개발을 했었습니다. 그 당시에는 웹이 그렇게 복잡하지 않았으니까요. 그러나 웹과 인터넷이 진화하면서 점점 사람들이 기대하는 기능과 기술들이 많아지고, 코드량도 계속 쌓이게 됩니다. 자세하게 말하자면 확장성, 자원최적화 등등이 있겠지만, 결국 한마디로 웹서비스 규모가 커진 것이.. 2023. 8. 5. 이전 1 다음