Google Pagespeed Insights : 문제 해결 및 환경 보호
Google PageSpeed 최적화
Google PageSpeed Insights [1]는 웹 사이트의 실적을 보여주는 훌륭한 도구입니다. 점수가 낮은 경우 대부분의 문제를 해결하기위한 솔루션을 쉽게 구현할 수있는 일련의 기사가 있습니다.
- 1 단계 : 웹용 이미지 최적화
- 2 단계 : CSS 및 자바 스크립트 최적화
- 3 단계 : 웹 브라우저 캐시 사용
- 4 단계 : 압축 htaccess 사용 설정
Site Speed Accelerator를 사용하여 PageSpeed Insights Google 도구에서 환경 보호 ( ⪢ 무료 등록)
이를 통해 Google PageSpeed Insights [1]에서 친환경으로 전환 할 수 있었으며 모바일에서 17 점 (그림 1)에서 89 (그림 14)로, 데스크톱에서 35 (그림 3)에서 89로 올라갔습니다 (그림 16). ).
그러나 모든 최적화를 수행하는 도구 인 Ezoic 플랫폼 Site Speed Accelerator를 사용하여 아무것도 구현하지 않고도 환경을 보호 할 수있는 방법도 있습니다. 아래를 참조하고 가이드를 따르세요!
1 단계 : 웹용 이미지 최적화
이를 통해 웹 페이지에서 Google PageSpeed [1] 테스트를 최적화하여 모바일에서 17 점 (그림 1)에서 51 점 (그림 2)으로, 35 점에서 3 점으로 (그림 3) 웹 사이트에서 이미지 최적화 [ 59 바탕 화면 (그림 4).
이미지 최적화 PageSpeed Insights Google 개발자2 단계 : CSS 및 자바 스크립트 최적화
스크롤없이 볼 수있는 부분의 렌더링 차단 자바 스크립트 및 CSS를 제거하십시오.
이를 통해 Google PageSpeed [1] 테스트를 통과 할 수있었습니다. 스크롤없이 볼 수있는 콘텐츠에서 렌더링 차단 자바 스크립트 및 CSS를 제거하고 (웹 페이지에서 레버리지 브라우저 캐싱 [6]과 함께) 모바일에서 51 점을 기록했습니다. 그림 5)에서 72 (그림 6), 데스크톱에서 59 (그림 7)에서 79 (그림 8)로 증가했습니다.
3 단계 : 웹 브라우저 캐시 사용
브라우저 캐싱을 활용하면 웹 페이지에서 Google PageSpeed [1] 테스트 레버리지 브라우저 캐싱 [5] (접이식 위의 렌더링 [4]에서 렌더링 차단 JavaScript 및 CSS 제거와 함께)을 통과 할 수있었습니다 (그림 9) ~ 72 (그림 10), 데스크톱에서 59 (그림 11) ~ 79 (그림 12)로 증가했습니다.
브라우저 캐싱을 활용하여 PageSpeed Insights Google 개발자
4 단계 : 압축 htaccess 사용 설정
htaccess에서 압축을 사용하면 웹 페이지에서 모바일의 72 점 (그림 13)에서 89 점 (그림 14)으로 올라가고 79 점에서 위로 올라가는 Google PageSpeed [1] 테스트 레버리지 브라우저 캐싱 [7] 그림 15) ~ 89 (그림 16).
텍스트 기반 저작물의 인코딩 및 전송 크기 최적화 - Web FundamentalsSite Speed Accelerator를 사용하여 PageSpeed Insights Google 도구에서 환경 보호
PageSpeed Insights Google 점수에서 모바일에서 18 점, 데스크톱에서 29 점의 매우 낮은 빨간색 점수로 돌아온 후, Site Speed Accelerator라는 놀라운 도구를 발견하고 클릭 한 번으로 모든 최적화 작업을 수행합니다. 버튼을 클릭하면 DNS를 사용하도록 내 웹 사이트를 구성하여 나를 대신하여 내 사이트를 렌더링하고 최적화 할 수 있습니다.
이것이 작동 방식입니다. 사용자가 내 웹 사이트에서 페이지를 가져 오도록 요청할 때 그는 해당 페이지의 코드를 제공하기 위해 가장 저렴한 웹 호스팅 인 내 서버에 직접 요청합니다. 내 서버가 그에게 보냅니다. 이것이 표준 작업 방식입니다.
그러나 외부 DNS를 사용하면 사용자는 자신을 위해 내 서버에서 웹 페이지를 가져 오도록 해당 DNS에 요청하고 내 서버는이 중개 DNS로 웹 페이지 소스 코드를 전송하여 코드를 수정할 수 있습니다. 이를 캐시하고 지구상의 다른 위치에 저장하여 더 빠르게 보내고 사용자에게 더 나은 웹 페이지를 제공하도록 최적화합니다.
이것이 Ezoic Site Speed Accelerator가 내 웹 페이지를 최적화하고 내가 얻을 수있는 것보다 훨씬 더 나은 점수로 사용자에게 직접 제공 할 수있는 방법입니다. 간단히 내 웹 사이트에 대한 옵션을 활성화하여 어떻게 시작했는지 직접 확인해보십시오. 모바일에서 18 점, 녹색 점수 90 점, 데스크톱에서 빨간색 29 점에서 녹색 점수… 99 점!
Site Speed Accelerator에서 제공하는 최적화 목록은 다음과 같으며 PageSpeed Insights Google 점수를 녹색으로 얻을 수있는 새로운 웹 사이트 최적화로 지속적으로 업데이트되고 있습니다.
- 중요한 CSS가 먼저 렌더링되고 사용되지 않는 CSS가 전송되지 않거나 최적화 된 글꼴이있는 CSS 최적화
- 이미지 지연로드, 사용 된 차세대 형식 Webp, 자동으로 크기 조정 된 이미지 및 배경 이미지 사전로드를 통한 이미지 최적화,
- 이미지, 스타일 시트 및 스크립트를 캐시하도록 브라우저에 지시하는 정적 자산 캐시 정책
- 브라우저에 대한 오리진 지침에 대한 사전 연결 자동 생성,
- HTML 주석, 끝 태그, 따옴표 또는 공백을 유지하거나 숨기는 다양한 옵션으로 HTML 축소,
- 스크립트 지연, 광고 지연 및 CPU 집약적 인 작업 감소 가능성을 가진 스크립트 실행 최적화
- 자동 Iframe 지연로드.
물론 언제든지 이러한 최적화를 활성화하거나 중지 할 수 있으며 최상의 결과를 제공하는 Site Speed Accelerator 옵션을 찾기 위해 설정을 미세 조정할 수 있습니다.
이를 얻으려면 Ezoic 플랫폼에서 계정을 만든 다음 Ezoic DNS를 사용하여 웹 사이트를 통합하십시오. 그런 다음 기능을 구성하고 친환경을 얻을 수 있습니다!
또한 웹 사이트가 자격을 갖춘 경우 (예를 들어 한 달에 순 방문자가 10,000 명 이상이고 고유 한 콘텐츠가 있어야 함) 놀라운 Ezoic을 구현하여 CPM 요율과 수익을 높일 수 있습니다. 조정 AdExchange 시스템.
Site Speed Accelerator는 30 일 평가판 동안 무료이며 신용 카드가 필요하지 않으며 그 이후에는 트래픽에 따라 다른 금액이 부과됩니다. Ezoic 중재 시스템을 사용하고 그들과 함께 한 달에 $ 2000 이상을 벌면 무료입니다!
6 월 2021 편집 : 6 월 2021 일 현재 AccessNow 프로그램을 통해 Ezoic에 가입하는 페이지보기 제한이 없으며, SiteSpeedaCeleder는 새로운 향상된 제품, Ezoic Leap, 더 많은 사이트 최적화가 가능하며, 모든 게시자에게 완전히 무료입니다!
Google Page Speed Insights 및 답변에 대해 자주 묻는 질문 :
- Google PageSpeed가 중요합니까?
- Google PageSpeed는 웹 사이트 순위 측면에서 가장 중요한 것은 아니지만 이탈률에 영향을 미칠 수 있습니다. 방문자는 일반적으로 페이지가로드 될 때까지 몇 초 이상 기다리지 않습니다.
- PageSpeed가 SEO에 영향을 줍니까?
- 위의 내용을 참조하십시오. 웹 사이트 순위는 크게 변경되지 않지만 이탈률에는 영향을 미칠 수 있습니다.
- 좋은 페이지로드 시간은 무엇입니까?
- 좋은 페이지로드 시간은 1 초 미만입니다.
- Google 페이지 속도를 높이려면 어떻게해야합니까?
- 가능한 모든 웹 사이트 최적화를 구현하여 수동으로 또는 사용자를 대신하여 모든 작업을 수행하는 Site Speed Accelerator를 사용하여 Google PageSpeed Insights 점수를 높일 수 있습니다.
- 웹 사이트로드 시간을 늘리려면 어떻게해야합니까?
- 콘텐츠 길이를 줄이고, 사용하지 않는 HTML, CSS 및 JS를 제거하고, 모든 파일을 축소하고, 캐시 및 CDN 서비스를 사용하거나, 모든 작업을 수행하는 Site Speed Accelerator를 사용하여 웹 사이트로드 시간을 늘릴 수 있습니다.
- Google은 느린 사이트에 불이익을 주나요?
- Google은 느린 사이트에 불이익을주지 않는 것처럼 보이지만 콘텐츠 로딩이 너무 길면 웹 페이지를 구문 분석하고 순위를 매길 수 없습니다.
- 완전히로드 된 시간을 어떻게 늘리나요?
- HTML (DOM 길이라고도 함), 사용 된 CSS 및 JS, 기타 플러그인의 콘텐츠를 줄임으로써 웹 페이지의 전체로드 시간을 늘릴 수 있습니다.
- 방문 페이지 속도를 높이려면 어떻게해야합니까?
- 캐시를 구현하고 CDN, Site Speed Accelerator를 사용하고 모든 웹 모범 사례를 구현하여 랜딩 페이지 속도를 높입니다.
- 좋은 Google Page Speed 점수는 무엇입니까?
- Google Google Page Speed 점수가 90 점 이상입니다.
- 좋은 페이지로드 속도는 무엇입니까?
- 좋은 웹 페이지로드 속도는 1 초 미만입니다.
- 2020 년 웹 사이트로드 속도는 얼마나 되나요?
- 2020 년에는 웹 사이트가 1 초 이내에로드 될 것입니다.
- 좋은 이탈률이란 무엇입니까?
- 좋은 이탈률은 100 미만의 값으로, 일부 사용자가 실제로 귀하의 사이트에 머무르고 있음을 의미합니다. 50 미만은 이미 놀랍습니다.
- Google 사이트가 왜 그렇게 느린가요?
- 인터넷 연결이나 프로그램 및 앱을 실행하는 컴퓨터로 인해 Google 사이트가 느려질 수 있습니다. 연결 속도를 높이려면 VPN을 선택하십시오.
- Google 페이지 속도를 높이려면 어떻게합니까?
- 로드 할 리소스의 양과 크기를 줄입니다.
- PageSpeed 통계가 SEO에 영향을 줍니까?
- 약간의 효과가있을 수 있지만 주요 문제는 트래픽 이탈률 증가 가능성입니다.
- 페이지 속도를 높이려면 어떻게해야합니까?
- 웹 모범 사례를 구현하고로드 할 리소스의 양, 복잡성 및 크기를 줄이면 페이지 속도를 높일 수 있습니다.
- 좋은 페이지 속도는 무엇입니까?
- 좋은 페이지 속도는 90 점 이상의 녹색 점수입니다.
- Google PageSpeed 통계를 어떻게 사용하나요?
- Google PageSpeed 인사이트를 사용하려면 웹 사이트로 이동하여 사이트 URL 중 하나를 입력하고 분석을 기다린 다음 결과를 확인하면됩니다.
- Google PageSpeed 통계가 정확합니까?
- Google PageSpeed Insights는 하나의 Google 서버가 웹 사이트를 봇으로로드하는 데 걸리는 시간을 나타내므로 상당히 정확합니다. 다른 위치 및 다른 연결을 사용하는 실제 방문자는 다른 결과를 가질 수 있으며 일반적으로 최악입니다.
- Google Page Speed는 어떻게 작동합니까?
- Google Page Speed는 모든 콘텐츠를 포함하여 브라우저처럼 웹 페이지를 다운로드하고 페이지 DOM에 설명 된 모든 구성 요소를 완전히로드하고 처리하는 데 걸린 시간을 확인합니다.
- 좋은 사이트 속도는 무엇입니까?
- 좋은 사이트 속도는 속도 테스트 점수에서 녹색이어야하며 미로 사이트 속도는 90 이상이고로드는 1 초 미만이어야합니다.
Google PageSpeed 최적화
- 여전히 Google PageSpeed 순위 요소가 있습니까?
- 웹 사이트의 평균 이탈률은 얼마입니까?
- Google PageSpeed Insights에서 완벽한 100 % 점수를 얻는 방법
- 얼마나 빨리 충분히 빠릅니까? 페이지로드 시간 및 결론
자주 묻는 질문
- Google Pagespeed Insights가 신고 한 문제를 해결하기 위해 어떤 포괄적 인 단계를 수행해야하며, 최적화 된 성능을 나타내는 녹색 점수를 목표로합니까?
- Google Pagespeed Insights에서 녹색 점수를 얻으려면 이미지 최적화, 브라우저 캐싱 활용, CSS, JavaScript 및 HTML을 조정하고 렌더 블로킹 리소스를 제거하고 서버 응답 시간을 개선하며 콘텐츠 전달 네트워크 (CDN)를 활용하는 데 중점을 둡니다. PagesPeed Insights에서 제공하는 각 권장 사항은 체계적으로 해결되어야하며 종종 반복적 인 향상 및 테스트가 필요합니다.
Ezoic에 사이트를 추가하는 방법? 2 부 : 도약 정품 인증
Yoann Bierling은 웹 게시 및 디지털 컨설팅 전문가로서 기술의 전문 지식과 혁신을 통해 글로벌 영향을 미칩니다. 그는 디지털 시대에 개인과 조직이 번창 할 수 있도록 권한을 부여하는 데 열정을 갖고 있으며, 교육 컨텐츠 제작을 통해 탁월한 결과를 제공하고 성장을 이끌어 내고 있습니다.
