Chrome의 최근 업데이트에 Cumulative Layout Shift 라는 새로운 성능 측정 지표가 생겼다고 합니다. 사용자에게 보여지는 화면에서 갑자기 발생하는 레이아웃 변경의 정도를 측정하는 지표라고 하네요. 특히, 최근에 React / Angular / Vue 같은 Front-End 프레임워크를 대부분 적용하고 있는데, 분명 장점도 많지만, Lazy하게 DOM을 생성하는 방식때문에, 아주 미묘한 사용성의 차이를 느끼고는 하는데, 특히 그 부분에서 내가 만들고 있는 서비스가 사용자에게 좋은 경험을 주고 있는지를 확인할 때 좋은 지표가 될 수 있을 것 같습니다.

새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift) | WIT블로그

WIT블로그 | NTS UIT개발실 기술블로그

새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift) | WIT블로그

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2020년 12월 28일 오후 1:38

댓글 0

    함께 읽은 게시물

    연차가 주는 압박감: 연차 << 경험의 밀도

    ... 더 보기

    2024-05-29 한기용 팬(?) 모임

    Google Docs

    2024-05-29 한기용 팬(?) 모임

     • 

    댓글 2 • 저장 28 • 조회 5,719


    📰 Z세대의 80%가 AI와 결혼할 의향이 있다고

    “AI 챗봇 회사 Joi AI가 Z세대 2,000명을 대상으로 설문 조사를 실시한 결과, Z세대의 80%가 AI와 결혼할 의향이 있다고 답했습니다.”

    ... 더 보기

    포폴 코칭 시 기억에 남는 대화: 페르소나편

    🧑‍💻 멘티:

    ... 더 보기

    개발자의 장애 공유 문화

    ... 더 보기

    개발자의 장애 공유 문화

    K리그 프로그래머

    개발자의 장애 공유 문화

     • 

    저장 12 • 조회 2,602


    🕊️ 코딩테스트를 위한 리트코드 60

    많은 회사들이 채용 프로세스의 과정 중에 하나로 코딩 테스트를 가지고 있습니다. 벼락치기로 준비하기도 힘들 뿐더러 요령을 알아야 하기 때문에 취준생들이 꽤나 골치아파 합니다. 뻔한 말이지만 꾸준히 하는 것 밖에는 답이 없는 것 같습니다. 오늘은 '코딩 인터뷰를 위한 60가지 리트코드 문제'를 가져왔습니다. 구글 시트로 깔끔하게 정리된 버전도 있어서 후다닥 가져왔습니다. 저자에게 감사를(_ _) https://docs.google.com/spreadsheets/d/1Y98QKaYPazWImEt1nA_ocp... 더 보기

    60 LeetCode questions to prepare for coding interview

    Medium

    60 LeetCode questions to prepare for coding interview

     • 

    댓글 2 • 저장 1,081 • 조회 15,028


    주니어 개발자들이 읽으면 좋은 테크 아티클 모음📚

    F-Lab 에서 주니어 개발자들이(사실 개발자라면 누구나) 보시면 좋을 아티클 모음을 공유해 주었네요! 검색엔진부터 비동기 처리, NoSQL 등 다양한 분야의 아티클들이 공유되어 있으니 관심있으신 분들은 보시면 좋겠습니다. F-Lab 에서 공유해주신 아티클 주제를 나열해보면 다음과 같습니다. 📌 구글이 직접 말하는 검색엔진의 원리 (tali.kr) 📌 검색 엔진은 어떻게 작동하는가 (xo.dev) 📌 네이버의 검색엔진의 특징과 알고리즘 (tistory.com) 📌 [네이버 블로그]네이버 검색의 원리 : 네이버 블... 더 보기

    주니어 개발자들이 읽으면 좋은 테크 아티클 모음

    F-Lab : 상위 1% 개발자들의 멘토링

    주니어 개발자들이 읽으면 좋은 테크 아티클 모음

     • 

    저장 111 • 조회 3,040