seajs代碼壓縮,js 代碼壓縮

本文目錄一覽：

• 1、網頁設計中 JS文件比較多，影響網頁的載入速度，怎麼解決
• 2、用了webpack還需要用seajs嗎
• 3、網站優化:所有的js代碼放到同一個js文件中好，還是不同的頁面根據需要創建不同的js文件好?

網頁設計中 JS文件比較多，影響網頁的載入速度，怎麼解決

兼容模式實際是兼容IE7的，360「極速」實際就是Chrome。

你的問題應該是「頁面 渲染 慢」，是布局不合理，

1. 全部頁面的css樣式文件都合併成一段代碼，壓縮後放到style中，這個style頁面只能存在一個並且必須在head中

2. 頁面的所有 script不管是外部文件，還是內部嵌套，都放到 /body 之前。(body結束標籤)

如果script標籤的位置移動不了，就改js，務必要放到頁面的最後。

比如script中有document.write();可以預先在指定位置放一個隱藏的div，

然後通過頁面底部的js，innerHTML到div中。

3. 最好把小的零碎的js代碼都合併到一個文件中。但是單個js文件也不要太大，一般不超過25k。

這幾點做到了，你頁面的首屏速度能在1秒左右。（1秒已經很快了，沒幾個能達到1秒的）。

具體為什麼就不在這裡解釋了。

用了webpack還需要用seajs嗎

webpack是後台工具，是負責：開發過程中的代碼模塊化，代碼壓縮、檢查等的功能的插件。

而seajs是一個CMD的一個前端引js的東西，解決前端依賴的

可以在使用webpack就不用使用seajs了，使用了反而更多的載入seajs的文件了

網站優化:所有的js代碼放到同一個js文件中好，還是不同的頁面根據需要創建不同的js文件好?

網站優化：一個是壓縮合併css，js，一個是合併圖片和小圖標來達到減少請求量的目的；所以當然是所有的js代碼放到同一個js文件中好；需要注意的是：

1、只要命名不衝突放一個文件裡面完全沒問題,初始化代碼用一個$(function(){…})包裹著就可以了；

2、不同的頁面執行不同的邏輯代碼塊完全不衝突,關鍵是知道自己在做什麼；

具體做法：

1）比如a.css,b.css,c.css,把裡面的內容都複製到一個css中，main.css這樣手動就可以合併

壓縮的話，網上都有工具來壓縮，直接百度 css壓縮 就可以了;

2）js大部分是可以直接和css一樣手動合併，然後壓縮的（壓縮方法，和壓縮css一樣，百度去），不過要注意複製到文件時的順序，和代碼裡面的一些規範，不要把依賴什麼的搞混了；如果js文件非常多手動處理很麻煩的時候，可能需要藉助工具來實現，你可以試著用前端的一些載入器（require,seajs）來做一些優化，達到按需載入的目的，推薦用seajs試試；自動壓縮的話，可以用nodejs的grunt來壓縮，很好用。