14個 JavaScript 代碼優化技巧

本文最初發佈於Medium網站,經原作者授權由InfoQ中文站翻譯並分享。

JavaScript已經成爲有史以來最受歡迎的編程語言之一。根據W3Tech的數據,全世界將近96%的網站都在使用它。關於Web有一個關鍵的事實是,你無法控制訪問網站的用戶所用設備的硬件規格。最終用戶訪問你的網站時,使用的可能是高端設備也可能是低端設備,網絡連接條件也有好有差。這意味着你必須儘可能優化自己的網站,以滿足任何用戶的需求。

這篇文章列舉了一些技巧,可幫助你寫出更好的JavaScript代碼,從而提高性能。

附帶提一下,請共享和重用你的JS組件,以在高質量代碼(寫起來需要花費時間)和合理的交付時間之間保持適當的平衡。你可以使用 Bit等流行工具將任何項目中的組件(普通JS、TS、React、Vue等)共享到Bit的組件中心,用不了多大功夫。

1、刪除未使用的代碼和功能

你的應用程序包含的代碼越多,就需要將更多的數據傳輸到客戶端。瀏覽器也需要更多時間來分析和解釋代碼。

有時,你可能打包了很多根本用不到的功能。最好只在開發環境中保留這些額外的代碼,而不要將其推送到生產環境中,以免給客戶端的瀏覽器增加負擔。

要不斷問自己,某個功能或代碼段是否是必要的。

原文鏈接:【https://www.infoq.cn/article/MwyrfzDPdRpkzfbW7NwW】。未經作者許可,禁止轉載。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章