웹 플랫폼 대시보드와 HTTP API를 쿼리하여 기준점에 도달한 기능에 관한 데이터를 가져와 개발 워크플로를 위한 도구를 빌드하는 방법을 알아봅니다.

• 기준
• 자바스크립트

Core Web Vitals의 중요성이 커짐에 따라 사이트 소유자와 개발자는 성능과 주요 사용자 경험에 점점 더 많은 관심을 기울이고 있습니다. Google에서 페이지를 평가, 최적화 및 모니터링하는 데 도움이 되는 많은 도구를 제공하지만 다양한 데이터 소스와 이를 효과적으로 사용하는 방법을 혼동하는 경우가 많습니다. 이 가이드에서는 여러 도구를 결합하는 워크플로를 제안하고 개발 프로세스에서 이러한 도구가 적절한 위치와 방법을 명확히 설명합니다.

2025년 2월에 Baseline과 관련하여 다양한 소식을 확인해 보세요.

• 2025년 기준
• 블로그

ruby-align이 이제 기준에 포함됨

• 2024년 기준
• 블로그
• HTML

게시일: 2025년 2월 20일 대규모 AI 모델을 안정적으로 다운로드하는 것은 어려운 작업입니다. 사용자가 인터넷 연결이 끊기거나 웹사이트 또는 웹 애플리케이션을 닫으면 부분적으로 다운로드된 모델 파일이 손실되며 페이지로 돌아와 다시 시작해야 합니다. Background Fetch API 를 점진적 개선으로 사용하면 사용자 환경을 크게 개선할 수 있습니다. Browser Support Source Background Fetch API를

• AI 및 머신러닝
• 자바스크립트

rel=prefetch 리소스 힌트와 사용 방법을 알아보세요.

• 자바스크립트
• HTML

레이아웃 변경을 식별하고 수정하는 방법을 알아보세요.

• 자바스크립트

레이아웃 변경 횟수 (CLS)는 사용자가 페이지 콘텐츠의 갑작스러운 변화를 경험하는 빈도를 정량화하는 측정항목입니다. 이 가이드에서는 크기 또는 동적 콘텐츠가 없는 이미지 및 iframe과 같이 CLS의 일반적인 원인을 최적화하는 방법을 다룹니다.

• CSS
• HTML

CSS scrollbar-color 및 scrollbar-gutter가 모든 주요 브라우저 엔진에 적용되어 이제 기준으로 새로 사용할 수 있습니다.

• 2024년 기준
• 블로그
• CSS

Emscripten의 WasmFS 및 mimalloc 기능은 할당 및 I/O 성능에 큰 도움이 될 수 있습니다. 이 가이드에서는 이러한 기능을 사용하면 경우에 따라 속도가 10배 이상 향상되는 방법을 보여줍니다.

이번 첫 번째 버전에서는 2025년 1월에 Google과 웹 개발자 커뮤니티에서 Baseline과 관련하여 진행된 활동을 다룹니다.

• 2025년 기준
• 블로그

이제 모든 주요 브라우저 엔진에 WebAssembly 가비지 컬렉션 및 Wasm 테일 콜 최적화가 적용되어 기준을 새로 사용할 수 있습니다.

• 2025년 기준
• 블로그
• C

이 게시물에서는 최대 콘텐츠 렌더링 시간 (LCP) 측정항목을 소개하고 측정 방법을 설명합니다.

• 자바스크립트

이제 Promise.try가 모든 주요 브라우저 엔진에 출시되어 기준을 새로 사용할 수 있습니다.

• 2025년 기준
• 블로그
• 자바스크립트

간략한 설명

• 자바스크립트

게시일: 2024년 1월 13일 기존 머신러닝 모델과 최신 대규모 언어 모델 (LLM)을 사용하여 AI로 빌드할 수 있는 멋진 프로젝트가 많이 있습니다. LLM을 사용하면 컴퓨터가 새로운 콘텐츠를 생성하고, 요약을 작성하고, 텍스트의 감정을 분석하는 등 다양한 작업을 할 수 있습니다. 지난 몇 년 동안 사람들은 첨단 자연어 처리 (NLP)를 사용하여 사용자와 대화하는 Gemini 및 ChatGPT와 같은 애플리케이션을 사용할 수 있었습니다.

• AI 및 머신러닝
• 블로그

게시일: 2024년 1월 13일 이 도움말은 LLM 및 챗봇에 관한 3부 시리즈 중 첫 번째입니다. WebLLM으로 챗봇 빌드 에 관한 2부와 Prompt API 사용 에 관한 3부는 이미 게시되어 있습니다. 대규모 언어 모델 (LLM)은 소프트웨어 개발에서 중요한 구성요소가 되고 있습니다. LLM은 자연 언어 텍스트를 생성하고 처리하는 데 적합하며 데이터 추출, 요약, 사용자 데이터와의 대화 지원과 같은 사용 사례를 활용할 수 있습니다. 이

• AI 및 머신러닝

'기본 스레드를 차단하지 말고' '장기 작업을 중단'해야 한다는 말을 들었는데 이러한 작업을 수행한다는 것은 어떤 의미일까요?

• 자바스크립트

CSS 마스킹은 이미지를 마스크 레이어로 사용할 수 있는 옵션을 제공합니다. 즉, 이미지, SVG 또는 그래디언트를 마스크로 사용하여 이미지 편집기 없이도 흥미로운 효과를 만들 수 있습니다.

• CSS

웹 지형지물 데이터 세트, 웹 플랫폼 상태 대시보드, 기준 상태 위젯 등 2024년 기준을 되돌아보세요.

• 블로그

이 게시물에서는 지연 로드와 동영상 지연 로드에 사용할 수 있는 옵션을 설명합니다.

• 자바스크립트
• HTML

모듈 미리 로드는 JavaScript 모듈을 선언적으로 미리 로드하는 방법을 제공합니다.

• HTML

사용자 환경을 최적화하려면 사용자가 양식과 상호작용하는 방식을 이해하는 것이 중요합니다. 브라우저 자동 완성은 이 과정에서 중요한 역할을 합니다. 사용자가 양식에서 자동 완성을 사용하는 방식에 관한 데이터를 수집하고 분석하는 방법을 알아보세요.

• 자바스크립트

악성 콘텐츠 감지는 사용자를 보호하고 더 안전한 온라인 환경을 조성합니다. 두 번째 부분에서는 근본적으로 악의적인 표현을 감지하고 완화하는 클라이언트 측 AI 도구를 빌드하는 방법을 알아봅니다.

• AI 및 머신러닝
• 자바스크립트

이 게시물에서는 총 차단 시간 (TBT) 측정항목과 이 측정항목을 측정하는 방법을 설명합니다.

LCP 분석 및 개선이 필요한 주요 영역을 파악하는 방법에 관한 단계별 안내

• 자바스크립트
• HTML

실제 환경과 실험실 환경에서 사이트의 웹 바이탈을 측정하는 방법을 알아보세요.

Chrome에서 웹 성능을 최적화하고 Core Web Vitals를 개선할 수 있는 가장 큰 기회로 파악한 권장사항 모음

건전한 사이트를 위한 필수 측정항목

• 자바스크립트

이제 CSS content-visibility 속성을 기준으로 새로 사용할 수 있습니다.

• 2024년 기준
• 블로그
• CSS