在網(wǎng)站制作的過程中，很多人說做好網(wǎng)站做好之后，為什么打開速度好慢。明明服務(wù)器配置也不低了，辦公室網(wǎng)速也不慢，但是打開網(wǎng)站就是慢。然后就優(yōu)化圖片占用資源，盡量讓網(wǎng)頁占用資源小一些；

還有一些人關(guān)注網(wǎng)站的關(guān)鍵詞SEO優(yōu)化，結(jié)果花了很多精力，就是做不上排名，從網(wǎng)站結(jié)構(gòu)和關(guān)鍵詞上都下功夫了，但是就是優(yōu)化不上去。然后，有些人就是找不到原因，把責(zé)任劃到了網(wǎng)站SEO人員不專業(yè)的問題上。

以上兩個問題，都會有一個共同的原因。卻是非技術(shù)人員所不懂的——網(wǎng)站的JS代碼用的太多了。

一、什么是JS代碼？
JS的全稱是javascript，內(nèi)嵌語言，是寫在html網(wǎng)頁中以實現(xiàn)網(wǎng)頁端交互用的。一般是以<script language="javascript"></script>包括中的，還是html標(biāo)簽，里邊的內(nèi)容卻是js。js代碼是為了補充html的靜態(tài)網(wǎng)頁而出現(xiàn)的，是為了網(wǎng)頁的動態(tài)效果。也就是，通常我們訪問網(wǎng)頁的時候，有些動效的東西。

二、JS代碼對網(wǎng)站打開速度的影響

JS代碼在網(wǎng)頁資源占用大小的占比中，僅次于視頻和圖片，這會影響網(wǎng)頁的下載速度。

當(dāng)網(wǎng)頁下載到本地電腦或手機上后，瀏覽器要運行當(dāng)前頁面上的所有JS腳本，這樣的話頁面上其它元素的下載與加載速度也會受影響。而瀏覽器運行JS腳本的時候，就需要把JS腳本所引導(dǎo)的內(nèi)容程序也運行了，這樣頁面才能打開完整。

例如，上圖中的5塊切換展示內(nèi)容，由JS調(diào)動。那么，這5塊內(nèi)容都需要下載后，才能加載出來。這肯定會影響打開速度。

三、JS代碼對網(wǎng)站SEO優(yōu)化的影響

JS對搜索引擎是不友好的，搜索引擎的蜘蛛抓取不到JS代碼里面的內(nèi)容。就是因為搜索引擎的蜘蛛抓取不到JS代碼里面的內(nèi)容，那么蜘蛛就開始“討厭”這類代碼。

另外，因為JS代碼影響網(wǎng)站的打開速度。而搜索引擎的蜘蛛也是比較“討厭”打開速度慢的頁面程序，對于打開慢的頁面程序，搜索引擎也是不收錄，甚至收錄慢。

因此，當(dāng)網(wǎng)站打開慢，網(wǎng)站不被搜索引擎收錄的時候，建議檢查一下網(wǎng)站的JS代碼是不是太多了。當(dāng)然，更好的方式是，在做網(wǎng)站UI設(shè)計的時候，提前考慮網(wǎng)站的結(jié)構(gòu)、頁面板塊之間以及板塊內(nèi)部的內(nèi)容結(jié)構(gòu)之間的關(guān)系，在不影響整體視覺效果的情況下，盡量在結(jié)構(gòu)上不產(chǎn)生使用JS代碼的設(shè)計。

所以，當(dāng)一個會平面設(shè)計的UI，把網(wǎng)站的頁面效果設(shè)計的特別的到位。但是，一旦進(jìn)入網(wǎng)頁程序制作的時候，就會出現(xiàn)各種問題。頁面結(jié)構(gòu)設(shè)計的不符合網(wǎng)頁程序的實現(xiàn)，功能的匹配，更不要說一個小小的JS代碼了。

總結(jié)：這些都不是問題，只要你找對人，才能做對事。讓專業(yè)的網(wǎng)站UI設(shè)計網(wǎng)站美工效果的時候，才不會出現(xiàn)以上問題。