WordPress 사용자를위한 Semalt의 Google PageSpeed 가이드
Google PageSpeed Insights (줄여서 PSI)는 웹 개발자에게 유용한 도구입니다. 그 의도는 확실히 좋지만 일반 WordPress 사이트 소유자에게는 적합하지 않다고 말할 수 있습니다. PageSpeed Insights는 최근에 WordPress 사용자를위한 특정 댓글을 도입했지만 제공하는 보고서의 많은 측면이 일반 사용자에게는 너무 기술적입니다.
이 가이드에서는 PageSpeed가 말하는 내용을 "번역"하고 간단한 단어로 설명하고 어떤 주석을 다루고 처리해야하는지, 어떤 주석을 처리해서는 안되는지 설명합니다. 가이드의이 부분에서는 랩 데이터를 이해하고 분석하는 데만 집중합니다. 그러나 다른 기사에서는 PSI가 제공하는 개선을위한 동일한 제안과 기회에 대해 이야기 할 것입니다.
PageSpeed Insights가 근절하려는 기본적인 문제
최근에 WordPress 사이트 및 기타 콘텐츠 관리 시스템의 인기는 기적적으로 증가했습니다. 이를 통해 개발에 대한 지식이 거의 없거나 주제에 대한 지식이 전혀없는 사용자는 구축 방식이 사이트 성능의 기본 규칙에 위배되는 사이트를 구축 할 수 있습니다.
웹 사이트 개발에 대한 지식이없는 사람을 허용하는 페이지 빌더는 상당한 영향을 미칩니다. 사실 간단하고 가벼운 웹 사이트를 구축하면 이러한 도구에서 자동으로 더 높은 점수를 받게되며, 더 중요한 것은 서퍼에게 훨씬 더 빠르므로 사용자 경험이 더 좋아질 것입니다.
Google은 AMP라는 프로젝트를 통해 좋은 사용자 경험을 장려하고 이러한 문제를 근절하기 위해 노력하고 있습니다. 구글은 "회사, 당신이 당신의 사이트에 정크를 추가한다면 적어도 속도와 로딩 시간에 미치는 영향을 줄이기 위해 무엇을 할 수 있는지 보자"고 말합니다.
그 외에도 광고와 서비스를 비즈니스 모델로하는 Google은 사이트의 속도와 웹에서의 사용자 경험이 향상되도록해야합니다. 그렇지 않으면 광고도 제공하는 Facebook과 같은 폐쇄 형 플랫폼이 수익에서 더 많은 부분을 차지하게됩니다.
Google PageSpeed가 표시하는 정보를 어떻게 이해합니까?
Google의 속도 테스트 도구는 현재 Lighthouse를 기반으로하며 일련의 규칙에 따라 각 사이트를 평가합니다. 이러한 규칙은 대상 고객, 콘텐츠 또는 목적에 관계없이 각 사이트에 적용됩니다.
PageSpeed Insights는 모바일 및 데스크톱의 사이트 성능에 대한 보고서를 제공하고 검토중인 페이지의 성능을 개선하는 방법에 대한 기회 및 제안에 대한 정보를 제공합니다.
면적 데이터 대 실험실 데이터 (테스트 데이터)
PSI는 실험실 데이터와 현장 데이터를 제공합니다. 특히 트래픽이 많은 사이트 만 영역 데이터라는 섹션에서 정보를 수신하므로 수신하지 않아도 걱정할 필요가 없습니다.
현재 포스트에서는 현장 데이터를 확장하지 않겠지 만, 우리가 이야기 할 실험실 데이터는 사전 정의 된 장치와 고정 된 네트워크 설정을 사용하여 통제 된 환경에서 수집된다고합니다.
실험실 데이터는 개념적으로 변경되지 않기 때문에 문제 모니터링, 디버깅 및 최적화와 관련된 데이터입니다. 실험실 데이터는 영역 데이터보다 더 많은 정보를 제공하지만 실제 세계에서 생성 될 수 있고 현장 성능에 영향을 미칠 수있는 병목 정보를 제공하지 않습니다.
Google PageSpeed를 사용하는 방법?
시작하기 전에 Lighthouse에서 제공하는 보고서를 이해하기위한 첫 번째 단계는 각 댓글 옆에 표시되는 화살표를 클릭해야 자세한 정보를 얻을 수 있다는 것을 아는 것입니다.
보고서가 제시하는 문제를 이해하고 확인하려면 더 깊이 파고 들어가야합니다. PSI가 제공하는 전체 점수부터 시작하겠습니다. 여러분 대부분은이 점수가 정확히 무엇을 반영하는지 정확히 알지 못합니다.
전체 점수
PageSpeed-일반 점수 : PageSpeed에서 제공하는 전체 점수는 페이지 성능을 숫자 및 색상별로 요약합니다. 점수는 Lighthouse를 실행하여 결정되며 테스트중인 동일한 페이지에 소위 "멸균"실험실 데이터를 제공합니다.
PageSpeed의 문제 중 하나는 모든 사람이 이해할 수없는 색상과 숫자로 점수를 표시하는 것입니다. 녹색=좋음, 빨간색=좋지 않음. 이 방법의 사용과 전체 점수의 의미에 대한 이해 부족으로 인해 사람들은 사이트 성능이 "아마도"낮고이를 수정하는 방법을 정확히 알지 못하는 것에 대해 실망했습니다.
대부분의 사용자는 녹색보다 낮은 것은 충분하지 않다고 생각하기 때문에 사람들은 보고서를 잘못 해석합니다. 그러니 모든 것을 한 번에 정리 해보자 ...
전체 점수를 해석하는 방법
녹색으로 표시되면 귀하의 사이트가 최적화 측면에서 상위 비율에 속하고 실제 사이트 속도에 대해 많이 언급하지 않는다는 의미입니다.
100 점은 얻을 수있는 최고 점수이며 98 번째 백분위 수를 나타냅니다. (분명히) 좋은 성능을 가진 사이트입니다. 50 점은 75 번째 백분위 수를 나타냅니다. 즉, 귀하의 사이트가 Google이 확인한 사이트의 75 %보다 높은 점수를 받았으며 실제 속도에 대해 아무 말도하지 않습니다.
90 점 이상은 좋은 점수, 50-90 점은 평균, 50 점 미만은 낮은 점수로 간주됩니다.
따라서 대부분의 사이트는 녹색 점수를받지 못합니다. 평균적인 기술 기능을 갖춘 사이트 빌더가 만든 평균 WordPress 사이트는 즉시 높은 점수를받지 못할 것입니다. 그리고 최적화에도 불구하고 이러한 사이트에는 일반적으로 획득 할 점수에 해를 끼치는 요소가 많이 있습니다.
PSI는 무엇에 사용됩니까?
PSI는 이러한 부정적인 영향을 미치는 문제를 해결하는 데 도움이되는 피드백과 개선 기회를 제공합니다. 곧 논의 할 동일한 "테스트 데이터"(실험실 데이터)는 일정 측면에서 최신 정보를 제공합니다.
예를 들어 페이지가 사용자에게 표시되고 사용자가 동일한 페이지에서 작업을 수행 할 수있는 경우입니다. 이는 전체 점수에 영향을 미치는 특정 측정입니다.
실험실 데이터-등대
Chrome 개발자 도구를 통해 Lighthouse 테스트를 실행하려는 경우 브라우저 확장이 활성화되지 않은 창에서 실행해야합니다.
해당 랩 데이터를 확장하고 하나씩 설명하겠습니다. 일반적으로이 데이터의 맥락에서 목표는 각각을 가능한 한 짧게 만드는 것입니다.
1. 초기 콘텐츠 발표-첫 번째 만족스러운 페인트
초기 콘텐츠 표시 (FCP)는 페이지가 요청 된 순간부터 브라우저가 DOM에서 첫 번째 비트를 렌더링 할 때까지의 시간을 측정 한 것입니다. 페이지로드에 대한 피드백을 제공하기 때문에 사용자에게 중요한 이정표입니다.
즉, 브라우저는이를 표시하기 위해 페이지 코드를 처리해야합니다. "페인트"라는 용어는 실제로 화면에 픽셀을 표시하는 프로세스를 의미합니다. 초기 콘텐츠 표시 수치는 텍스트, 이미지 또는 기타 콘텐츠가 서퍼를 위해 화면에 표시되는 데 걸린 시간을 나타냅니다.
2. 주요 콘텐츠 발표-첫 번째 의미있는 페인트
FMP (Main Content Display) 수치는 서퍼가 페이지의 주요 콘텐츠가 자신을 위해 표시되었다고 느끼는 시간을 식별하려고합니다. 물론 이러한 유형의 테스트는 주요 내용이 무엇인지 정확히 알 수 없으므로 정확하지 않습니다.
일반적으로 Lighthouse는 웹 글꼴이로드되는 시간 외에 페이지의 중요한 부분 (스크롤없이 볼 수있는 부분)이 가장 크게 변경된 시간으로 정의합니다.
3. 속도 지수
속도 지수는 앞서 설명한 두 가지 측정 값과 매우 유사합니다. 일반적으로 페이지 콘텐츠가 서퍼에게 표시되는 속도를 보여 주며 앞서 언급 한 동일한 측정치에 따라 가중치가 부여됩니다. 물론 점수가 낮을수록 좋습니다.
4. 첫 번째 CPU 유휴 모드-첫 번째 CPU 유휴
이 그림 (FCI)과 "대화 시간"이라는 다음 그림은 사용자가 해당 페이지에서 작업을 수행 할 수있는 속도를 나타냅니다. 브라우저가 코드를 처리하는 동안 작업을 수행하려고하면 버튼 누름이라고합니다. 그런 다음 작업이 수행되거나 작업이 전혀 수행되지 않을 때까지 꽤 기다려야합니다.
CPU 비활성 수치는 페이지가 상호 작용하는 데 걸리는 시간, 즉 사용자가 페이지의 대부분의 요소와 상호 작용하고 적절한 응답 시간을 얻을 수있는 상태에 도달하는 데 걸리는 시간을 나타냅니다.
5. 상호 작용하는 시간
TTI (Time To Interactivity) 수치는 빠른 응답 (약 50ms)을 얻기 위해 버튼 클릭과 같은 동일한 페이지의 요소와 상호 작용할 때 페이지가 완전히 상호 작용하는 데 걸리는 시간을 측정합니다.
페이지 상호 작용은 다음과 같은 여러 요소로 측정됩니다.
- 페이지에는 사용자와 관련된 콘텐츠가 표시됩니다 (초기 콘텐츠에 표시된 데이터에 따라 가중치가 부여됨).
- 표시되는 대부분의 요소에 대해 이벤트 처리기가 나열됩니다.
- 페이지는 약 50ms 이내에 사용자 작업에 응답합니다.
콘텐츠가 더 빨리 표시되도록 최적화하는 사이트가 꽤 많지만 상호 작용을 희생하여 사용자에게 불만을 줄 수 있습니다. 사이트가 완전히로드 된 것처럼 보이지만 사용자가 작업을 수행하려고하면 아무 일도 일어나지 않습니다.
6. 최대 잠재적 인 첫 번째 입력 지연
최대 첫 번째 입력 지연 수치는 브라우저가 가장 긴 작업을 수행하는 데 걸리는 시간과 관련이 있습니다. 예를 들어 사용자의 버튼 클릭 응답 속도가 지연됩니다.
예를 들어 브라우저가 페이지에서 특정 JavaScript를 처리하는 중 (비동기식이 아님)중인 경우 처리가 완료 될 때까지 특정 작업을 수행 할 수 없습니다.
결론적으로
가이드의이 부분에서는 PageSpeed가 제공하는 실습 데이터에 대해 이야기하고 이러한 각 데이터의 의미를 설명했습니다. 곧 약속 된대로 PageSpeed Insights가 제공하는 각 기회 나 의견에 대해 자세히 설명하겠습니다.
마지막 말 -최고 점수를 얻기 위해 미친 짓을하지 말고, 사이트 페이지의 로딩 시간이 합리적인지 확인하십시오. 사용자 경험에 미치는 영향이 크지 않도록 비정상적으로 느리지 않아야합니다. 50 점은 사이트의 최적화 상태가 검토 된 사이트의 75 %보다 우수하다는 것을 의미합니다.
그리고이 시점에 이르면 양질의 콘텐츠에 집중하고 기술 SEO. 참조 분야에 필요한 지식이없는 경우 Semalt의 전문가. 덕분에 짧은 시간에 훌륭한 결과를 얻을 수 있습니다. autoSEO 팩.
이 SEO 팩은 다음을 목표로하는 온라인 회사를위한 진정한 "풀 하우스"입니다.
- 웹 사이트의 가시성 향상
- 더 나은 전환율을 위해 사이트의 각 페이지를 최적화하십시오.
- 품질 링크 구축
- 관련 키워드 검색
- 자세한 웹 분석 보고서 작성
이 모든 것이 귀하의 사이트에서 잘 수행되면 귀하의 사이트의 PageSpeed 점수가 그보다 낮더라도 순위가 높아질 것이라고 믿습니다. 그럼 행운을 빕니다!