아무도 알려주지 않는 17가지 핵심 Web Vitals 팁과 요령!

이 여전히 미스테리한 주제에 대해 소셜 미디어에 게시되는 나쁜 정보가 너무 많은 것을 보고, 이제 핵심 웹 바이탈 팁과 트릭에 대한 지식을 전달하여 웹사이트에서 바이탈을 전달하는 데 도움이 될 때라고 생각했습니다.

참고: 이 게시물에 작성하는 모든 내용은 100% 틀릴 수 있습니다. 사실 아무도 Core Web Vitals의 작동 방식을 실제로 알지 못하기 때문입니다. (Google 포함) 대부분의 경우 규칙이 즉석에서 만들어지거나 항상 변경되는 것처럼 보이기 때문입니다. 처음 발표된 이후로.

2021년 5월에 Philip Walton, John Mueller, Annie Sullivan 및 Elizabeth Sweeny가 Core Web Vitals에 대한 라이브 방송을 하고 그룹 간에 혼란이 있었던 것을 기억합니다. Core Web Vitals는 모두에게 새롭고 생소하며 흥미진진했습니다!

Core Web Vitals 이전 – 상황이 덜 복잡해졌습니다.

얼마 전까지만 해도 웹 사이트가 인터넷을 자유롭게 돌아다니며 경험과 속도와 같은 성가신 일에는 관심을 두지 않았던 때가 있었습니다. 이 모든 것이 문자 그대로 하룻밤 사이에 바뀌었고 이제 웹 사이트 소유자는 이 새로운 Core Web Vitals에 대해 걱정해야 했습니다.

저를 포함한 블로거들은 ThemeForest와 같은 곳을 방문하여 외관상 멋지게 보이지만 비밀리에 많은 부풀려진 플러그인과 잘못 작성된 코드를 보유하고 있었습니다. 처음으로 이야기됩니다.

Core Web Vitals가 다음으로 큰 SEO 순위 요소로 거론됨에 따라 압력이 증가하면서 모든 테마, 플러그인, 페이지 빌더 및 호스팅 회사는 속도와 성능, 그리고 이것이 Core Web Vitals에 어떤 영향을 미쳤는지에 대한 새로운 질문을 쏟아냈습니다.

모든 단일 회사는 자신의 성과를 개선하거나 고객을 잃기 시작하기 위해 노골적으로 분주했습니다. Core Web Vitals 덕분에 이 새로운 SEO 테스트를 통과하지 못하는 것에 대한 두려움이 웹사이트 순위를 무너뜨리기 때문에 전 세계 웹사이트 게시자의 상황이 영원히 바뀌었습니다.

여정: 내가 개인적으로 어떻게 핵심 Web Vitals를 알게 되었습니까?

다른 모든 사람들과 마찬가지로 저도 두어 개의 취미 블로그를 운영하고 있었고 웹사이트 속도를 향상시키는 방법에 대한 참조를 계속 보았습니다. 연대기는 정확히 기억나지 않지만 이 모든 것은 사람들이 Pingdom과 GTmetrix에서 '로딩 시간'에 대해 웹사이트를 테스트하고 웹사이트가 얼마나 빠른지 자랑할 때 시작되었습니다.

주변에 무료 캐싱 플러그인이 있었지만 WP-Rocket, Swift Performance 및 결국 FlyingPress와 같은 프리미엄 캐싱 플러그인이 폭발적으로 성장하기 시작한 것은 이번이 처음이었습니다. 표준.

내가 찾은 WP Speed ​​Matters 및 WordPress Speed ​​Up과 같이 빠르게 성장하는 Facebook 그룹, 배에 올라타 웹사이트 속도 최적화에 대해 궁금해하는 사람들의 커뮤니티도 있었습니다.

모두가 새로운 것을 시도하고 그 결과를 공유하게 되어 기뻤던 발견의 멋진 시간이었습니다.

"ShortPixel로 웹사이트 이미지를 압축했는데 이제 1.1초 만에 웹사이트가 로드됩니다!"

그룹의 모든 사람들은 즉시 스크램블을 하고 ShortPixel도 시도했습니다.

모든 새로운 플러그인을 실험하고 더 빠른 로딩 시간을 게시하기 위해 이 Facebook 그룹의 다른 회원들과 치열한 경쟁을 벌이는 등 많은 무리의 사고방식이 진행 중이었습니다.

그것이 내가 처음으로 내 자신의 경험에서 그것을 기억하는 방법입니다. 적어도 내가 처음 싸움에 들어갔을 때 캐주얼 웹 사이트 소유자도 웹 사이트 최적화로 가는 길을 찾았습니다.

WTF? Google PageSpeed ​​Insights(PSI)의 등장

모든 것이 총체적인 파티였고 모두가 즐거웠습니다.

다시. 정확한 일정은 기억나지 않지만 Google은 이제 Core Web Vitals와 자체 도구인 PageSpeed ​​Insights(PSI)에 대해 이야기하고 있었습니다.

그 당시에 내가 PSI를 그렇게 많이 사용하고 있었는지 기억이 나지 않습니다. 모두가 여전히 Pingdom과 GTmetrix로 사이트를 테스트하고 있었습니다. 새로운 PSI 모바일 테스트가 모든 사람들의 파티를 완전히 망쳤습니다.

사람들은 일반적으로 좋은 데스크톱 점수를 얻었고 그것에 대해 매우 자랑스러워했습니다. 이제 그들은 PageSpeed ​​Insights를 통해 웹사이트를 운영하고 있었고 모바일 점수는 적자였습니다.

GTmetrix는 또한 웹 사이트 속도 테스트 도구뿐만 아니라 Core Web Vitals를 더 잘 포함하기 위해 최신 업데이트를 출시했습니다.

증오가 있었고 사람들은 분노했습니다. 이제 웹 사이트를 최적화하는 것이 훨씬 더 어려워졌습니다.

Facebook 그룹 중재자가 되어 Ben을 만나다(Rocket)

저는 최적화와 전체 웹사이트 속도 괴물의 모든 것에 매료되어 호기심 많은 학생이었습니다. 가능한 경우 YouTube 비디오를 보았고 모든 속도 비교 웹사이트를 종교적으로 조사하고 내내 메모했습니다.

내 취미 사이트는 이제 활발한 과학 연구실, 실험 및 테스트 결과를 사람들과 공유했으며, 결국 WP Speed ​​Matters의 중재자가 되어 달라는 요청을 받았고 매우 흥미로운 경험을 했습니다.

저는 Facebook 그룹에서 실제로 일어나는 일에 대한 '비하인드 스토리'를 보았습니다. 좋은점 나쁜점.. 인터넷 못생긴..

스패머가 있었고 DM 개인 및 불쾌한 공격도 많았습니다. 그러나 다른 90%의 사람들은 진정으로 다른 사람들을 돕기 위해 거기에 있었습니다.

그 시간 동안 저는 Core Web Vitals를 개선하려는 수천 명이 아니더라도 수백 명의 사람들과 활발한 대화에 참여하고 참여해야 했습니다.

또한 Ben Gabler(CEO 겸 Rocket 설립자)를 처음 만났습니다. 이 글을 쓰면서 지금 분명히 일하고 있는 곳입니다.

내가 Speed ​​Matters에서 회원을 금지할 가능성이 있는 늦은 금요일 밤, 나는 Ben으로부터 웹사이트 속도 최적화에 대해 이야기하는 DM을 받았습니다.

참고로 나는 연결했을 때 이미 '맥주 몇 잔'을 마셨고, Ben과 나는 다른 호스팅 회사, Cloudflare APO(내가 취미 사이트로 사용하고 있던)에 대해 논쟁을 벌였다. 웹사이트 성능과 관련된 기타 모든 것.

이 사람은 내가 문자 그대로 새벽 3시에 기절할 때까지 자바스크립트, CDN, 이미지 등의 영향에 대해 나보다 훨씬 더 많이 알고 있었습니다. 그렇게 벤을 만났습니다...

나만의 핵심 Web Vitals 에이전시 시작하기

나는 WP Speed ​​Matters에서 몇 달 동안 중재자로 머물렀지만 주제와 웹 사이트 최적화에 도움이 필요한 모든 사람에 대해 너무 많은 관심을 갖고 내 자신의 Core Web Vitals 에이전시를 만들기 시작했습니다.

나는 워크로드를 돕기 위해 뒤에서 기술 옵티마이저 팀을 모집했고, 우리가 작업한 모든 웹사이트에서 평균 98/98+ PSI 점수를 받았습니다.

… 그리고 마침내 약속한 17가지 핵심 Web Vitals 팁과 요령에 점점 더 가까워지고 있습니다.

그제서야 클라이언트 사이트를 파고들기 시작하면서 Core Web Vitals에 대해 아무것도 몰랐고, 실험실 데이터 점수와 현장 데이터 점수의 차이가 더 크다는 것을 깨달았습니다. 처음부터 다시 배워야 했다...

가격을 올릴수록 더 많은 고객이 생겼습니다. 사람들은 사이트를 적절하게 최적화하기 위해 기꺼이 추가 비용을 지불했습니다. 우리는 그렇게 했지만 핵심 Web Vitals의 작동 방식에 대해 고객을 교육하기 위해 필수 Zoom 호출을 프로세스의 일부로 만들었습니다.

나는 또한 다른 어떤 것보다 빠르기 때문에 내 고객의 약 30%를 Ben과 Rocket(제휴사로서)에 보내고 있었고 클라이언트 사이트 최적화 작업이 훨씬 쉬워졌습니다. 웹 사이트 호스팅이 엉망일 때 고객의 핵심 Web Vitals를 수정하려고 할 때 상황이 얼마나 엉망인지 말할 수 없습니다.

24시간 전 세계 고객을 관리하는 데 지치고 건강이 악화되어 더 이상 재미가 없어 소속사를 그만뒀습니다. Core Web Vitals와 관련된 모든 것이 두려웠고 완전히 지쳤습니다.

나는 항상 Ben과 긴밀한 연락을 유지했고, 그와 그의 팀과 함께 일할 기회가 생길 때까지 2주에 한 번씩 이야기를 나눴습니다. Rocket.net의 마케팅 이사로서 저는 오늘 이보다 더 행복할 수 없습니다.

핵심 Web Vitals 팁 #1 – 빠른 WordPress 호스팅을 능가하는 것은 없습니다.

수백 번을 보아도 느린 호스팅을 고칠 수 없습니다. 좋은 WordPress 호스팅에 몇 달러를 투자하면 Core Web Vitals를 훨씬 쉽게 최적화할 수 있습니다. 이름으로 회사를 공격하지는 않겠지만 가장 잘 알려진 호스팅 회사 중 상당수는 엄청나게 느립니다. 당신은 항상 당신이 지불하는 것을 얻습니다.

핵심 Web Vitals 팁 #2 – PSI 테스트에서 100/100을 얻는 것은 아무 의미가 없습니다.

사람들이 데스크톱 및 모바일 PSI 점수에서 100/100을 얻는 데 집착하는 Core Web Vitals의 첫날부터 가장 큰 문제 중 하나이기 때문에 이것을 맨 위에 둡니다. 이것들은 실험실 데이터(모의 테스트)라는 것을 기억하십시오. 실제 사용자가 웹사이트에 참여할 때 웹사이트가 실제로 핵심에 실패할 가능성이 더 높습니다.

핵심 Web Vitals 팁 #3 – 항상 Big 3 – LCP, FID 및 CLS에 집중

나는 초보자들이 사이트에서 모든 작은 것을 제거하려고 노력하고 100/100 점수를 쫓는 것을 항상 봅니다. 각 LCP, FID 및 CLS 버킷을 개별적으로 공격하고 Core Web Vitals를 통과하고 사소한 일에 땀을 흘리지 않고 비즈니스를 구축하는 데 같은 시간을 보냅니다.

핵심 Web Vitals 팁 #4 – 60년대에 큰 웹사이트 점수를 보고 Vitals를 통과하는 이유는 무엇입니까?

PageSpeed ​​Insights(PSI)를 통해 큰 사이트를 운영하고 60점 이하의 점수를 받은 적이 있습니까? 실험실 데이터를 다시 살펴보고 Origin Summary를 확인하면 실제로 데스크톱 및 모바일에서 Core Web Vitals를 통과하는 많은 데이터를 찾을 수 있습니다. 위의 팁에서 100/100 점수는 아무 의미가 없고 실험실 데이터는 아무 의미가 없으며 사이트에서 실제 사용자 참여로 LCP, FID 및 CLS에서 75번째 백분위수를 통과했음을 기억하십시오.

핵심 Web Vitals 팁 #5 – 첫 번째 바이트까지의 시간(TTFB)을 무시했을 가능성이 높습니다 – 사상 최대의 실수

Rocket을 세계에서 가장 빠른 WordPress 호스팅으로 만드는 이유를 알고 싶다면 TTFB보다 더 자세히 볼 필요가 없습니다. 브라우저가 페이지를 요청한 후 서버에서 정보의 첫 번째 바이트를 수신할 때까지의 시간을 나타냅니다. (모질라). 가져오는 html 루트 문서와 Cloudflare Enterprise 글로벌 CDN을 통해 전체 페이지 캐싱이 수행하는 작업입니다. TTFB가 높으면 LCP와 같은 것에 대해 걱정할 필요조차 없습니다. 전역적으로 100ms 미만이어야 합니다.

지금 SpeedVitals에서 사이트를 시험해보고 캐시와 CDN을 워밍업하기 위해 몇 번 실행하십시오. TTFB 평균이 100ms 미만이라고 말해주세요. 힌트, 그렇지 않습니다...

핵심 Web Vitals 팁 #6 – 메인 페이지만 테스트하지 마십시오. 웹사이트의 모든 페이지도 중요합니다.

내가 항상 보는 또 다른 일반적인 실수는 사람들이 웹 사이트의 기본 페이지에서 핵심 성능 향상 기능만 테스트한다는 것입니다. 웹사이트의 모든 단일 페이지는 중요하며 각 페이지는 개별적으로 테스트하여 핵심(메인, 서비스, 제품, 카테고리, 게시물)을 통과해야 합니다. Google Search Console에서 이를 추적할 수 있습니다.

핵심 Web Vitals 팁 #7 – 가장 많은 웹 사이트 트래픽이 있는 페이지 최적화 시작

메인 페이지뿐만 아니라 모든 페이지를 테스트해야 할 뿐만 아니라 웹사이트에서 가장 많은 트래픽을 수신하는 페이지부터 시작해야 합니다. 필드 데이터 결과에 대한 총 트래픽의

핵심 Web Vitals 팁 #8 – Google Search Console(GSC)은 핵심 Web Vitals 결과를 확인할 때 중요한 유일한 도구입니다.

GTmetrix도 아니고 PSI도 아닙니다. 핵심 Web Vitals를 모니터링하는 데 도움이 되는 다른 도구를 확실히 사용하지만 궁극적으로 Google Search Console에 표시되어 해결해야 할 페이지와 나쁨, 개선 필요, 좋은.

핵심 Web Vitals 팁 #9 – Google이 GSC에서 경험(필수)에 전념하는 전체 영역이 있는 경우 핵심 Web Vital은 여기에 있습니다.

Core Web Vitals가 별 문제가 아니라고 말하는 모든 SEO 유형에 대해 Google이 GSC에 전용 탭을 할당할 때 아무데도 가지 않는다는 사실을 알아두십시오. 웹 사이트 최적화를 무시하고 위험을 감수하십시오. Vitals는 가장 큰 순위 SEO 요소가 아닐 수도 있지만, 거기에 있으며 앞으로 더 중요해질 것입니다.

핵심 Web Vitals 팁 #10 – 지금 Vitals를 통과했다고 해서 다음 달에 합격하는 것은 아닙니다.

GSC에서 궁극적으로 핵심 성능 평가를 통과하기 위해 사이트를 최적화하기 위해 많은 작업을 거친 후 마침내 28일을 기다립니다. 28일 후에 변경되더라도 놀라지 마십시오. 청중이 어디에서 왔는지, 그들이 사용하는 다양한 장치 및 실제 사용자 참여를 항상 다양하게 만드는 기타 많은 요소입니다. 문제 영역을 계속 모니터링하고 영향을 받는 페이지에서 LCP, FID 및 CLS를 계속 공격합니다.

핵심 Web Vitals 팁 #11 – Vitals에 중요한 것은 모바일뿐만 아니라 이제 데스크톱 보기에도 적용됩니다.

Core Web Vitals는 Google이 모든 사람에게 그렇게 말했기 때문에 모바일 장치에서 귀하의 사이트를 방문하는 사람들만을 위한 것으로 항상 가정되었습니다. 나중에 데스크톱 장치에서 웹사이트를 방문하는 사람들이 핵심 성능 향상에 포함된다고 발표되었습니다. 모든 장치(휴대폰, 태블릿 및 데스크톱)에 맞게 웹사이트를 최적화하고 다음을 수행하는 장치(해상도 기준) 트래픽의 가장 큰 비율을 차지합니다.

핵심 Web Vitals 팁 #12 – 캐싱 플러그인은 득보다 실이 많을 수 있습니다

캐싱 플러그인은 복잡한 웹사이트를 완전히 최적화하도록 설계되지 않았으며 모든 사람이 PSI 점수에서 100/100을 볼 수 있도록 도와야 한다는 엄청난 압력을 받았습니다. 100/100은 아무 의미가 없음을 기억하십시오. LCP, FID 및 CLS에 집중하고 사이트에 참여하는 실제 사용자를 위해 GSS를 모니터링하십시오. 모든 것을 미리 로드하고 싶은 충동을 억누르면 과도한 최적화는 종종 도움이 되는 것보다 더 많은 피해를 줄 수 있습니다.

핵심 Web Vitals 팁 #13 – 광고 지연은 게으르거나 최적화가 좋지 않습니다.

사이트에 광고를 게재하는 사람은 핵심 성능 평가 점수를 높이기 위해 광고를 지연시키는 함정에 빠지는 경우가 많습니다. 시뮬레이션된(실험실 데이터) 방문이며 실제 사람들이 해당 광고를 보게 될 것임을 기억하십시오. CLS를 피하기 위해 사이트에 광고가 제대로 표시될 수 있는 충분한 공간이 있는지 확인해야 하지만 LCP 및 FID와 같은 문제의 경우 광고가 거의 문제가 되지 않습니다. 모든 광고 네트워크가 동일하게 생성되는 것은 아닙니다. 사용자에게 최상의 경험을 제공하고 수익을 극대화하기 위해 적절한 조치를 취해야 할 때가 있습니다. 큰 미디어 사이트는 확실히 광고를 지연시키지 않고 핵심 성능 평가를 통과하므로 여러분도 그렇게 할 수 있습니다.

핵심 Web Vitals 팁 #14 – 큰 이미지뿐만 아니라 글꼴에 대해서도 걱정하십시오!

자신의 이미지에 집착하고 LCP를 통과하기 위해 축소하는 사람들을 보았지만 사이트의 글꼴이 그만큼 중요하다는 사실을 완전히 잊어버렸습니다. Google 글꼴은 잊어버리고 이미 기기에 로드된 시스템 안전 글꼴을 사용하십시오. 나는 사람들이 수많은 글꼴(굵게, 굵게 등)을 미리 로드하고 FCP를 느리게 하는 것을 봅니다. 모두 페이지의 나머지 부분보다 먼저 로드해야 합니다. 이에 대한 전체 게시물을 작성할 수는 있지만 웹사이트에서 사용되는 글꼴을 단순화하면 핵심 성능 향상 점수가 크게 향상되는 것을 볼 수 있습니다.

핵심 Web Vitals 팁 #15 – 방문자는 모든 종소리와 휘파람에 감동하지 않으며 훌륭한 사용자 경험에 중점을 둡니다.

웹사이트 소유자는 슬라이더와 화면 주위를 튀는 것과 같은 것들이 방문자에게 깊은 인상을 줄 것이라고 생각합니다. 실제로는 빠른 이탈로 이어지는 첫 번째 경험입니다. 청중의 참여를 유도하는 양질의 콘텐츠를 제작하고 사이트에 더 오래 머물 수 있는 이유를 제공하세요. 훌륭한 사용자 경험은 사람들에게 실제로 점수를 매기는 것이며 핵심 성능 평가 점수에도 도움이 되는 동일한 고려 사항입니다.

핵심 Web Vitals 팁 #16 – RUM(실제 사용자 모니터링) 서비스를 사용하여 까다로운 문제 찾기

모든 Core Web Vitals 문제가 쉽게 발견되는 것은 아니며, 개별 페이지에서 발생하는 2차 CLS 및 기타 문제는 Google Search Console에서도 발견하기 어려운 경우가 많습니다. 모든 실제 사용자가 사이트에 참여하는 방식을 측정하는 데 사용할 수 있는 저렴한 RUM 모니터링 서비스가 많이 있습니다.

핵심 Web Vitals 팁 #17 – Rocket.net이 핵심 Web Vitals에 맞게 사이트를 최적화하는 데 도움이 된다는 사실을 알고 계셨습니까?

귀하의 사이트에 따라 항상 기적을 약속할 수는 없지만 Rocket 팀은 Core Web Vitals에 맞게 귀하의 사이트를 최적화한 광범위한 경험을 가지고 있으며 귀하가 필요한 곳에 도달하도록 도울 수 있습니다. 모든 호스팅 회사가 당신을 위해 그렇게하지는 않습니다.

전문가 팀이 대기하고 있습니다. 대부분의 웹사이트 소유자는 사이트 기록 동안 호스팅 제공업체를 여러 번 전환했습니다. Rocket.net으로 전환하면 뒤돌아보지 않을 것이라고 확신합니다.

연중무휴 최고의 고객 지원, 초고속, 사용 용이성, 최고의 도구 및 업계 최고의 리소스에 대한 액세스는 항상 표준이 되어야 합니다. 우리는 귀하의 WordPress 사이트가 전 세계에 제공되는 방식을 혁신하고 있으며 귀하의 비즈니스 성장을 위해 귀하와 협력하기를 기대합니다.