느린 방문 페이지 로드 속도의 11가지 일반적인 원인

방문 페이지 로드 속도를 개선해야 한다는 사실을 알고 있지만 무엇이 방해가 되는지 모릅니다. 몇 가지 요인이 페이지 로드 시간에 영향을 미칠 수 있습니다. 그렇다면 어디서부터 시작해야 할까요?

웹사이트의 모든 페이지에는 여러 요소가 포함되어 있습니다. 즉, 방문자가 보는 것과 화면 뒤에 남아 있는 다른 많은 요소가 포함되어 있습니다. 자연 검색 결과에서든 유료 광고 클릭에서든 누군가가 귀하의 페이지를 방문하면 각 기능이 로드되어 전체 페이지 로드 시간에 기여해야 합니다. 구성 요소가 너무 많기 때문에 페이지 지연의 원인을 정확히 찾아내기 어려울 수 있습니다.

랜딩 페이지가 느리다면 제안이 얼마나 매력적인지 또는 페이지가 얼마나 잘 디자인되었는지는 중요하지 않습니다. 페이지를 로드하는 데 시간이 너무 오래 걸려 사용자가 이탈하는 경우 전환하지 않습니다.

대부분의 회사에서 페이지 속도를 개선하려면 시간과 노력이 필요합니다. 방문 페이지를 개선하고 로딩 속도를 줄이는 가장 중요한 장벽을 효율적으로 진단하기 위해 지속적으로 노력하는 것이 중요합니다. 느린 로딩 랜딩 페이지에 기여하는 몇 가지 일반적인 범인을 식별했습니다.

방문 페이지 속도가 중요한 이유는 무엇입니까?

페이지 속도가 사용자 경험에서 중요한 요소라는 것은 놀라운 일이 아닙니다. 인터넷 초창기에는 느린 페이지 속도가 우리가 아는 전부였지만 오늘날에는 이야기가 다릅니다. 우리 모두는 로딩 페이지 지연이 얼마나 성가신지 경험을 통해 알고 있습니다. 사용자는 점점 더 참을성이 없어지고 로드 시간이 긴 페이지는 이탈률이 높아지고 평균 페이지에 머문 시간이 낮아집니다.

그렇다면 랜딩 페이지를 로드하는 데 얼마나 걸립니까? 이상적인 대답은 "가능한 한 빨리"이지만 페이지 로드 시간은 3초가 가장 좋습니다. 페이지 로드 속도가 1초에서 3초로 증가함에 따라 바운스 가능성이 32% 증가하기 때문에 1초가 중요합니다. 1~5초에서 90% 증가합니다.

로드 시간과 이탈률 사이에는 강력한 상관관계가 있기 때문에 페이지 속도 개선은 모든 전환 지향 비즈니스의 초점이 되어야 합니다. 페이지에 최적화가 필요한지 확인하려면 Google의 PageSpeed ​​Insights를 사용하여 방문 페이지의 속도를 빠르게 평가하세요. 귀하의 페이지가 느린 이유를 알아보기 위해, 귀하를 방해할 수 있는 일반적인 범인을 발견하기 위해 무대 뒤에서 살펴보겠습니다.

일반적인 방문 페이지 속도 문제

1. 자바스크립트 문제

웹사이트에 동적 콘텐츠를 추가하려는 경우 JavaScript 플러그인이 편리할 수 있습니다. 그러나 잘못 구현되거나 과도하게 사용되면 JavaScript는 웹 페이지를 로드하는 동안 상당한 지연을 초래할 수 있습니다.

수정 방법: JavaScript 스크립트를 검토하고 불필요한 항목을 제거합니다. 페이지 로드 시간을 줄이려면 적을수록 좋습니다.

2. 너무 많은 플래시

Flash는 랜딩 페이지를 보다 대화식으로 만드는 훌륭한 도구이지만 페이지 로드 속도를 늦추는 반복적인 위반자이기도 합니다. Flash 파일 크기가 클수록 페이지 속도 문제에 더 많이 기여합니다.

수정 방법: 플래시 파일의 크기를 줄이면 페이지 로딩 속도가 크게 향상됩니다. Flash 요소가 필수가 아닌 경우 제거하는 것이 좋습니다. HTML5 대안을 사용하여 기존 Flash 콘텐츠를 대체할 수 있습니다.

3. 최적화되지 않은 이미지

이미지는 천 단어를 말하지만 랜딩 페이지를 느리게 할 수도 있습니다. 최적화되지 않은 이미지는 랜딩 페이지에서 널리 퍼진 속도 문제입니다. 아름다운 고해상도 사진은 인상적으로 보이지만 로드하는 데 많은 대역폭이 필요합니다.

이미지 크기만이 문제가 아닙니다. 파일 형식도 사이트 이미지의 로딩 시간에 영향을 미칠 수 있습니다.

수정 방법: 이미지 파일 크기를 확인하고 1MB 미만인지 확인하세요. 특히 큰 이미지의 경우 PNG 대신 JPEG를 사용하십시오. JPEG 이미지는 PNG 또는 GIF와 같은 다른 이미지 형식보다 당연히 크기가 작습니다. 항상 새 페이지에서 이미지를 테스트 및 최적화하고 기존 콘텐츠를 검토하고 조치를 취하십시오.

4. 대용량 미디어 파일

많은 랜딩 페이지는 이미지와 비디오 및 오디오 파일과 같은 기타 미디어에 크게 의존합니다. 대역폭은 중요한 리소스이며 비효율적으로 관리하면 대용량 미디어 파일로 인해 대역폭이 낭비될 수 있습니다. 대용량 미디어 파일을 로드하는 것은 모바일 사용자에게 특히 어려운 일입니다. 데스크톱용 파일은 소형 장치 및 모바일 네트워크에서 로드하는 데 시간이 더 오래 걸립니다.

수정 방법: 미디어 파일을 올바른 형식으로 업로드하고 가능한 한 파일 수를 줄입니다. 사용자 장치에 따라 파일 버전을 로드합니다. 동일한 파일의 여러 버전을 클라우드에 업로드하고 특정 장치에 가장 적합한 버전을 사용할 수 있습니다.

5. 너무 많은 HTTP 요청

사용자가 웹 페이지를 방문할 때마다 웹 브라우저는 웹 사이트 서버에 페이지 정보 요청을 보냅니다. 이 파일에는 텍스트, 이미지 또는 멀티미디어 요소가 포함될 수 있습니다. 서버가 만들어야 하는 HTTP 요청이 적을수록 사이트를 더 빨리 로드할 수 있습니다.

해결 방법: 완벽한 HTTP 요청 수는 없지만 페이지를 테스트하여 현재 필요한 요청 수를 이해하고 제거할 수 있는 항목을 평가해야 합니다. 페이지의 이미지 수 및 이미지 파일의 크기를 줄이는 등 이 목록의 다른 여러 항목에 조치를 취하여 HTTP 요청을 줄일 수 있습니다.

6. 캐싱 기술 부족

캐싱 기술을 사용하면 페이지의 속도 성능을 크게 향상시킬 수 있습니다. 캐싱 기술을 사용하면 자주 사용하는 데이터 포인트를 "캐시된 ​​메모리"에 저장할 수 있습니다. 후속 요청에서 캐시된 콘텐츠는 캐시된 메모리에서 제공되어 전체 데이터 검색 프로세스의 속도를 높입니다.

수정 방법: 캐싱하지 않는 경우 브라우저/HTTP 및 서버 측 캐싱을 구현하여 지금 시작하십시오.

7. 부피가 큰 코드

깨끗한 코드는 단지 모범 사례가 아닙니다. 페이지 로딩 시간도 단축됩니다. 과도한 여백으로 가득 찬 부피가 큰 코드, 게으른 인라인 CSS, 비어 있는 새 줄, 인라인 스타일 및 불필요한 주석은 모두 웹사이트 스타일시트를 불필요하게 크게 만들어 페이지 속도를 저하시킬 수 있습니다.

수정 방법: 관련 없는 요소를 제거하여 코드를 압축합니다. 파일 크기를 줄이는 이 프로세스를 축소라고 합니다. 몇 가지 온라인 도구는 경험이 적은 코더가 이 청소 프로세스를 수행하는 데 도움이 될 수 있습니다.

8. gZIP 압축을 구현하지 않음

gZIP 압축은 페이지 로드 속도를 줄이는 빠른 승리입니다. 모든 웹 개체를 단일 컨테이너에 포함하여 서버와 방문자의 브라우저 간에 전송되는 데이터의 크기를 줄입니다. 압축은 요청된 콘텐츠를 훨씬 빠르게 제공하여 응답 시간을 단축합니다.

해결 방법: gZIP 압축을 활성화하는 것이 표준 관행입니다. gZIP 압축을 사용하지 않는 경우 우선적으로 활성화해야 합니다.

9. 콘텐츠 전송 네트워크(CDN) 서비스를 사용하지 않음

CDN은 특히 크고 인기 있는 웹사이트가 있는 경우 페이지 속도를 향상시키는 훌륭한 도구입니다. 콘텐츠 전송 네트워크는 서버 부하를 여러 위치에 분산시키고 가장 가까운 서버가 로컬 사용자에게 데이터를 제공하도록 하는 방식으로 작동합니다. CDN의 목표는 서비스를 지리적으로 분산시켜 로딩 속도를 빠르게 함으로써 고가용성과 성능을 제공하는 것입니다.

수정 방법: 많은 웹사이트에서 기존 호스팅 서비스를 사용하여 페이지 로드 시간을 줄이고 성능을 개선하는 데 어려움을 겪고 있어 CDN을 선택합니다. 필수 사항은 아니지만 살펴볼 가치가 있습니다.

10. 너무 많은 플러그인

많은 WordPress 사이트에는 백그라운드에서 작동하는 플러그인 호스트가 있습니다. 각각은 별도의 파일 요청을 하므로 로드 시간이 느려질 수 있습니다. 그런 다음 각 플러그인에는 로드할 CSS 파일과 일부 JavaScript가 있습니다. 플러그인이 너무 많으면 로딩 시간이 지연되고 사이트의 충돌이나 보안 침해로 이어질 수 있습니다.

수정 방법: 사이트의 플러그인을 검토하세요. 더 이상 필요하지 않은 오래되고 비활성 상태인 것을 찾을 수 있습니다. 비활성 또는 위험한 플러그인을 제거하기 위해 더 오래 기다릴수록 사이트 속도가 느려집니다. 어떤 플러그인이 필수적인지 스스로에게 물어보고 초과 중량을 줄입니다.

11. 승리를 위해 빠른 방문 페이지 속도를 우선시하십시오.

페이지 속도를 줄이는 것은 특히 페이지에서 이러한 문제를 여러 개 발견하는 경우 시간이 많이 걸리는 프로세스일 수 있습니다. 기존 페이지에서 요소를 잘라내고 잘라내는 것보다 오프셋에서 모범 사례를 따르는 것이 더 쉽습니다. 새 페이지 작성을 시작하기 전에 로드할 속도를 결정하십시오. Google에서는 이를 '실적 예산'이라고 합니다. 그런 다음 예산 범위 내에서 새 랜딩 페이지를 디자인합니다.

빠른 로딩 랜딩 페이지를 만들고 싶습니까? Instapage의 Thor Render Engine™을 사용하여 반응이 빠르고 번개처럼 빠른 랜딩 페이지로 즉시 방문자의 관심을 사로잡으십시오.

오늘 Instapage 데모에 등록하여 Instapage가 어떻게 3배 더 빠른 로딩 페이지를 제공하는지 알아보십시오.