웹 페이지의 로딩 속도는 사용자가 URL을 클릭하여 웹 페이지에 접속한 시점부터 페이지 화면이 모두 로딩될 때까지의 시간을 의미합니다. 웹 페이지 로딩 “속도가” 느려서 페이지 구성 요소들의 로딩 속도가 다르면 사용자는 사용에 불편함을 겪고 웹 페이지를 이탈하기 쉬워집니다. 구글 조사에 따르면 5초 이상 로딩되는 웹 사이트는 90%의 접속자가 브라우저 창을 닫는다는 조사 결과가 있습니다. 또한 구글에는 2021년 5월부터 검색순위 결정 요소에 웹 페이지 로딩 속도가 포함되었고 따라서 로딩속도 빠를수록 검색 결과에서 높은 순위를 제공합니다. ****그렇기에 웹 페이지 로딩 속도는 사용자 경험, 웹 서비스의 품질, SEO에 직결되는 중요한 요소입니다.
일반적으로는 CDN 폰트가 가장 빠른 로딩 속도를 제공하는 경향이 있습니다. 하지만 상황에 따라 다르므로, 웹 페이지의 성능 테스트를 통해 각 방식의 성능을 확인하는 것이 좋습니다.
<aside> 📍 이미지 대체 방식 웹 페이지 내에서 부분적으로 사용되는 폰트는 이미지로 대체하여 사용하는 방식도 고려하는 것이 좋습니다. 폰트를 부분적으로 사용하기 위해 큰 용량을 지닌 폰트파일보다 이미지로 대체된 파일이 용량이 적고 로딩시간을 단축시키기 때문입니다.
</aside>
CSSO를 사용해 기존 CSS코드를 최소화한 예시
기존의 532 bytes였던 CSS 파일이 최소화 도구를 사용해 CSS 파일 크기가 430 bytes가 되어 102 bytes가 줄었다는 것을 확인할 수 있습니다. 실제 웹사이트에서 사용하는 코드의 용량은 예시보다 훨씬 클 것입니다. 이 용량을 최소화한다면 로딩 속도를 줄일 수 있습니다.
<aside> 📍 서버 성능과 호스팅 지역 변경 서버 성능은 서버의 하드웨어 성능과 소프트웨어 최적화 정도 등에 의해 결정됩니다. 서버의 하드웨어 성능은 하드웨어를 구성하는 CPU, RAM의 성능에 따라 정해집니다.
호스팅 지역 변경은 사용자와 서버의 거리에 따라 웹 페이지 로딩 속도가 달라집니다. 즉, 사용자가 서버와 더 가까운 지역에 있을수록 웹 페이지 로딩 속도가 빨라집니다. 따라서, 사용자의 지역에 맞는 호스팅 서비스를 제공하는 것이 중요합니다.
</aside>