버벅임 없는 고연산 작업

버벅임은 사용자 인터페이스가 한 프레임을 놓칠 때 나타나는 끊김 현상입니다. 무거운 작업이 주 격리 영역을 너무 오래 점유하면 발생합니다. 😬

초당 60프레임에서는 프레임 하나에 약 16밀리초가 주어집니다. 주 격리 영역에서 이 시간을 초과하면 화면이 잠시 멈춥니다.

CPU를 많이 사용하는 작업을 살펴보십시오. 큰 JSON 분석, 이미지 필터, 암호화, 대규모 정렬 등이 이에 해당합니다. 이런 작업이 버벅임을 일으키는 대표적인 원인입니다.

무거운 작업을 다른 격리 영역으로 옮기십시오. 작업자가 병렬로 계산하는 동안 주 격리 영역은 계속 프레임을 그릴 수 있습니다.

Flutter에서는 계산 도우미가 격리 영역을 대신 감싸 줍니다. 함수와 인자를 전달한 다음 결과를 기다리면 됩니다.

계산은 함수 하나와 인자 하나를 받고, Isolate.run은 클로저를 받습니다. 둘 다 작업 하나를 다른 실행 흐름에서 처리하고 Future를 돌려줍니다.

격리 영역 사이에서 데이터를 복사하는 데는 시간이 걸립니다. 작업에 실제로 필요한 것만 보내고, 실제로 사용할 최소한의 결과만 돌려주십시오.

격리 영역의 경계를 넘는 데는 비용이 듭니다. 아주 작은 메시지를 여러 번 주고받기보다 한 번에 묶어서 전달하는 편이 좋습니다.

같은 작업을 자주 실행한다면 매번 새 격리 영역을 시작하는 것보다 오래 유지되는 격리 영역을 생성하는 편이 낫습니다. 재사용하면 시작 비용을 건너뛸 수 있습니다.

짐작하지 마십시오. 격리 영역으로 옮기기 전에 DevTools로 성능을 분석해 실제로 어떤 작업이 프레임을 떨어뜨리는지 찾으십시오.

네트워크나 디스크를 기다리는 것은 CPU 작업이 아니므로, 일반적인 비동기 처리만으로도 원활하게 유지됩니다. 격리 영역은 실제 계산 작업에 사용하십시오.

버벅임을 줄이려면 먼저 성능을 분석한 다음 계산 또는 Isolate.run을 사용해 CPU를 많이 사용하는 작업을 격리 영역으로 옮기십시오. 전달 데이터는 작게 유지해 사용자 인터페이스를 원활하게 만드십시오. ✅