Resource Timing API 를 통한 네트워크 성능 측정

Source

• Evernote/IFTTT Feedly/Measuring network performance with Resource Timing API.md

Summary

이 문서는 Google Developers Blog 의 2013 년 12 월 게시글 링크를 포함하고 있습니다. 웹 브라우저의 Resource Timing API 를 사용하여 네트워크 성능을 측정하는 방법에 대한 내용을 다룹니다.

Key Points

• Resource Timing API 를 활용한 네트워크 성능 측정 기법
• 출처: Google Developers Blog (2013 년 12 월 12 일)

Related

• 인턴십 발표: LB 성능 측정

• Measuring improvement in user search performance resulting from optimal search tips

• Sitespeed.io를 사용한 웹사이트 성능 테스트

• 넷플릭스 성능 케이스스터디 (NHN FE.JS Wiki #184)

• High Performance Browser Networking (O’Reilly)

• 웹사이트 속도 테스트용 무료 온라인 도구 5 가지

• 웹 성능 크래시 코스 (Ilya Grigorik)

• 2011년 3분기 웹 성능 최적화 핵심 링크 및 동향

• Scala + Play Framework 2 Server 성능 향상 시키기

• LG-5000P 네트워크 설정 정보

• 피트니스 트래커의 수면 감지 원리

• 웹사이트 구조 개선을 통한 사용자 탐색 효율화

• HTML5 Canvas 실시간 드로잉 성능 최적화 가이드

• 리눅스 서버 60초 상황파악 가이드 (Netflix USE Method 기반)

• Immutable Caching 을 통한 웹 성능 최적화

• 브라우저 동작의 이해 - 리플로우와 리페인트 및 그 최적화

• Android ListView 커스터마이징 및 성능 최적화

• MySQL 대용량 테이블 성능 개선 방안 (참조 링크)

• 느린 네트워크 환경에서 앱 테스트하기

• 3: TCP 대신 UDP(QUIC)를 사용하여 네트워크 성능 및 신뢰성 향상

• imgix 성능 개선 및 문제 원인 분석 (2017)

• DevTools Continuous Painting Mode를 활용한 페인팅 성능 프로파일링

• Polaris: MIT 의 웹 페이지 로딩 속도 개선 기술

• 웹 브라우저 동작 원리 (2) - 레이아웃 리플로우 최적화

• 모바일 검색에서 주의 및 만족도 측정 개선 방안

• 임베디드 웹 서버: 제한된 리소스에서의 효율적 포맷팅

• 2020 년 웹 성능에 영향을 줄 6 가지 기술 (Simon Hearne)

• s 목표)

• URL 쿼리 문자열을 통한 개인정보 유출 측정 연구

• 웹 페이지의 시각적 복잡성 측정 (Measuring the Visual Complexities of Web Pages)

• Velocity 2014: PageSpeed 인사이트 및 QuickBooks Online 클라이언트 사이드 아키텍처

• 웹사이트 접근성 개선 추세 (1999-2012)

• TV와 온라인 광고의 최적 조합을 통한 도달률 극대화

• JavaScript 성능 향상을 위한 Thread-level Speculation (TLS)

• Synchronized Cross-device Mobile Testing

• 커리어와 최적화

• Google Chrome의 고성능 네트워킹 아키텍처

• 온라인 광고 캠페인 도달률 및 빈도 측정 방법

• 웹 설문 응답률에 미치는 진행률 표시기(Progress Indicators)의 효과: 메타분석

• Web Framework Benchmark Inspired

• Typeform: 크로스 디바이스 설문조사 플랫폼

• 온라인 괴롭힘에 대한 방관자 효과 연구

• 영국의 웹 커버리지와 일반 인구 웹 설문 조사에 대한 잠재적 영향

• 모바일 검색 광고의 추가 클릭 영향 (Incremental Clicks Impact of Mobile Search Advertising)

• Web Animations API: element.animate() (Chrome 36)

• 온라인 캠페인 예산 최적화: 긍정적 지속 효과 고려

• 온라인 설문에서 응답 옵션 순서가 Running Tally에 미치는 영향

• Temporal Clipping 이 VoIP 화질에 미치는 영향 모니터링

• Nowcasting with Google Trends

• 트위터 광고 자동화 API 개발 및 매출 확대 전략

• 검색 엔진 순위 개선: 신화와 현실 (Myths and Reality)

• 비디오 스트림에서 음향 및 시각적 단서를 이용한 광고 탐지

• Web Fundamentals 및 Web Starter Kit 리소스

• 검색 엔진 쿼리 로그를 통한 사용자 작업(Task) 발견

• requestAnimationFrame 사용법

• Explory: Flash 제작진의 멀티미디어 스토리텔링 앱

• Online allocation of display ads with smooth delivery

• Sauce Labs: 크로스 브라우징 테스트 서비스

• 모바일 웹 개발을 위한 화면 크기 측정 속성 분석

• Social-Sensed Image Search

• Parallel Boosting with Momentum (BOOM)

• Game Your Campaign

• Locust 데모 및 아키텍처 논의 (SRPOL)

• 웹의 불안전한 JavaScript 사용 관행에 대한 측정 연구

• Accelerating defocus blur magnification

• 분산 Mirror-Prox 최적화를 통한 MEC 네트워크 지연 최소화

• 온라인 탐색 난이도 설명을 위한 상호작용 데이터 활용

• Ubiquitous search for smart workspaces

• Yeoman: 도구를 활용한 더 나은 웹 개발

• 게임 이론을 통한 테러 네트워크 격파

• UsageQoS: 온라인 사용자 커뮤니티를 통한 웹 서비스 QoS 추정

• 2013년 Gmail 지연 사고 원인: 중복 네트워크 동시 장애

• 2017 학술 컨퍼런스 포스터 세션 및 연구 아이디어 메모

• Google 검색 광고 이미지 확장 기능(Image Extensions) 도입

• 리눅스 환경 HLS 스트리밍 참조 링크 모음

• Web Audio API의 Android Chrome Beta 지원 (2013)

• HTTP Archive: jQuery 호스팅 및 버전 분산 분석 (2013)

• Java 채팅 서버 구현 시 쓰레드 동기화 및 성능 이슈 토론 (2002)

• Optimizing Google’s Warehouse Scale Computers: The NUMA Experience

• 크롬 개발자 도구 101

• Paradata in Web Surveys (Callegaro)