
최적화, 最適化, optimization주어진 상황에서 원하는 가장 알맞은 결과를 얻을 수 있도록 처리하는 과정.최적화는 허용된 자원의 한계 내에서 주어진 요구사항을 만족시키면서 최선의 결과를 얻는 과정이다. 수익과 관련되는 분야에서는 이익을 최대로 내는 과정을 말하기

캐시(Cache)는 다운로드 받은 데이터나 값을 미리 복사해 놓는 임시 장소를 뜻하며, 데이터에 접근하는 시간이 오래 걸리는 경우나 값을 다시 계산하는 시간을 절약하고 싶은 경우에 사용한다. 첫 번째 요청에서는 해당 이미지를 받아온 적이 없으니 이미지를 통째로 받아오게

트리쉐이킹(Tree Shaking)은 말 그대로 나무를 흔들어 잔가지를 털어내듯 불필요한 코드를 제거하는 것을 의미한다. 웹 개발을 할 때, 애플리케이션의 규모가 커지면서 코드의 양이 방대해지고, 다양한 라이브러리를 가져다 사용하게 되면 불필요한 코드를 그대로 가져가는

Lighthouse는 구글에서 개발한 오픈소스로서 웹 페이지의 품질을 개선할 수 있는 자동화 툴이다. Lighthouse는 성능, 접근성, PWA, SEO 등을 검사하며 이를 이용해 사용자는 어떤 웹페이지든 품질 검사를 할 수 있다.Lighthouse는 Chrome D

사이트를 검사하여 성능 측정을 할 수 있는 도구인 Lighthouse로 내가 자주 사용하는 velog 사이트에 사용해봤다.웹 성능을 측정하는 Performance 항목과 웹 표준 모범 사례를 잘 따르고 있는지 확인하는 Best Practices 검색 엔진 최적화가 잘

사이트에 들어갔을 때 이미지가 커튼같이 펼쳐지는 걸 한 번쯤은 경험해 봤을 것이다. 그리고 이는 매우 불만족스러운 경험으로 남기고 그 자리에서 사이트를 이탈했을 수도 있다. 이렇듯 인내심의 한계의 시간은 3초다. 실제 구글 리서치 자료에 따르면 모바일 웹 사이트의 로

lmage Lazy Loading은 페이지 안에 있는 이미지들을 바로 보여주는게 아닌 화면에 보일 필요가 있을 때 로딩 하는 테크닉이다. Image Lazy Loading 구현 방법 javaScript 이벤트 이용하여 구현 Intersection Observer