URGENT - Expert Javascript - HTML/CSS/THREE.JS
Budget: €8 – €30 EUR
Hello,
How are you ?
Website is:
https://www.chiarasarena.com
Work details below: (I need more done but need this solved fast first so please check EVERYTHING IN DETAILS)
----------------
1. Integrate this script from scratch (remove it from my website and remake it): https://codepen.io/psyonline/pen/yayYWg
Or fix it into my current website because there is a problem on Chrome.
=
https://www.chiarasarena.com
You can see an INFINITE LOGO animation at bottom page.
Similar to this script: https://codepen.io/psyonline/pen/yayYWg
(Do not check on mobile or tablets, ERROR IS ONLY FOR CHROME BROWSER in DESKTOP VIEW.)
On desktop firefox it works good.
On desktop Chrome, it seems to "lag" and slow down the page (check difference with firefox), can you please check and fix ?
Check video difference: https://vimeo.com/manage/videos/647370503
You can check this script https://codepen.io/psyonline/pen/yayYWg on FIREFOX and CHROME, you will see it is working same and NO DIFFERENCE.
So why the difference with my website ?
It may be a GPU error as Chrome use only few memory and GPU for three.js is low in Chrome compared to Firefox.
But it should be slow on the codepen website then.
Maybe it is not slow when using Chrome on Codepen websites becauses three.js is the only ressource in this page.
On my website, maybe lag is happening because my website is using the glitch effect css code + the tree.js animation button and the both make it lag on Chrome ?
So maybe putting somethinig in an iframe or separate codes and pages is the way to remove lag on Chrome ?
What do you think ?
You can also try to remake from scratch.
Price: 30€ done in few hours from now.
It is a fast project.
Thanks
How are you ?
Website is:
https://www.chiarasarena.com
Work details below: (I need more done but need this solved fast first so please check EVERYTHING IN DETAILS)
----------------
1. Integrate this script from scratch (remove it from my website and remake it): https://codepen.io/psyonline/pen/yayYWg
Or fix it into my current website because there is a problem on Chrome.
=
https://www.chiarasarena.com
You can see an INFINITE LOGO animation at bottom page.
Similar to this script: https://codepen.io/psyonline/pen/yayYWg
(Do not check on mobile or tablets, ERROR IS ONLY FOR CHROME BROWSER in DESKTOP VIEW.)
On desktop firefox it works good.
On desktop Chrome, it seems to "lag" and slow down the page (check difference with firefox), can you please check and fix ?
Check video difference: https://vimeo.com/manage/videos/647370503
You can check this script https://codepen.io/psyonline/pen/yayYWg on FIREFOX and CHROME, you will see it is working same and NO DIFFERENCE.
So why the difference with my website ?
It may be a GPU error as Chrome use only few memory and GPU for three.js is low in Chrome compared to Firefox.
But it should be slow on the codepen website then.
Maybe it is not slow when using Chrome on Codepen websites becauses three.js is the only ressource in this page.
On my website, maybe lag is happening because my website is using the glitch effect css code + the tree.js animation button and the both make it lag on Chrome ?
So maybe putting somethinig in an iframe or separate codes and pages is the way to remove lag on Chrome ?
What do you think ?
You can also try to remake from scratch.
Price: 30€ done in few hours from now.
It is a fast project.
Thanks