페이지 속도 최적화로 로딩 시간을 줄이세요. 이미지 최적화, 캐싱, CDN과 모범 사례를 소개합니다.
도구
요약
페이지 속도는 웹사이트가 로드되는 속도를 초 단위로 측정한 것입니다. 빠른 페이지는 순위가 더 높고, 전환율이 더 높으며, 사용자 만족도도 높습니다. 모바일에서는 2초 미만, 데스크톱에서는 1.5초 미만을 목표로 하세요.
더 알아보고 싶다면 물어보세요
페이지 속도는 SEO 순위 요인이자 비즈니스 지표입니다. 빠른 페이지는 Google에서 더 높은 순위를 차지합니다. 또한 빠른 페이지는 더 많은 방문자를 고객으로 전환합니다. 연구에 따르면 페이지 로딩이 1초 지연되면 전환이 7% 감소합니다. 이커머스 사이트에서는 느린 페이지 때문에 매일 수천 달러의 매출이 사라집니다. 퍼블리셔에게 느린 페이지는 페이지뷰 감소와 광고 수익 하락을 뜻합니다. 모든 사이트에서 페이지 속도는 매우 중요합니다.
빠른 페이지 로드의 기준은 2초 미만입니다. 2초 이내에 로드되는 페이지는 사용자에게 빠르다고 인식됩니다. 3-5초가 걸리는 페이지는 느리게 느껴집니다. 5초를 넘는 페이지는 이탈이 잦습니다. 목표는 간단합니다. 로딩 시간을 2초 미만으로, 이어서 1.5초 미만으로 줄인 뒤 계속 최적화하세요. 100ms의 개선도 모두 중요합니다.
페이지 로딩 시간은 여러 구성 요소로 이루어집니다. 첫 바이트까지의 시간(TTFB, Time to First Byte)은 서버가 응답하는 데 걸리는 시간입니다. 최대 콘텐츠풀 페인트(LCP, Largest Contentful Paint)는 주요 콘텐츠가 화면에 보이는 시점입니다. 완전 로드(Fully loaded)는 모든 리소스의 다운로드가 끝나는 시점입니다. 이 지표들은 서로 다르며, 각각을 최적화하려면 다른 전략이 필요합니다.
TTFB는 서버의 응답 시간입니다. TTFB가 600ms를 넘으면 서버가 느린 것입니다. 흔한 원인은 비효율적인 백엔드 코드, 데이터베이스 쿼리, 서버 과부하입니다. 백엔드 코드 최적화, 호스팅 업그레이드, 캐싱 활성화 또는 콘텐츠 전송 네트워크(CDN) 사용으로 TTFB를 개선하세요.
Google의 성능 학습 과정은 각 지표를 자세히 설명합니다. LCP를 비롯한 핵심 웹 지표(Core Web Vitals)도 깊이 있게 다룹니다. 이 지표들을 이해하는 것이 페이지 속도를 효과적으로 최적화하기 위한 전제 조건입니다.
이미지는 일반적으로 페이지 용량의 50-80%를 차지합니다. 최적화되지 않은 이미지는 사이트를 느리게 만드는 가장 빠른 원인입니다. 품질을 해치지 않으면서 파일 크기를 줄여 이미지를 최적화하세요. 세 가지 방법이 있습니다.
압축: 이미지 압축 도구로 파일 크기를 줄이세요. JPEG 이미지는 10-40배, PNG 이미지는 2-5배까지 압축됩니다. TinyPNG, ImageOptim 같은 도구나 CMS 플러그인을 사용해 자동으로 압축하세요. 사이트에 업로드하기 전에 압축하세요.
최신 포맷: JPEG나 PNG 대신 WebP를 사용하세요. WebP는 품질을 유지하면서 JPEG보다 25-35% 더 효율적으로 압축됩니다. 이제 브라우저는 WebP를 기본으로 지원합니다. 구형 브라우저를 위해 `
지연 로딩: 사용자가 이미지 근처까지 스크롤할 때만 이미지를 로드하세요. 스크롤해야 보이는 영역의 이미지에는 HTML 기본 속성인 `loading="lazy"`를 사용하세요. 사용자가 보지 않을 수도 있는 이미지의 로딩을 미뤄 초기 페이지 로드를 크게 개선합니다.
Google의 최적화 가이드는 구체적인 이미지 최적화 기법을 제공합니다. 이미지만 제대로 최적화해도 페이지 로딩 시간이 30-50% 줄어드는 경우가 많습니다.
렌더링을 차단하는 CSS와 JavaScript는 페이지 로드를 느리게 합니다. 렌더링 차단 리소스는 다운로드와 처리가 끝날 때까지 브라우저가 페이지를 렌더링하지 못하게 합니다. 핵심이 아닌 CSS와 JavaScript를 지연시켜 핵심 콘텐츠가 먼저 렌더링되도록 하세요.
JavaScript 최소화 및 지연: 큰 JavaScript 파일은 렌더링을 차단합니다. JavaScript를 작은 단위로 나누고 핵심이 아닌 스크립트의 로딩을 지연시키세요. 다음을 사용하세요: `
출처
연구에 따르면 1초 지연은 전환을 약 7% 감소시킵니다. 2초 안에 로드되는 페이지는 5초 걸리는 페이지보다 전환율이 2-3배 높습니다. 페이지 속도는 매출에 직접적인 영향을 줍니다.
업계 기준에 따르면 모바일은 2초 미만, 데스크톱은 1.5초 미만을 목표로 하는 것이 좋습니다. 2초 안에 로드되는 페이지는 빠르다고 인식됩니다. 2초 미만을 달성하려면 상당한 최적화가 필요합니다.
네. CDN은 사용자와 가까운 서버에서 콘텐츠를 제공해 TTFB를 50-80% 줄여 줍니다. 호주의 사용자가 미국 서버의 콘텐츠에 접속하면 로딩이 훨씬 느립니다. 글로벌 사용자를 대상으로 한다면 CDN은 필수입니다.
먼저 Sorank를 경험한 사람들
“2년 동안 제 고객의 100%는 LinkedIn에서 왔습니다. 매일 게시물을 올리고, 댓글을 달고, DM으로 후속 연락을 하고… 알고리즘에 완전히 의존하는 방식이었습니다. SEO를 해야 한다는 것은 알았지만 늘 미뤘습니다. 시간이 오래 걸리고, 너무 기술적이며, 제 일이 아니라고 생각했기 때문입니다. Sorank와 함께 드디어 첫걸음을 내디뎠습니다. 4개월 만에 아무것도 게시하지 않고도 매달 15건의 오가닉 리드를 확보하고 있습니다. 아직 LinkedIn과 50 대 50은 아니지만, 자동 운영으로 성장하는 두 번째 리드 채널이 생겼다는 사실에 훨씬 마음이 놓입니다.”
Valentin Thomy콜드메일 대행사“Sorank는 저희가 고객사에 제공하는 성과를 완전히 바꿔 놓았습니다. 이제 AI가 실제로 사용하는 키워드를 파악하고, 특정 경쟁사가 인용되는 이유를 이해하며, 이전에는 전혀 보지 못했던 기회를 발견합니다. 고객사는 더 빠른 순위 상승, AI 답변에서의 더 나은 가시성, 그리고 실행하는 모든 작업에 대한 더 명확한 ROI를 확인합니다.”
Benjamin Rouxovirank.com
“저는 마케터가 아니라 개발자입니다. 제 Shopify 테마는 입소문과 광고로만 팔리고 있었습니다. Sorank 덕분에 드디어 SEO를 어떻게 구조화하고 상위에 노출되는 글을 어떻게 써야 하는지 이해했습니다. 진단 결과 제품 페이지가 너무 느리다는 사실이 드러났습니다. 2개월 만에 오가닉 트래픽이 두 배가 되었고, 사람들이 Shopify 테마를 검색할 때 ChatGPT 답변에 등장하기 시작했습니다. 그 모든 것을 주당 약 2시간으로 해냈습니다.”
Thème FullStackthemefullstack.com“Sorank는 저희 SEO 대행사의 운영 방식을 완전히 바꿔 놓았습니다. 모든 것이 한곳에 모이고 자동화되어 고객사마다 들이는 시간이 훨씬 줄었습니다. 예전에 몇 시간씩 걸리던 작업이 이제 몇 분이면 끝나고, 덕분에 드디어 사업 안에서 일하는 것을 멈추고 사업 위에서 일하기 시작할 수 있게 되었습니다.”
Océane Bondismaison-leverage.com
