웹 성능 서비스 기사

웹 성능에 사용할 수 있는 수십 가지 도구
상세 보기

웹 성능에 사용할 수 있는 수십 가지 도구

페이지 속도를 향상하려면 다양한 도구의 지원이 필요한 경우가 많습니다. 이러한 도구 중 일부는 페이지 속도를 측정하는 데 사용되는 반면 다른 도구는 페이지 자산의 크기를 줄이는 데 사용됩니다. 이 기사에서는 편리한 참조 자료로 사용할 수 있는 라이브러리를 만들었습니다.

페이지 속도에 대한 React 및 Vue 프레임워크의 교훈
상세 보기

페이지 속도에 대한 React 및 Vue 프레임워크의 교훈

페이지 속도를 지속적으로 추구하다 보면 같은 지점으로 되돌아가는 경우가 종종 있습니다. 기술 팀에 동기를 부여하려는 제품, 마케팅 및 성장 팀의 노력에도 불구하고 사이트 성능을 향상할 수 있는 작업은 다음과 같은 이유로 연기되는 경우가 많습니다.

Chrome UX(CrUX)에 대해 알아야 할 모든 것
상세 보기

Chrome UX(CrUX)에 대해 알아야 할 모든 것

최근 Chrome UX(CrUX) 보고서의 인기가 높아지고 있습니다. 이 가이드의 목적은 이러한 보고서가 무엇인지, 무엇이 아닌지, 그리고 이를 더 잘 해석하는 방법을 이해하는 데 도움을 주는 것입니다. 흥미롭게도 "Crux"라는 용어는 남십자성(Southern Cross)을 의미하기도 합니다.

INP(Next Paint)와의 상호작용이란 무엇입니까?
상세 보기

INP(Next Paint)와의 상호작용이란 무엇입니까?

우리가 수년간 익숙해져 온 Google의 Pagespeed 구조는 웹사이트가 빠르게 로드되고 제공되도록 보장하는 데 중점을 두고 구축되었습니다. 측정 가능한 매개변수를 생성하고 Chrome의 시장 점유율에서 수집된 익명 데이터를 활용함으로써 Google은...

웹 페이지에서 글꼴 사용에 대한 팁
상세 보기

웹 페이지에서 글꼴 사용에 대한 팁

글꼴 사용은 대부분의 웹 페이지에서 널리 퍼져 있으며 종종 오류가 포함됩니다. 이러한 오류 중 다수는 웹 성능 예산에 부정적인 영향을 미칩니다. 이 문서의 목적은 웹 글꼴 사용에 대한 정보를 제공하고 웹 성능을 향상시키는 데 도움이 되는 것입니다.출처: ht..

사전 연결 또는 DNS-프리페치?
상세 보기

사전 연결 또는 DNS-프리페치?

모든 사람의 목표는 웹 성능 예산을 줄이는 것이지만, 여전히 타사 서비스를 활용하는 것이 필요합니다. 이러한 서비스를 사용할 때 "DNS 조회" 시간은 서비스 수에 따라 예산의 상당 부분을 소비할 수 있습니다.

지나치게 큰 DOM 크기란 무엇입니까?
상세 보기

지나치게 큰 DOM 크기란 무엇입니까?

DOM(Document Object Model)은 HTML 태그의 트리 구조에 대한 일반적인 이름입니다. 페이지 속도에 미치는 영향은 페이지 렌더링 중에 HTML 구조가 복잡할수록 페이지 속도가 느려지는 것과 같습니다. Lighthouse에 따르면 회사는..

등대 점수는 어떻게 계산되나요?
상세 보기

등대 점수는 어떻게 계산되나요?

Lighthouse가 우리 삶에 도입된 이후 UX, SEO와 같은 주제에 직접적으로 영향을 미치는 성능 기준의 수가 늘어났습니다. 이전 Google Pagespeed 설정에서 페이지의 몇 가지 사항을 살펴보고 수행한 평가는 다음과 같습니다.