img-layout-shift-detector: <img> 태그에 의해 발생하는 레이아웃 이동 감지
img-layout-shift-detector는 Chrome에서 사용할 수 있는 브라우저 확장 프로그램으로, 웹 페이지에서 레이아웃 이동을 일으킬 수 있는 <img> 태그를 감지하는 것을 목표로 합니다. mizdra가 개발한 이 확장 프로그램은 무료로 사용할 수 있습니다.
img-layout-shift-detector를 사용하려면, 검사하려는 웹 페이지에 액세스하고 개발 도구의 콘솔 탭을 열면 됩니다. 그런 다음, 브라우저 창 오른쪽 상단에 나타나는 확장 프로그램 아이콘을 클릭하면 됩니다. 몇 초 후에 확장 프로그램이 페이지의 이미지를 검사하기 시작합니다.
검사 결과는 콘솔에 출력되며, 레이아웃 이동을 일으킬 수 있는 <img> 요소에 대한 정보를 제공합니다. 이는 웹 개발자와 디자이너들이 자신들의 웹사이트에서 원활하고 안정적인 사용자 경험을 보장하고자 하는 경우에 유용할 수 있습니다.