現(xiàn)在網(wǎng)站上有很多很酷的特效，以前很多都是用flash技術(shù)，由于html5和css3的發(fā)展，加上手機網(wǎng)站的發(fā)展flash技術(shù)不支持，所以現(xiàn)在網(wǎng)站上的一些效果基本上是javascript來實現(xiàn)。

　　JavaScript它通常用于創(chuàng)建交互式網(wǎng)頁，JavaScript直接在用戶瀏覽器上執(zhí)行，好的js用戶體驗的效果會很好。

　　但是Javascript其實也需要優(yōu)化，一些基礎(chǔ)差的前端人員寫的js腳本會延遲頁面，甚至讓瀏覽器崩潰，這不好，這也是技術(shù)人員想要解決的問題，但由于各種原因總是出現(xiàn)各種各樣的原因bug，現(xiàn)在搜索引擎的抓取能力很強，百度應(yīng)該能夠識別簡單javascrip腳本，有些seoer不要在網(wǎng)站上使用js劇本，我不同意這個想法。如果一個網(wǎng)站不需要，js效果，你可以想象這個網(wǎng)站有多無聊，這種網(wǎng)站沒有用戶體驗，即使百度搜索，用戶也不感興趣瀏覽。

　　但使用過多js腳本在網(wǎng)站制作中也有弊端，因為搜索引擎主要包含網(wǎng)站文本內(nèi)容。如果整個網(wǎng)站頁面充斥著大量的網(wǎng)站，js腳本，搜索引擎會認為這個頁面沒有足夠的文本內(nèi)容而不包含，所以。對于使用。js有效的站長，本文給出以下建議：

　　1.不要大量使用太復(fù)雜的JavaScript技術(shù)，這不利于搜索引擎的收錄

　　2.不要阻止對.js否則，文件的收錄將受到限制JavaScript分析能力。

　　3.合理規(guī)劃html和js腳本，js腳本盡量在js調(diào)用文件，而不是和諧html混合一起。

　　4.刪除未使用的代碼和功能

　　您的應(yīng)用程序包含的代碼越多，您需要向客戶端傳輸更多的數(shù)據(jù)。瀏覽器還需要更多的時間來分析和解釋代碼。

　　有時候，你可能會打包很多你根本不能使用的功能。最好只在開發(fā)環(huán)境中保留這些額外的代碼，而不是將其推送到生產(chǎn)環(huán)境中，以免增加客戶端瀏覽器的負擔。

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

　　您可以手動刪除未使用的代碼，也可以使用Uglify或谷歌的ClosureCompiler刪除它們等工具。您還可以使用一種叫做搖樹優(yōu)化的技術(shù)，從應(yīng)用程序中刪除未使用的代碼。Webpack這種包裝軟件提供了這種技術(shù)，詳情請參考：

　　https://www.infoq.cn/article/dcKcJiT8aeEBNZbdotFF

　　刪除未使用的npm軟件包，可以使用命令包，npmprune，詳細信息參考NPM文檔。

　　https://docs.npmjs.com/cli-commands/prune.html

　　5.盡量緩存

　　緩存可以減少延遲和網(wǎng)絡(luò)流量，從而減少顯示資源表示所需的時間，從而提高網(wǎng)站的速度和性能。緩存可以使用CacheAPI或HTTPcaching來實現(xiàn)它。你可能想知道內(nèi)容變化時會發(fā)生什么。當滿足某些條件（如發(fā)布新內(nèi)容）時，可以處理并重新生成緩存。

　　6.避免內(nèi)存泄漏

　　作為一種高級語言，JS它將負責(zé)一些基本的管理工作，如內(nèi)存管理。垃圾回收是大多數(shù)編程語言的共同過程。用外行的術(shù)語來說，垃圾收集是收集和釋放分配給對象但尚未在程序的任何部分使用的內(nèi)存。開發(fā)人員必須使用像C這樣的編程語言malloc()和dealloc()函數(shù)處理內(nèi)存分配和釋放操作。

　　雖然在JavaScript垃圾回收是自動進行的，但在某些情況下并不完美。在某些情況下。JavaScriptES6中，引入了Map和Set及其“weaker”同級對象。被稱為WeakMap和WeakSet的“較弱”對應(yīng)項持有對象“弱”引用。它們使未引用的值能夠被垃圾回收，從而防止內(nèi)存泄漏。您可以在這里了解相關(guān)情況。WeakMaps更多信息：

　　https://blog.bitsrc.io/understanding-weakmaps-in-javascript-6e323d9eec81

　　7.盡快打破循環(huán)

　　超大循環(huán)肯定會要很多時間，所以你應(yīng)該盡快打破這些超大循環(huán)。您可以使用它。break關(guān)鍵字和continue關(guān)鍵詞來做這件事，從而編寫更有效的代碼。

　　8.最小化變量計算的次數(shù)

　　為了減少計算變量的次數(shù)，可以使用閉包。一般來說，JavaScript閉包允許您從內(nèi)部函數(shù)訪問外部函數(shù)作用域。每次創(chuàng)建函數(shù)（不調(diào)用）時，都會創(chuàng)建閉包。即使返回外部函數(shù)，內(nèi)部函數(shù)也有權(quán)訪問外部作用域的變量。

　　9.盡量減少DOM訪問

　　與其他JavaScript與句子相比，訪問DOM速度很慢。假如你是對的。DOM改變，觸發(fā)布局重新繪制，那么就得等一會兒。

　　減少訪問DOM請訪問元素的次數(shù)，然后將其用作局部變量。完成需求后，請將其設(shè)置為null去除變量值。這將防止內(nèi)存泄漏，因為它會觸發(fā)垃圾回收過程。

　　10.壓縮文件

　　通過壓縮(例如Gzip）可以減小JavaScript文件的大小。較小的文件會提高你的網(wǎng)站性能，因為瀏覽器只需要下載較小的資產(chǎn)。

　　11.縮小最終代碼

　　有些人認為縮小和壓縮是一樣的，但事實并非如此。在壓縮過程中，我們使用特殊的算法來改變文件的輸出大??；在縮小時，我們需要刪除JavaScript文件中的注釋和多余的空間。你可以在網(wǎng)上找到很多工具和軟件包來幫助完成這個過程?？s小已成為頁面優(yōu)化的標準實踐，也是前端優(yōu)化的主要步驟之一。

　　12.避免使用Delete關(guān)鍵字

　　delete關(guān)鍵字用于從對象中刪除屬性。這個關(guān)鍵字的性能不是很好，預(yù)計它將在未來的更新中得到修復(fù)。

　　以上就是在做網(wǎng)站建設(shè)使用js需要優(yōu)化的建議，希望本文可以幫助到大家。