Lag on scroll when use threejs into html page

Questions
1

Hey folk , is there any way to improve performance when we combine Threejs scene with 2d content

there is no huge obj in the scene but there is s big lag on scroll and the website become so heavy , when i remove webgl canvas every thing become smooth , any thought plz??

2

Rendering a frame during the page startup when all asset have been loaded should mitigate the issue.

Since the duck and land assets contains sRGB encoded textures, the overhead is currently more noticeable on Windows due to a browser issue. You might want to downgrade to r132, wait for a browser fix or wait for a hotfix for current three.js versions.

1 Like
3

Thank you fir replay , but i think i don’t get this point what do you mean plz ??

4

Aha, i will try to fix it , but i also try it on mac and the same issue dose it make sense??

5

i downgrade threejs as import * as THREE from ‘https://cdn.skypack.dev/three@0.132.0’;

but there is no different Mr

6

It means you should call renderer.render( scene, camera ); once when both glTF assets have been loaded.

7

aha , i got it i did what you said and this the res http://dev-dive.brain-socket.com/ i don’t think there is a big different do you ?