專案是金融方面的網站,某個前端功能會需要插入usb讀卡機啟動一個第三方介面(需事先安裝元件)
流程大概是頁面內按下按鈕 > 呼叫元件 > 開啟元件視窗 > 插入usb讀卡機 > 登入元件 > 開始操作元件上的功能
這個元件提供一個js檔,裡面有各種api來接收或呼叫相關功能,
現在的問題是當我啟動這個第三方元件,整個頁面的資源就會被他佔住無法操作,即使是以非同步的方式處理也一樣,猜測因為是在同一個頁面去呼叫這個元件的api,在元件沒結束前都會卡著。
開啟的介面可以正常操作,直到操作結束關閉元件回傳結果後網頁就會正常。
頁面需要接收元件傳回的成功或失敗結果並呈現出來
想請問如何改善效能,例如開啟元件後網頁效能不會被佔住的做法,或是這種功能一般應該怎麼處理比較好,另外專案是以react開發的前後端分離網站,感謝