2초 이내에 웹사이트를 로드하는 7가지 팁
게시 됨: 2019-03-1210여 년 전에 Amazon은 흥미로운 추세를 발견했습니다. 웹사이트의 로드 시간을 100밀리초씩 높일 때마다 수익이 1% 증가했습니다. 그런 다음 Google은 웹 사이트 로드 시간이 검색 엔진 결과 페이지에서 더 높은 순위를 매기는 주요 지표임을 알렸습니다.
웹사이트 로드 시간이 얼마나 중요합니까?
웹 사이트 로드 시간과 관련하여 속도가 중요합니다. 로드 시간은 1초 이하가 이상적이며 고객이 계속 탐색하고 구매하도록 하려면 전체 경험이 빠르고 반응적이어야 합니다. 따라서 웹 개발자는 사이트를 민첩하게 만들기 위해 최선을 다할 것입니다.
암호화/암호 해독 프로세스로 인해 본질적으로 느린 VPN(가상 사설망) 연결을 통해 온라인에 접속하는 사람들의 경우 문제가 더욱 두드러질 수 있습니다.
VPN을 사용하여 온라인에서 개인 정보와 익명성을 보호하는 사람들이 증가함에 따라 웹 사이트 소유자가 웹 사이트가 번개처럼 빠른지 확인하는 것이 훨씬 더 중요합니다. 즉, VPN으로 탐색하는 사람은 사이트를 방문할 때 속도가 크게 느려지지 않습니다.
웹사이트 로드 시간을 단축하는 예
페이지 로드 시간이 중요한 지표라는 사실을 이해하고 있는 많은 사이트 소유자는 사이트 성능을 개선하기 위해 최선을 다하고 있습니다. 실제 수치로 더 빠른 웹사이트의 중요성을 뒷받침하는 사례 연구는 말 그대로 수백 가지가 있습니다. 하나는 페이지 로드 시간을 7초로 줄이는 데 성공한 Edmunds.com입니다. 페이지뷰는 7% 증가했고 광고 수익은 3% 증가했습니다. 그것들은 중요하지 않은 숫자가 아닙니다!
아래 팁을 사용하여 이 웹사이트의 소유자는 로드 시간을 단 583밀리초로 개선할 수 있었습니다. 홈페이지의 HTTP 요청 횟수를 절반으로 줄이고 페이지 크기를 원래 크기의 1/3로 줄였습니다. 이러한 모든 개선 사항은 사용자의 시각적 경험에 영향을 주지 않고 달성되었습니다.
다음은 웹사이트 로드 시간과 고객 경험을 개선하는 방법에 대한 몇 가지 아이디어입니다.
1. 더 나은 웹 호스트 사용
저렴한 웹 호스트는 어디에나 있으며, 이제 막 시작하고 비용을 낮게 유지하는 경우에는 꽤 좋은 옵션인 것 같습니다. 그러나 웹 호스트가 저렴할수록 귀하의 웹사이트가 다른 사이트가 너무 많은 서버에 붐빌 가능성이 높아집니다. 즉, 대역폭이 줄어들고 로드 시간이 느려집니다.
많은 웹 호스트는 600~1300밀리초 내에 웹사이트를 로드할 수 있습니다. 꽤 좋은 일이지만 더 나은 성능을 제공하는 호스트(예: 관리 WordPress 호스트)가 있습니다. 그 중 하나는 293밀리초의 평균 페이지 로드 시간을 제공하는 관리되는 WordPress 호스트인 Flywheel입니다(Pingdom에서 사이트 속도 확인). 이건 아무리 봐도 우월한 성능입니다. 이것은 웹사이트에서 페이지 로드 시간을 줄일 수 있는 가장 중요한 방법 중 하나일 수 있습니다.
2. 콘텐츠 전송 네트워크 활용
콘텐츠 전송 네트워크(CDN)를 사용하여 웹 사이트의 모든 미디어를 단 하나의 서버에 저장하는 대신 전 세계에 배포된 여러 서버에 완전한 사이트 사본을 보관합니다. CDN은 네트워크 에지에서 콘텐츠를 캐싱하여 매우 빠른 데이터 전송을 가능하게 합니다. 또한 CDN은 더 많은 트래픽 흐름을 처리할 수 있으므로 하드웨어 오류 인스턴스가 더 적어야 하며 많은 웹마스터는 CDN을 사용하기 시작하면 대역폭 비용이 절감된다는 사실을 알게 됩니다. 견고한 웹 호스트와 CDN을 사용하면 웹 사이트 로드 시간을 크게 줄일 수 있습니다.
3. 깨진 링크 복구
끊어진 링크는 대역폭에 부담을 주며, 웹사이트를 탐색하는 사람은 단 하나의 끊어진 링크라도 만나면 그 자리에 오래 머물지 못할 것입니다. Ahrefs, Screaming Frog SEO Spider 및 Google 웹마스터 도구와 같은 도구는 문제를 일으키는 깨진 링크를 찾아 수정하는 데 도움이 될 수 있습니다. 끊어진 링크가 수정되면 트래픽이 증가하고 사람들이 귀하의 사이트에 더 오래 머무르는 것을 볼 수 있습니다. 또한 웹 사이트 로드 시간이 향상될 것입니다.
4. 가능하면 PHP 대신 정적 HTML 사용
Hypertext Preprocessor 또는 PHP는 웹 개발에 유용한 스크립팅 언어입니다. PHP의 코드는 서버에서 실행되어 클라이언트로 나가는 HTML을 생성합니다. PHP는 동일한 데이터를 반복해서 입력해야 하는 요구 사항을 줄이는 효율적인 솔루션이 될 수 있습니다. 그러나 PHP를 고수한다는 것은 서버에서 귀중한 공간을 사용하고 있다는 것을 의미합니다. PHP가 시간을 절약해 주지 않으면 대신 정적 HTML로 전환하십시오.
5. 이미지 최적화
이미지에는 효과에 아무 것도 추가하지 않는 모든 종류의 색상, 주석 및 기타 데이터가 포함될 수 있습니다. 웹사이트 로드 시간을 단축하려면 이미지를 최적화하는 것이 중요합니다. JPEG 형식을 권장합니다. Smush.it 또는 WP Smush.it과 같은 도구를 사용하면 이 작업을 수행하는 데 많은 노력을 기울일 수 있습니다.
6. 브라우저 캐싱 사용
방문자가 방문할 때마다 페이지의 모든 단일 요소를 다운로드할 필요가 없으면 웹사이트 로드 시간이 향상됩니다. 브라우저 캐싱을 사용하면 사용자의 컴퓨터에서 일부 데이터를 유지 관리할 수 있으므로 사용자의 장치가 매번 모든 데이터를 검색할 필요가 없습니다. 브라우저 캐싱을 활성화하기 위해 다양한 플러그인을 사용할 수 있습니다.
7. 자바스크립트 파일을 축소하라
JavaScript는 심각하게 부풀려지고 투박할 수 있으며 이는 페이지 로드 시간에 직접적인 영향을 미칩니다. JS를 축소하는 한 가지 방법은 모든 JavaScript 파일을 하나의 파일로 압축하는 것입니다. WordPress를 사용하는 사람들은 WP Super Miniify를 사용하여 작업을 더 쉽게 만들고 싶을 수 있습니다.
마지막 생각들
웹 사이트 방문자가 주위를 돌아다니며 건설적인 일을 하거나 모든 것이 너무 오래 걸리기 때문에 좌절감을 안고 떠나는지 여부에 대해 관심이 없다면 페이지 로드 시간을 줄이는 것은 걱정해야 할 사항입니다. 좋은 소식은 단기간에 심각한 진전을 이루기 위해 기술자가 될 필요가 없다는 것입니다. 위에 설명된 단계를 따르기만 하면 행운을 빕니다!
이 기사는 원래 2018년 10월 12일에 게시되었습니다. 2019년 3월 18일에 마지막으로 업데이트되었습니다.