잠재 고객이 바운스되기 전에 페이지 로드 시간을 늘리는 10가지 방법

유쾌한 영웅 이미지와 임팩트 있는 헤드라인으로 뛰어난 웹사이트를 만들고 사회적으로 입증된 신뢰성을 구축했지만 엿보는 사람들은 전환하지 않고 있습니다…

아마도 가장 큰 전환 킬러가 배후에서 숨어 있기 때문일 것입니다. 종종 페이지 속도는 다른 어떤 것보다 웹사이트의 전환율에 큰 영향을 미칩니다.

웹사이트 속도가 실제로 매출에 그렇게 많은 영향을 미칠 수 있습니까?

페이지 속도의 영향

웹사이트 속도가 중요…

빠른 로딩 속도의 웹사이트는 우수한 사용자 경험, 더 나은 참여, 더 높은 전환율, 더 높은 검색 순위 등 모든 면에서 더 나은 모습과 성능을 보입니다. 일부 사람들은 페이지 로딩 시간이 유일한 강력한 순위 신호가 아니라 매출 및 수익을 포함한 다른 중요한 요소에 막대한 영향을 미치는 지표라고 생각합니다.

몇 년 전 Google은 0.5초 지연으로 인해 트래픽이 감소했습니다. 오늘날 전자 상거래 페이지가 3초 이내에 로드되지 않으면 트래픽의 약 절반이 손실될 수 있습니다. 이것이 가장 인기 있는 온라인 브랜드 중 일부가 이제 1초 이내에 로드되는 이유입니다.

오늘날 모바일 인터넷 사용량은 데스크톱을 앞지르고 있으며 전환은 특정 페이지에 국한되지 않습니다. 아주 좋은 헤드라인을 가지고 있고 가치 제안이 충분히 명확하고 사회적인 신뢰를 받는 아름다운 웹 페이지를 가지고 있지만 페이지 로드 시간이 좋지 않으면 방문 페이지 전환이 발생하지 않습니다.

다음은 웹사이트의 페이지 로딩 시간을 단축하고 잠재 고객이 이탈하는 것을 방지하는 데 사용할 수 있는 10가지 간단한 방법입니다.

1. 코드 정리

깔끔하고 잘 문서화된 코드는 개발자의 우선 순위일 뿐만 아니라 페이지 로드 속도도 빨라집니다. 사이트 파일의 크기와 들여쓰기, 줄 바꿈, 초과 공백 및 초과 태그와 같은 작은 문제를 최소화하면 페이지 로드 시간이 크게 단축될 수 있습니다.

예, JavaScript 파일은 화면 주위에 작고 매력적인 것을 추가하는 재미있는 방법이지만 여러 번 랜딩 페이지에 매우 해로울 수 있습니다. AJAX 및 기타 유사한 사치품도 마찬가지입니다.

그러나 이러한 귀중한 스크립트를 추가할 준비가 되었다면 최소한 스크롤 없이 볼 수 있는 콘텐츠를 먼저 로드해야 합니다. 다양한 도구를 사용하여 페이지의 JavaScript가 로드되는 방식을 확인한 다음 필요에 따라 페이지를 최적화할 수 있습니다.

2. HTML 및 CSS 축소

HTML 및 CSS 코드를 최소화하고 요청 대역을 줄임으로써 웹 페이지 데이터를 가능한 가장 간소화된 방식으로 전달할 수 있습니다. 파일을 확인하는 가장 좋은 방법은 Google의 PageSpeed ​​Insights를 사용하여 URL을 입력하고 신뢰할 수 있는 개발자에게 결과를 보내는 것입니다.

3. GZip 압축 사용

GZip 압축은 콘텐츠 인코딩 및 브라우저의 서버 요청 최소화와 관련이 있습니다. 파일 크기를 줄여 로딩 시간을 단축하는 데 도움이 됩니다. GIDNetwork를 사용하여 사이트의 현재 압축을 확인하고 개선할 아이디어를 얻을 수 있습니다.

4. 리디렉션 최소화

표준 SEO 관행은 방문자와 검색 엔진에 페이지가 영구적으로 제거되었음을 알리는 데 사용되는 301 리디렉션입니다. 이것은 사이트가 시간이 지남에 따라 변경될 때 사용되는 일반적인 방법이며 404 오류 및 끊어진 링크를 줄이는 데 도움이 될 수 있습니다.

그러나 리디렉션이 너무 많으면 페이지 속도에 부정적인 영향을 줄 수도 있습니다.

5. 스크립트 재배치

스크립트 배치는 로드 시간에 영향을 미치는 데 큰 역할을 합니다. 예를 들어, 추적 스크립트가 방문 페이지의 헤드 섹션이나 스크롤 없이 볼 수 있는 부분에 있는 경우 브라우저는 사람들이 실제로 보게 된 페이지 콘텐츠에 도달하기 전에 해당 스크립트를 다운로드하고 처리해야 합니다.

여러 사람들이 같은 페이지에서 작업할 때 중복된 스크립트를 갖는 것은 매우 일반적입니다. 이렇게 하면 작업 속도가 약간 느려질 수 있습니다.

결론은 파일을 단순화하고 최소화하여 서버와 브라우저 간의 앞뒤를 줄이는 것입니다.

6. WordPress 플러그인 제한

예, 이것은 매우 쉬운 것 같습니다! 그렇게 생각한다면 간단히 WordPress를 열고 팀 구성원이 소셜 공유 및 추적과 같은 일반적인 작업을 위해 설치한 WordPress 플러그인 수를 확인하세요.

어떤 플러그인을 유지할 가치가 있고 어떤 플러그인을 제거해야 하는지 정확하게 진단할 수 있다면 어떤 플러그인을 추가해야 하는지 알게 될 것입니다. 사이트의 플러그인 성능을 측정하고 페이지 로드 시간에 미치는 영향을 측정하는 플러그인 P3(플러그인 성능 프로파일러)가 있습니다.

이 플러그인을 사용하면 해당 플러그인을 설치하면 얼마나 유용한지 쉽게 알 수 있습니다.

7. 이미지 크기 조정

페이지가 로드될 때마다 브라우저가 원본 1200px 이미지의 크기를 600px로 조정하고 모든 게시물과 페이지에 대한 모든 방문을 곱하면 전혀 필요하지 않은 많은 추가 작업이 생성됩니다. 이것은 연결이 불량하고 처리 능력이 제한된 모바일 장치에 실제로 영향을 미칩니다.

이상적인 방법은 이미지를 서버에 업로드하기 전에 크기를 조정하는 것입니다. 그리고 너무 많은 작업이 필요한 경우 이미지 크기를 조정하는 데 도움이 되는 내장 WordPress 도구가 있습니다. 이렇게 하면 Internet Explorer와 같은 브라우저에서 잠재적인 오류를 제한할 수 있습니다.

8. 이미지 압축

이미지 크기를 조정했으면 다음 단계는 파일 크기를 줄이기 위해 다시 압축하는 것입니다. 이것은 종종 간과되는 단계이지만 이미지를 최적화하면 페이지 로딩 시간을 빠르게 단축할 수 있으므로 필요한 공간과 작업량을 줄이기 위해 이 덜 매달린 과일을 사용하십시오.

Compressor.io 또는 TinyJPG와 같이 파일 크기를 크게 줄일 수 있는 무료 도구가 많이 있습니다.

9. CDN으로 이미지 전달

CloudFare 및 MaxCDN과 같은 인기 있는 콘텐츠 전송 네트워크는 시각적인 사이트의 성능을 크게 향상시킬 수 있습니다. 또한 CDN으로 이미지를 전달하는 것은 웹사이트 방문자에게 더 가까운 원격 서버에서 지원군을 호출하는 것과 같습니다. 이것은 실제로 가장 가까운 것을 먼저 사용하려고 시도하고 궁극적으로 서버에서 사용자의 웹 브라우저로 콘텐츠를 전달하는 데 필요한 많은 시간과 노력을 줄인다는 것을 의미합니다.

10. 외부 호스팅

이것은 오디오 및 비디오, 이미지와 같은 더 큰 파일을 서버에서 멀리 옮기고 Wistia 또는 Imgur와 같은 외부 호스팅 플랫폼을 비디오용으로 사용하는 또 다른 중요한 옵션입니다. 사람들이 리치 미디어를 엄청나게 채택하고 있고 2017년에는 웹 트래픽의 거의 70%가 비디오가 될 것이기 때문에 이는 매우 중요합니다.

이미지 크기의 영향을 이미 보았듯이 오디오 및 비디오와 같은 더 큰 파일은 외부에서 호스팅되어야 합니다. 외부 호스팅 제공업체는 성능 문제를 해결할 뿐만 아니라 향상된 청중 도달, 참여 및 전환과 같은 추가 이점도 제공합니다.

결론

방문자가 웹사이트가 5초 이내에 로드되지 않으면 웹사이트를 떠날 것이라는 사실은 모두 알고 있습니다. 즉, 이러한 전환을 달성하기 위해 활용하는 모범 사례에 관계없이 사람들은 실제로 귀하의 노력을 볼 수 있을 만큼 오래 머물지 않을 것입니다.

원치 않는 플러그인 제거 및 호스팅 업그레이드와 같은 몇 가지 기본 페이지 속도 개선 사항이 있습니다. 고급 기술에는 파일 축소가 포함됩니다. 그러나 무언가가 없는 것보다 낫습니다.

이러한 모든 변경 사항을 구현하는 데 시간이 많이 걸릴 수 있지만 방문 페이지에 잠재 고객을 고객으로 전환할 수 있는 더 나은 기회를 제공하는 가장 좋은 방법입니다.