有一個(gè)頁(yè)面，因?yàn)閖s文件很大，所以第一次加載這個(gè)頁(yè)面很慢，web服務(wù)器是nginx，希望頁(yè)面能加載快點(diǎn)

1. 第一步馬上就可以做的是把js引用放到body最后，加快整個(gè)頁(yè)面的展示速度。
2. JS文件很大的話，就按功能及依賴關(guān)系分成幾個(gè)文件來加載。
3. 那個(gè)js文件中的內(nèi)容如果不是對(duì)每個(gè)頁(yè)面都必要，建議按需加載，可以使用requirejs

webpack開啟壓縮試試,如圖

1. npm install --save-dev compression-webpack-plugin
2. productionGzip: false, false 改為 true

你問題能問的再大點(diǎn)嗎？

這就好像你告訴醫(yī)生說你不舒服，讓醫(yī)生給你開方子一樣。

我說一下碰到這種問題的思路吧。

首先你的問題應(yīng)該是第一次加載這個(gè)頁(yè)面很慢.

那么加載速度慢的原因究竟是什么呢？
要知道加載速度慢的原因，就要知道瀏覽器渲染網(wǎng)頁(yè)的原理。

我這簡(jiǎn)單說一下，瀏覽器從開始到渲染出來大體分為兩個(gè)過程：

1. 請(qǐng)求HTML
2. 解析HTML，如果碰到CSS或者JS（不考慮異步腳本）就會(huì)等待其下載并解析

因此考慮從下載速度和解析速度來考慮優(yōu)化。

提高下載速度很容易想到的是把大文件分為多個(gè)小文件。但是這種優(yōu)化方式并不一定總是成功的，你要知道它可以提高性能的原理，就不難理解。

提高解析速度我們也很容易想到不要寫復(fù)雜JS運(yùn)算，或者將復(fù)雜運(yùn)算放到RAF或者RIC中。但是這都不重要，
重要的是你知道原理，知道在不同的情況下作出取舍

詳細(xì)可以看我的這篇文章 ，是關(guān)于前端性能優(yōu)化的,地址：https://github.com/azl3979858...

提供幾個(gè)快速的解決方案：

1. 盡可能壓縮代碼，不生成 map
2. nginx 開啟 gzip，可以提升挺多的
3. 上傳到 cdn，比如七牛云
4. 優(yōu)化代碼結(jié)構(gòu)，按需加載
5. 拆分公共代碼和業(yè)務(wù)代碼，公共代碼往后可以不更新，使用 http 緩存

上面提到的很多可以使用 webpack、gulp 之類的解決，當(dāng)然看你項(xiàng)目工程是怎樣的了。