구글의 PageSpeed 메트릭에서 모바일에서 95점 이상을 받는 방법을 아시나요? AdSense 광고가 있는 상황에서도요. 많은 사람들이 이를 불가능하다고 말해왔지만, 저는 어떻게든 AdSense와 함께 PageSpeed에서 높은 점수를 받을 수 있는 해결책을 찾은 것 같아요.
만약 당신이 저와 같다면, PageSpeed의 속도 메트릭과 Vital에 대해 편집증을 가지고 있을 것입니다. 이 미개한 광고들 덕에 모바일에서 95보다 높은 점수를 얻을 수 없어 화가 났던 적이 있었습니다. 구글 애드센스 또는 ADX.
나는 좋은 점수를 얻기 위해 모든 종류의 캐시 플러그인을 시도해 봤지만 거의 아무 것도 제대로 되지 않았다. 나는 Hummingbird도 시도해 봤다. PageSpeed 닌자, LiteSpeed 그리고 일부 플러그인들 프리미엄모바일에서는 광고 때문에 80에 가까이 다가갈 수 없었어요.
어느 날 WP-Rocket을 사용하는 중에 나는 모든 문제를 해결해주는 기적적인 기능을 발견했다. 이를 통해 얻는 결과를 봐.
Wp-Rocket가 없는 경우 Flying Scripts와 같은 기능을 하는 플러그인을 사용해 볼 수 있습니다.
모바일 페이지 스피드에서 90을 어떻게 얻었나요?
어떻게 내가 Adsense + ADX 광고가 가득한 상황에서도 이런 점수를 얻을 수 있을까? 그 답은 간단하다. 페이지가 상호 작용 가능할 때까지 광고를 로딩하는 데 시간을 늦추었기 때문이다.
나는 WP-Rocket을 사용하여 JavaScript 실행을 지연시키는 기능을 사용했지만 아마도 다른 플러그인으로도 이것을 할 수 있을 것이다. 자바스크립트 포함하다 adsbygoogle e gstatic 이미지와 같이 지연되도록 설정하세요:
이 간단한 함수는 나를 짜증나게 했던 문제를 해결해 주었습니다. 물론 이 함수를 활성화하는 것의 결과도 분석해야 하지만, 개인적으로는 아무 문제가 없을 것으로 믿습니다.
나는 광고 외에도 푸시 알림 플러그인과 몇 가지 다른 스크립트 및 플러그인을 사용합니다. 이로 인해 웹 사이트가 무겁게 될 수 있습니다. 그럼에도 불구하고 내 최적화와 Google 광고의 지연 덕분에 높은 점수를 받을 수 있습니다.
JS는 광고의 로드가 지연될 경우 수익이 손해를 입을 수 있습니다.
나는 이 광고를 지연시키는 것이 AdSense의 어떤 규칙을 위반하는 것일 수도 있다는 것에 두려움을 느꼈다. 그러나 플러그인이 있기 때문에 그렇지 않을 것으로 믿는다. 프리미엄 광고 워드프레스 플러그인 LazyLoad.
나도 몇 번이나 페이지를 새로고침했는데 항상 광고는 문제 없이 로드되는 걸 알았어. 가끔씩 로드되지 않는 경우도 있었지만, 내 브라우저의 문제인지 구글 스크립트의 문제인지는 확신할 수 없어.
사실, 나는 그것이 양을 늘리는 데 도움이 된다고 상상하고 있어요. 클리크스 및 CPC 왜 광고가 갑자기 나타나고 방문자의 주의를 끌까요? 때로는 이미 페이지에 로드되어 있기 때문에 눈치채지 못하는 경우가 있습니다.
사실 A/B 테스트를 진행한 결과, 광고를 지연시킨 후에도 AdSense 수입에 감소가 없었습니다. 사용하는 ADX 광고 네트워크도 마찬가지예요. valueimpression 동일한 것을 하세요. 당연히 어떤 결론을 내기 전에 직접 테스트하는 것을 권합니다.
사실입니다. 이것은 PageSpeed 점수에 영향을 미치는 것뿐만 아니라 실제로 웹사이트가 더 빠르게 로딩됩니다. 그래서 이 대안을 고려해보고 더욱 빠른 웹사이트를 갖게 되세요.
PageSpeed의 점수를 높일 수 있는 다른 방법
당연히 광고를 단순히 지연시키는 것만으로는 순위가 높아지지 않을 거에요. 웹사이트를 최적화하고 글꼴이나 아이콘과 같은 불필요한 로딩을 피해야 해요. 제 메뉴를 예쁘게 만들기 위해 이모지와 특수 문자를 사용했는데, 외부 로딩이 필요하지 않아요.
좋은 캐시 플러그인과 CSS 및 JS 최소화를 사용해야 합니다. 또한 무료 CDN을 사용하고 클라우드플레어 캐시를 이용하여 이미지를 호스팅합니다. 자바스크립트 no 젯팩의 CDN. 언급하지도 않고 내 주제는 제네레이트프레스 그것은 매우 가볍습니다.
사람들 중에는 매우 무거운 주제를 갖고 있는 사람들도 있습니다. 이 경우 수동으로 최적화하고 장식을 제거하는 것이 필요합니다. 메가메뉴와 같은 것들은 필요하지 않고 사이트를 무겁게 만들 뿐입니다. 80%의 방문자가 모바일을 사용하기 때문에 데스크톱 버전이 더 많은 것을 가지고 있어도 아무런 상관이 없습니다.
항상 귀하의 웹사이트를 사용하여 확인하는 것을 권장합니다. 웹.dev 구글의 PageSpeed만 사용하는 대신, 그는 몇 가지 유용한 정보를 제공한다. Google Chrome용 확장프로그램이 있습니다. 웹.dev 그것 생명신호 그는 그의 페이지 로드를 방해하는 구체적이고 상세한 문제를 지적했다.
희망합니다. 먼저 완벽한 점수를 받기 위해 포기하지 않으시길 바랍니다. 이것은 일이 많이 들지만 매우 큰 만족감을 줍니다! 이 기사의 팁을 좋아하셨다면 친구들과 공유하고 댓글을 남겨주세요. 귀하의 웹 사이트를 최적화하기 위해 무엇을 하셨나요?