Javascript library taking too long time to respond

Question

I am working with Node and React(NextJS) SSR based project, I have added createjs because I have javascript based animations, unfortunately it dosen't have NPM package so I download the minified js library and serving from local server, but after adding this library to HEAD after 20-30 seconds it gives response, when I tried this on plain HTML it takes just 20-30 miliseconds only to renponce. What should I do to minimize response time

componentDidMount(){

 this.checkLib()
}

checkLib(){

setTimeout(()=>{
   if(window.createjs){
    console.log('library is ready')
   }else{
    this.checkLib()
   }
},500)

}  


render(){
return(
   <Head>
          {(typeof window !='undefined')
          ? <script src='./../static/js/createjs.min.js' />
          :'' }
   <Head>
)
}

It have window object. so it throws error on server because window object not found on serverside — Amit Shakya, Jun 03 '21 at 15:40
@DanielA.White yes I have mention on my question too, It's Nextjs based SSR project. — Amit Shakya, Jun 03 '21 at 15:43
https://stackoverflow.com/questions/38951721/react-js-server-side-issue-window-not-found — Daniel A. White, Jun 03 '21 at 15:44

score 0 · Answer 1 · answered Jun 03 '21 at 18:12

0

I add global npm package it returns window and document object. It returns window object on DidMount event and It helps me to add library on initial level.

answered Jun 03 '21 at 18:12

Amit Shakya

962
3
16
30

Javascript library taking too long time to respond

1 Answers1