84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
以上幾點,本人菜鳥,只是略微有些了解,比如不要第一次加載所有js文件等等,希望有高手能給出一點更具體的實施的措施,十分感謝!
1.把需要用到的JS檔案依賴全部壓縮。 2.按需加載,就是需要依賴哪些JS檔就加載哪些JS檔。 3.使用CDN。
資料做緩存,壓縮合併代碼
angular相對於react來說,首次載入真的是慢,沒辦法,react可以根據生命週期來決定何時載入。
主要就在1.非同步載入2.按需載入3.資料快取(不常更新的靜態資源本地緩存,ajax請求快取)4.加個loading提升使用者體驗5.CND6.壓縮合併。 客戶端要加速的話,應該在檔案大小,請求耗費時間,程式碼執行效率,行動端也應該注意類似於圖片使用canvas能硬體加速,css佈局layout也會影響效率,頁面渲染等問題
針對js 第一次加載必要的就同步加載,不是首頁需要的可以異步加載
把js,css壓縮合併成兩個文件,在阿里上申請一個免費的oss,把文件傳上去。
Chrome或ff下f12看下整個加載過程1加載了多少文件多少靜態多少動態的2每個靜態加載的每步驟和動態的每步驟是否有特別畸形的3考慮dns解析、緩存使用率、請求到回應的延遲、傳輸過程、載入過程中的較大無動作的時間是否有異常另外你所在網路與伺服器之間的線路是否穩定
1.把需要用到的JS檔案依賴全部壓縮。
2.按需加載,就是需要依賴哪些JS檔就加載哪些JS檔。
3.使用CDN。
資料做緩存,壓縮合併代碼
angular相對於react來說,首次載入真的是慢,沒辦法,react可以根據生命週期來決定何時載入。
主要就在
1.非同步載入
2.按需載入
3.資料快取(不常更新的靜態資源本地緩存,ajax請求快取)
4.加個loading提升使用者體驗
5.CND
6.壓縮合併。
客戶端要加速的話,應該在檔案大小,請求耗費時間,程式碼執行效率,行動端也應該注意類似於圖片使用canvas能硬體加速,css佈局layout也會影響效率,頁面渲染等問題
針對js 第一次加載必要的就同步加載,不是首頁需要的可以異步加載
把js,css壓縮合併成兩個文件,在阿里上申請一個免費的oss,把文件傳上去。
Chrome或ff下f12看下整個加載過程
1加載了多少文件多少靜態多少動態的
2每個靜態加載的每步驟和動態的每步驟是否有特別畸形的
3考慮dns解析、緩存使用率、請求到回應的延遲、傳輸過程、載入過程中的較大無動作的時間是否有異常
另外你所在網路與伺服器之間的線路是否穩定