이 Google PageSpeed ​​Insights 가이드로 웹사이트 로딩 시간을 개선하십시오

Google PageSpeed ​​Insights(PSI)는 모바일 및 데스크톱 기기 모두에서 페이지의 성능을 보고하고 해당 페이지를 개선하는 방법에 대한 제안을 제공하는 도구입니다. URL을 입력하고 ANALYZE를 클릭하면 페이지 속도를 늦추는 원인과 이를 해결하기 위해 할 수 있는 일에 대한 자세한 보고서를 얻을 수 있습니다.

페이지 속도를 늦추는 것은 스크롤 없이 볼 수 있는 로드까지의 시간과 전체 로드까지의 시간이라는 두 가지 매개변수를 기반으로 합니다. 전자는 사용자가 새 페이지를 요청한 후 페이지가 스크롤 없이 볼 수 있는 부분에 콘텐츠를 표시하는 데 걸리는 시간입니다. 후자는 사용자가 페이지를 요청한 후 브라우저가 페이지를 완전히 여는 데 걸리는 시간입니다.

Google 연구원에 따르면 페이지를 로드하는 데 3초 이상 걸리면 잠재 방문자의 절반이 페이지를 보기도 전에 떠났습니다. 또한 동일한 연구에 따르면 매초마다 페이지가 로드되지 않고 더 많은 방문자가 떠나는 것으로 나타났습니다. 따라서 사이트는 2초 이내에 로드되어야 합니다.

PageSpeed ​​Insights 점수 범위는 0에서 100까지이며 점수가 85 이상이면 페이지가 잘 작동하고 있음을 나타냅니다.

PSI는 페이지에 대한 실험실 및 현장 데이터를 모두 제공합니다. 실험실 데이터는 통제된 환경에서 수집되기 때문에 성능 문제를 디버깅하는 데 유용합니다. 반면 필드 데이터는 실제와 같은 사용자 경험을 캡처하는 데 유용합니다.

현장 데이터는 경험을 좋음, 개선 필요 및 나쁨으로 설명하는 3가지 클래스로 나뉩니다. 보고서에 빨간색과 노란색 느낌표가 많이 있는 경우 웹사이트를 개선하기 위해 노력해야 합니다.

웹사이트 로딩 시간을 단축하려면 다음을 시도해야 합니다.

• 클릭 후 방문 페이지 리디렉션 방지
• 압축 활성화
• CSS, JavaScript, HTML 축소
• 스크롤 없이 볼 수 있는 콘텐츠의 우선 순위 지정
• 서버 응답 시간을 빠르게
• 렌더링 차단 JavaScript 제거
• 브라우징 캐싱 활용
• 이미지 최적화

Hummingbird 플러그인이 도움이 되는 방법

Hummingbird는 위에서 언급한 팁을 구현하는 데 도움이 되는 무료 플러그인으로 페이지 로드 속도를 높여 방문자를 더 행복하게 만듭니다. 방문자는 페이지에 머무를 뿐만 아니라 더 오래 머물고 더 만족할 것입니다.

이 플러그인은 사이트 성능을 최적화하고 Google PageSpeed를 수정합니다. 그것은 귀하의 사이트를 스캔하고 귀하의 페이지가 가능한 한 빠른지 확인하기 위해 개선해야 할 사항을 알려줍니다. 더 빠른 페이지를 사용하면 방문자와 고객을 만족시킬 수 있습니다.

Hummingbird에는 파일 압축, CSS 및 JavaScript 연기, CSS 및 JS용 축소, Lazy Load 통합 및 세계적 수준의 캐싱을 비롯한 많은 유용한 기능이 있습니다.

스캔 및 원클릭 수정 기능을 통해 Hummingbird는 사이트를 스캔하고 속도를 늦추는 파일을 추적하고 사이트 로드를 더 빠르게 만들기 위한 팁과 수정 사항을 제공하여 도움을 줍니다. 클릭 한 번으로 시간을 낭비하지 않는 개선 사항을 제공하지만 확실히 사이트를 개선할 것입니다. 클릭 한 번으로 단 1초 만에 성능을 최적화할 수 있습니다.

캐싱 기능은 전체 페이지, 브라우저 및 Gravatar 캐시를 포함한 세계적 수준의 캐싱 제품군을 제공합니다. 깔끔한 인터페이스와 사용하기 쉬운 설정으로 최대한 단순하게 만들었습니다. 당신을 압도하거나 낙담시킬 수 있는 복잡한 탭은 없습니다.

인터페이스에는 캐시를 원하거나 원하지 않는 페이지와 게시물을 선택할 수 있는 토글 스위치가 있습니다. Frontpage, Blog, Posts, Archives 등과 같은 일반적으로 캐시된 페이지에 대해 자동으로 켤 수 있지만 로그인한 사용자, URL 쿼리, 업데이트 및 제외와 같은 추가 구성 옵션을 추가할 수도 있습니다.

캐싱을 사용하면 보다 편리한 위치에 일부 데이터를 저장하여 더 빠르게 액세스하고 검색할 수 있으므로 사이트 로드 속도가 빨라집니다.

또한 Hummingbird를 사용하면 CSS, JavaScript 및 기타 파일의 위치를 ​​쉽게 사용자 정의하여 페이지 속도를 높일 수 있습니다. 축소 기능으로 파일을 손쉽게 재구성, 압축 및 재배치할 수 있습니다. 파일 축소 및 결합은 사이트 로드 속도를 높이는 데 사용할 수 있는 강력한 도구입니다.

Hummingbird는 페이지를 스캔하고 보유하고 있는 파일 또는 자산의 수를 표시하는 메시지를 제공합니다. 자산 최적화 설정 페이지에서 축소, 결합 또는 이동할 항목을 결정할 수 있습니다. 축소하여 코드에서 불필요한 데이터를 줄여 페이지를 더 빠르게 만듭니다.

서버와 브라우저에서 보내는 정보가 적을수록 웹사이트가 로드되는 데 걸리는 시간이 줄어듭니다. 파일이 가능한 가장 작은 크기인지 확인하기 위해 스크립트를 축소합니다. 파일을 결합할 수도 있습니다. 즉, 모든 CSS 파일은 하나의 CSS 파일로 이동하고 모든 JS 파일은 하나의 JS 파일로 이동합니다.

이렇게 하면 브라우저에 전송되는 요청 수가 줄어들어 로드 시간이 향상됩니다. 스크립트를 바닥글로 이동하고 웹사이트에 스크립트가 필요하지 않은 경우에 유용한 지정된 파일을 로드하지 않도록 선택할 수도 있습니다. 다시 말하지만, 이것을 설정하는 것은 매우 쉽고 코딩 지식이 필요하지 않습니다. 그리고 걱정하지 마세요. 엉망이더라도 변경 사항을 쉽게 재설정할 수 있습니다.

플러그인의 또 다른 기능은 Gzip 압축입니다. Gzip은 HTML, JavaScript 및 CSS 파일을 브라우저로 보내기 전에 클릭 한 번으로 압축합니다. 압축 파일을 보내는 것이 더 빠르고 호스팅 비용을 절약할 수 있기 때문에 사이트를 더 효율적으로 공유할 수 있습니다. 프로세스에서 필요한 데이터를 잃지 않고 파일을 더 작고 빠르게 로드할 수 있습니다. 설정에 대해 걱정할 필요가 없습니다. 대신 사이트가 호스팅되는 서버 유형을 선택하고 규칙 적용 버튼을 누르기만 하면 됩니다. 플러그인이 나머지를 처리합니다.

Hummingbird를 사용하면 Cloudflare 브라우저 캐시 설정을 제어할 수도 있습니다. 또한 Smush 이미지 최적화 플러그인으로 최적화 기능을 보완할 수 있습니다. Smush는 이미지를 압축하고 로딩 속도를 높이는 데 사용됩니다.

적절한 크기의 이미지, 지연 로드, 차세대 WebP 변환, 이미지 형식 등을 사용하여 PageSpeed ​​성능을 최적화하고 수정할 수 있습니다.

모든 것이 가능한 한 원활하게 진행되고 있는지 확인하고 싶기 때문에 Hummingbird를 사용하면 사이트를 계속 주시하고 필요한 경우 조정할 수 있습니다. 또한 Hummingbird 대시보드에서 페이지 속도를 저하시킬 수 있는 파일을 식별하는 데 도움이 되는 정기적인 성능 검사를 실행할 수 있습니다.

이 모든 것이 중요한 이유

페이지를 로드하는 데 시간이 오래 걸릴수록 방문자와 고객이 사이트를 떠나는 속도가 빨라지므로 웹 사이트를 빠르게 로드하는 것은 매우 중요합니다. 로드하는 데 시간이 오래 걸리는 웹 사이트에 있었던 적이 한 번은 기억할 것입니다. 당신은 아마 아무것도 나타나지도 전에 클릭했을 것입니다. 나는 알고있다.

로딩할 때까지 오래 기다려야 하면 웹사이트에 대한 불만과 불만이 커집니다. 그래서 페이지 속도가 중요합니다. 따라서 잠재 고객을 잃고 싶지 않다면 웹 사이트의 로드 시간 속도를 높이는 방법을 모색해야 합니다. 수정한 후에는 PSI에서 다시 분석할 수 있습니다.

여기에서 Google PageSpeed ​​Insights에서 100점을 얻는 것이 불가능하다는 흥미로운 기사를 읽을 수 있습니다. 이 기사의 저자는 개선 전과 후에 100점을 얻기 위해 사이트를 평가한 방법에 대해 이야기합니다. 그녀는 Hummingbird 및 WP Checkup 플러그인을 사용하여 사이트 성능을 개선했습니다.

페이지를 변경한 후 그녀는 100점을 받기 위해 더 이상 할 수 있는 일이 없다는 것을 깨달았습니다. 그러나 Google PageSpeed ​​Insights에서 귀하의 페이지가 100점을 받지 못했다고 해서 페이지가 느리다는 의미는 아닙니다. 이 기사는 모든 사이트가 완벽한 점수를 받을 수는 없으며 Google PageSpeed ​​Insights가 웹사이트 성능을 평가하는 최고의 벤치마크는 아니지만 확실히 사용할 가치가 있음을 보여줍니다.

마지막 생각들

웹 사이트를 방문하여 로드될 때까지 영원히 기다리는 것은 매우 실망스러울 수 있습니다. 특히 당신이 참을성이 없는 사람이라면. 고객 또는 방문자의 입장이 되어 보십시오. 당신은 무언가가 나타날 때까지 오랜 시간을 기다리고 싶지도 않고 그렇지도 않습니다. 최고의 서비스를 제공하기를 원하며 여기에는 웹사이트의 성능도 포함됩니다.

페이지 속도를 높이면 신규 및 기존 고객을 유지할 가능성이 높아집니다. 사람들이 웹사이트를 방문하고 잠시 머물다 다시 오도록 하려면 페이지 로드 시간이 빨라야 합니다.

따라서 Google PageSpeed ​​Insights에서 페이지를 분석하고 원하는 점수를 얻지 못하면 웹사이트 최적화를 위해 만들어진 Hummingbird를 사용해 보십시오.