Lighthouse no_fcp 에러

Lighthouse를 실행하는 페이지 상에 WebGL 컨텐츠를 표시하는 canvas 엘리먼트(부모 노드 포함)만 존재할 경우, no_fcp 에러가 발생한다.

캔버스 내에 그려지는 요소들을 Lighthouse가 감지할 수 없기 때문에 발생하는 것으로 추정된다.

 

에러를 우회하려면 페이지에 캔버스 외에 빈 엘리먼트(<div></div> 등..)를 추가하면되는데,

이는 발생하던 에러만 사라지게 하는것이지, 측정된 수치를 원했던 캔버스 내의 요소들이 그려지는 시점 등에 대한 결과는 제대로 얻을 수 없다는 한계가 있다.