웹 플랫폼의 새로운 기능

브라우저에 새롭게 도입된 몇 가지 소식을 요약한 월간 게시물입니다.

일본의 철도 회사인 Tokyu가 어떻게 패스키로 12배 더 빠른 로그인 속도를 달성하여 매일 수천 명의 통근자를 지원했는지 알아보세요.

  • 우수사례
  • 패스키

Eiji Kitamura

2024년 10월 14일

Google Sheets의 계산은 처음에는 서버에서 수행되었고, 그 다음 JavaScript로 클라이언트에서 계산되었고, 이제 WebAssembly 가비지 컬렉션의 클라이언트에서 계산되었습니다. 이 우수사례에서는 그 방법과 이유를 설명합니다.

  • 우수사례

Michael Thomas

2024년 6월 26일

이 우수사례에서는 Google Meet팀이 권한을 개선한 방법과 사용자에게 미치는 영향을 설명합니다.' 달성할 수 있습니다.

  • 우수사례

Marian Harbach

2024년 6월 11일

고객이 실제 제품을 이해하고 탐색할 수 있도록 웹을 통해 몰입형 3D 경험을 제공하는 방법을 알아보세요.

  • 우수사례

Cecilia Cong

2024년 5월 28일

스마트 TV 및 셋톱 박스 기기용 앱인 Disney+ Hotstar가 INP를 줄이기 위한 노력을 통해 시청자 참여도를 크게 높인 방법을 알아보세요.

  • 우수사례

Bhuvaneswaran Mohan, Saurabh Rajpal

2024년 5월 22일

고객이 실제 제품을 이해하고 탐색할 수 있도록 웹을 통해 몰입형 3D 경험을 제공하는 방법을 알아보세요.

  • 우수사례
  • HTML

Melissa Mitchell

2024년 3월 18일

PubTech의 동의 관리 플랫폼이 고객 웹사이트의 INP를 최대 64% 줄이고 광고 조회가능성을 최대 1.5% 개선한 방법

  • 우수사례
  • 자바스크립트

Marco Prontera, Gilberto Cocchi

2024년 2월 28일

지난 2년 동안 Goodnotes 엔지니어링팀은 성공적인 iPad 메모 작성 앱을 다른 플랫폼에 제공하기 위한 프로젝트를 진행해 왔습니다. 이 우수사례에서는 2022년 올해의 iPad 앱이 웹 기술을 기반으로 하는 웹, ChromeOS, Android, Windows에 적용되었으며 WebAssembly가 팀에서 10년 이상 작업해온 것과 동일한 Swift 코드를 재사용한 방법을 다룹니다.

  • 우수사례

Pedro Gomez

2024년 2월 7일

모바일용으로 가장 인기 있는 동영상 편집 앱 중 하나가 모든 기능을 갖춘 웹 버전을 만든 방법.

  • 우수사례

Cecilia Cong

2024년 2월 1일

콘텐츠 추천 제공업체인 Taboola가 LoAF를 사용해 게시자 파트너 웹사이트의 INP를 최대 36% 개선한 방법

  • 우수사례
  • 자바스크립트

Thierno Thiam

2024년 2월 1일

pixiv는 일러스트레이터와 일러스트 애호가가 콘텐츠를 통해 서로 소통할 수 있는 온라인 커뮤니티 서비스입니다. 사용자가 직접 삽화를 게시할 수 있습니다. 전 세계 8,400만 명 이상의 사용자를 보유하고 있으며 2023년 5월 기준으로 1억 2,000만 개 이상의 예술작품이 게시되었습니다. pixiv Sketch는 pixiv에서 제공하는 서비스 중 하나입니다. 손가락이나 스타일러스를 사용하여 웹사이트에 아트워크를 그리는 데 사용됩니다. 다양한

  • 우수사례
  • C
  • 자바스크립트

2024년 1월 29일

이 게시물에서는 Mitra Tokopedia가 머신러닝을 사용하여 판매자 웹 앱을 개선하여 운영 비용을 절감한 방법을 설명합니다.

  • 우수사례
  • 자바스크립트

2024년 1월 17일

이 우수사례에서는 PageSpeed Insights (PSI), Chrome DevTools, scheduler.yield API와 같은 Google 도구를 활용하여 Trendyol에서 사용하는 React의 INP를 디버깅하고 개선하는 단계별 워크플로를 설명합니다.

  • 우수사례
  • 자바스크립트

Mustafa Birinci

2023년 12월 11일

이 우수사례에서는 비영리 단체인 Kiwix가 프로그레시브 웹 앱 기술 및 File System Access API를 사용하여 사용자가 오프라인에서 사용하기 위해 대용량 인터넷 아카이브를 다운로드하고 저장할 수 있도록 하는 방법을 살펴봅니다.

  • File System Access API
  • 프로그레시브 웹 앱
  • 우수사례
  • 자바스크립트
  • HTML

Thomas Steiner

2023년 11월 16일

Yahoo! JAPAN의 패스키 채택 및 사용자 경험 개선을 위한 접근방식입니다.

  • 우수사례
  • 패스키

Milica Mihajlija

2023년 10월 27일

프리페치는 가까운 미래에 필요할 가능성이 있는 리소스 또는 전체 페이지를 다운로드하여 페이지 로드 속도를 높이는 데 사용되는 기술입니다. 연구에 따르면 로드 시간이 빨라지면 전환율과 사용자 환경이 개선됩니다.

  • 우수사례
  • 자바스크립트

Guilherme Moser de Souza

2023년 9월 1일

Yahoo! 일본에서 가장 인기 있는 뉴스 플랫폼 중 하나인 JAPAN News는 bfcache 적중률을 높이기 위한 공동의 노력을 기울였고, 그 결과 사용자 경험과 비즈니스가 크게 개선되었습니다. 특히 A/B 테스트 결과에 따르면 bfcache를 사용하는 페이지에서 광고 수익이 9% 증가했습니다.

  • 우수사례

Yuriko Hirota

2023년 7월 25일

Amit Kumar

2023년 5월 10일

TBT를 30배 줄이고 Next.js로 이전한 결과 The Ecomonic Times는 INP를 거의 4배 줄였으며 이탈률은 50% 감소하고 페이지뷰는 43% 상승했습니다.

  • 우수사례
  • 자바스크립트

Barun Kumar

2023년 5월 10일

이 캐주얼 운전 게임에서 끊임없이 생성되는 무한한 풍경을 통해 WebGL의 잠재력을 발견해 보세요. Slow Roads 는 끊임없이 생성된 경치에 중점을 둔 캐주얼 드라이빙 게임으로, 브라우저에서 WebGL 애플리케이션 으로 호스팅됩니다. 많은 경우 브라우저의 제한된 맥락에서 이처럼 집약적인 경험을 하는 것은 적절하지 않은 것처럼 보일 수 있습니다. 이 프로젝트를 통해 이러한 경험을 바로잡는 것이 저의 목표 중 하나였습니다. 이 문서에서는 웹

  • 우수사례

Anslo

2023년 4월 11일

이 도움말은 '더 나은 YouTube 웹 구축'에 관한 새로운 시리즈의 1부입니다.

  • 우수사례

Addy Osmani

2022년 10월 20일

또한 실제 사용자의 웹 바이탈을 측정한 결과, 최대 콘텐츠 렌더링 시간 (LCP)이 좋으면 전환율이 61.13% 증가할 수 있는 것으로 나타났습니다.

  • 우수사례

Hayoung Lee

2022년 8월 24일

GoDaddy에서 수백만 개의 웹사이트 성능을 개선하여 PageSpeed Insights 및 코어 웹 바이탈 점수를 향상시키기 위해 GoDaddy에서 구현한 변경사항의 우수사례입니다.

  • Core Web Vitals
  • 우수사례

Simon Le Parc

2022년 7월 14일

럭셔리 소매업체인 Farfetch가 코어 웹 바이탈 개선을 위한 투자를 통해 어떻게 비즈니스 성과를 향상했는지

  • Core Web Vitals
  • 우수사례

Manuel Garcia

2022년 7월 12일