gl.compile doesn't work for off screen objects

Describe the bug

i try to compile materials in order to avoid first scroll lag, but it appears like gl.compile does practically nothing. it does not pick up on objects that are not in the frustum.

on threes discord i was told i should render out a single frame with a cubecamera, and that indeed works: https://github.com/pmndrs/drei/commit/6cee0bb9b2cb2f804f17599a41d67e00c9c19102 but compile should pick up on all materials in the scene, i don’t think it’s supposed to skip objects.

To Reproduce

https://codesandbox.io/s/scrollcontrols-demo-website-forked-zf1dj?file=/src/App.js:1066-1517

You can execute compile() in the console, it calls gl.compile and it will do nothing. or call cube(), and you will see a big execution stack in the perf readout.

[Mugen87]

In any event, we should not make the assumption what resources the user wants to upload or compile ahead of time. This is highly app specific.

The engine already provides the necessary utilities. After some considerations, I think it’s better to not add the suggested method from https://github.com/mrdoob/three.js/issues/22696#issuecomment-944909439. It could be easily misused on app level producing too large lags.

[Mugen87]

I guess in this case it does matter what objects are in frustum?

You are right. If you want to honor all 3D objects in your scene, it is necessary to traverse through the scene graph, set frustumCulled for all 3D objects to false, render the scene and then restore the frustumCulled property.