웹사이트 로딩 시간을 54% 줄이는 5단계

처음 방문자를 이메일 목록으로 전환하거나 제품 또는 서비스를 판매하기에 충분한 시간 동안 첫 번째 방문자의 관심을 유지할 수 있는 시간은 약 4초입니다.

그 후, 그들이 여전히 엄지손가락을 만지작거리며 웹페이지의 첫 번째 신호가 나타날 때까지 기다리면 절반 정도를 잃게 될 것입니다. 여기에는 큰 가정이 있지만 웹 사이트가 나무 늘보의 낮잠을 빨리 보이게 한다고 해서 많은 잠재적인 유료 고객을 희생하고 싶지는 않을 것입니다.

Gomez.com의 조사에 따르면 웹 방문자의 약 절반이 사이트가 2초 안에 로드되기를 원하고 일반적으로 3초 이내에 로드되지 않은 사이트를 떠납니다. 사이트 성능에 문제가 있는 온라인 쇼핑객의 79%는 다시 구매하기 위해 사이트를 방문하지 않을 것이라고 밝혔고, 약 44%는 온라인 쇼핑에 대한 나쁜 경험이 있는 경우 친구와 공유할 것이라고 말했습니다.

좋은 소식은 대부분의 경우 몇 가지 조정으로 페이지 로드 시간을 극적으로 개선할 수 있다는 것입니다. 54% 정도는 우리가 당신에게 떨어뜨릴 것입니다. 준비가 된? 갑시다!

#1. 이미지를 크기로 축소

치명적으로 느린 웹사이트와 관련하여 가장 큰 문제는 최적화되지 않은 이미지일 것입니다. 우리는 단순한 파일 크기에 대해 이야기하고 있습니다. 너무 자주, 전화 카메라나 스톡 이미지 사이트에서 직접 가져온 이미지는 대용량(메가바이트)입니다. 이 아기들 중 하나 이상을 수십 또는 수백 개의 게시물에 올릴 때쯤이면 웹사이트는 임신한 해우처럼 뒹굴고 있습니다.

이 문제에 대한 해결책이 있습니다. Photoshop이 있다면 훌륭하지만 Pixlr과 같은 무료 온라인 그래픽 편집기도 잘 작동합니다. 당신이해야 할 일은 웹 사이트에 업로드되기 전에 모든 단일 이미지의 크기를 줄이는 것입니다. 설정을 만지작거리며 자신에게 맞는 것을 찾을 수 있지만 메가바이트가 아닌 킬로바이트 크기의 이미지를 촬영할 수 있습니다.

#2. 브라우저를 캐싱 작업에 활용

가장 일반적으로 사용되는 브라우저에는 웹사이트 요소를 캐시할 수 있는 기능이 있으며 이를 활용하는 현명한 기업가가 될 것입니다. 작동 방식은 다음과 같습니다. 방문자가 웹사이트를 처음 방문하면 페이지의 모든 요소(이미지, 텍스트, 스크립트, CSS)를 다운로드해야 합니다. 죄송합니다. 우회할 수 있는 방법은 없지만 처음부터 웹사이트를 최대한 간결하게 만들어야 할 필요성을 강조해야 합니다.

그러나 캐싱을 적절히 구성하면 변경되지 않은 요소를 다시 다운로드할 필요가 없기 때문에 후속 방문이 더 빨리 로드됩니다. 대부분의 웹사이트(뉴스 사이트에도 불구하고)에는 대부분의 콘텐츠가 그대로 유지되기 때문에 브라우저 캐싱을 사용하면 경험 속도가 상당히 빨라집니다. 웹 사이트에서 이 기능이 활성화되어 있는지 확인하는 생각으로 두드러기가 생긴다면 호스팅 회사의 기술 지원에 전화하여 돈을 벌도록 하십시오.

#삼. 웹사이트 슬림화

웹 사이트에서 압축을 활성화하면 누적 파일 크기를 50-70% 줄일 수 있다는 사실을 알고 계셨습니까? 여러분, 그것은 중요하며 성공적인 온라인 비즈니스와 엄청난 시간 낭비의 차이가 될 수 있습니다. 여기서 본질적으로 말하는 것은 웹사이트 파일을 압축이라고도 하는 사이버 거들에 넣는 것입니다.

압축된 웹 사이트는 방문자의 컴퓨터에 다운로드하는 데 더 적은 대역폭이 필요하므로 "파이프라인"을 더 빠르게 이동합니다. 사이트 전체 압축은 서버 수준에서 적용되는 설정입니다. 자체 서버를 실행하는 경우 이미 이에 대해 알고 있을 것이므로 목록의 다음 항목으로 자유롭게 건너뛰십시오. 일반 호스팅 계획을 구독하는 대중의 경우 다시 한 번 친절한 기술 지원 직원에게 전화를 걸거나 채팅을 해야 합니다. 당신이 성취하려고 하는 것을 그들에게 말하라. 그러면 그들이 거기에서 그것을 가져갈 수 있을 것이다.

#4. CSS 간소화

웹 디자이너는 CSS 파일을 사용하여 레이아웃과 웹 페이지의 모양을 제어합니다. 이 파일(또는 파일)은 보기 전에 로드해야 하므로 가능한 한 작게 유지하는 것이 좋습니다. 이를 위한 좋은 첫 번째 단계는 실제 코드를 살펴보고 필요하지 않은 것은 모두 버리는 것입니다. 말 그대로, 당신이 사용하는 모든 문자와 공간은 방문자의 대기 시간에 파일의 크기와 엄지손가락을 돌리는 시간을 추가합니다.

다음 단계는 CSS를 최소화하는 것입니다. 이것은 코드에서 보기에는 예쁘지만 로딩 시간을 늦추는 여분의 공백을 제거하는 프로세스입니다. 웹사이트에 CMS를 사용하는 경우 일부(HubSpot)는 자동으로 CSS를 최소화하지만 다른(WordPress, Joomla)은 그렇지 않습니다. 타사 옵션이 필요한 경우 CSS Miniifier와 같은 무료 온라인 서비스를 확인하십시오. 자르고, 붙이고, 압축하십시오.

#5. 전략적으로 스크립트 찾기

모두가 자바스크립트를 사랑합니다. 웹사이트를 훨씬 시원하고 반응성이 좋게 만들지만 잘못 배치하면 페이지 로딩 과정에서 막힌 것처럼 보이는 현상이 나타날 수도 있습니다. 아무도 막힌 곳, 특히 웹사이트 트래픽을 좋아하지 않기 때문에 사용하는 모든 자바스크립트를 HTML 문서 끝에 넣는 것이 좋습니다.

브라우저는 HTML을 위에서 아래로 순차적으로 해석하고 요소가 오는 대로 표시하므로 마지막으로 원하는 것은 본질적으로 몇 초 동안 "일시 중지" 버튼을 누르는 고도로 배치된 Javascript 코드입니다. 신문 비즈니스에 "볼 수 있는 부분 아래"라는 문구가 있습니다. 이는 첫 페이지의 하단 절반에 표시되고 주요 헤드라인보다 덜 중요한 것으로 간주되는 기사를 나타냅니다.

Javascript 코드가 덜 중요하다는 말은 아니지만 브라우저가 작동하는 방식의 현실 때문에 스스로에게 호의를 베풀고 가장 마지막에 로드되도록 하십시오.

마지막 생각들

많은 온라인 기업가들이 공유 호스팅 계획을 사용하기 시작하는데 누가 그들을 비난할 수 있겠습니까? 그들은 저렴하고 쉽게 설정할 수 있습니다. 단점은 귀하의 웹 사이트가 수백 개의 다른 서버와 함께 서버에 있다는 것입니다. 분명히 이것은 웹 사이트 로딩 속도가 중요한 완벽한 상황은 아닙니다. 결국 전용 서버, 가상 사설 서버 호스팅 계획 또는 안정적인 관리 호스팅과 같은 더 빠른 옵션으로 한 단계 도약하는 것을 고려할 수 있습니다.

다른 솔루션이 필요하다고 생각되지만 어떤 솔루션이 필요한지 잘 모르는 경우 5가지 유형의 호스팅에 대한 탁월한 비교를 위해 이 사이트를 참조하십시오. 마지막으로 자신의 웹사이트가 실제로 느린 쪽인지 궁금하다면 이 웹사이트를 통해 URL을 삽입하고 웹사이트 속도 테스트를 수행할 수 있습니다. 현재처럼 진실을 알아낼 시간은 없습니다.

이 기사가 페이지 로딩 시간을 54% 줄이는 방법을 배우는 데 도움이 되었기를 바랍니다. 사이트 속도를 높이는 방법에 대해 심각하게 우려하는 경우 Google 전문가가 특히 귀하를 위해 사이트의 성능을 개선하기 위한 가이드를 생각해 냈습니다.