([';], )}2、引入CDN細(xì)心的同學(xué)" />

欧美在线不卡,夜夜狂射影院欧美极品,久久受视频国产,少妇翘臀亚洲一二三区,日韩亚洲国产高清免费视频,91探花三级视频在线观看网址

導(dǎo)航

vue提升首屏加載速度 Vue項(xiàng)目提高頁(yè)面加載速度的方法

日期:2022-06-25 21:03:31 點(diǎn)擊量:112 作者:管理員

1、路由懶加載

路由懶加載簡(jiǎn)單來(lái)說(shuō)就是訪問到當(dāng)前頁(yè)面才會(huì)加載相關(guān)資源,提高頁(yè)面加載速度。

{

path: '/login', name: 'login',

: => ([';], )

}

2、引入CDN

細(xì)心的同學(xué)會(huì)發(fā)現(xiàn),項(xiàng)目打包完成后dist文件中有個(gè) xxxx.js文件,此文件由引入的插件、庫(kù)生成vue提升首屏加載速度,引入的越多,文件就越大vue提升首屏加載速度,為此將體積較大的插件通過CDN引入,降低文件的大小。

vue初屏加載慢_vue 頁(yè)面加載loading_vue提升首屏加載速度

假設(shè)vue項(xiàng)目引用以下組件

;;

;./App.;

from './'

axios from ';

iView from ';

';

vue 頁(yè)面加載loading_vue提升首屏加載速度_vue初屏加載慢

(1)、在/build/.base.conf.js中,增加

. = {

: {

';: 'Vue',

';: ';,

';: ';

}

vue初屏加載慢_vue提升首屏加載速度_vue 頁(yè)面加載loading

}

(2)、為解決dev環(huán)境下,重復(fù)引用庫(kù)的問題,復(fù)制/index.html為/index.dev.html,并修改/build/.dev.conf

: [

new ({

: 'index.;,

// : 'index.;,

: 'index.dev.;,

vue初屏加載慢_vue 頁(yè)面加載loading_vue提升首屏加載速度

: true

})

]

(3)、在index.html中,引入cdn文件

(4)、提取css到外部,減少app.css體積

去除/src/main.js中引入的css文件,改為在開發(fā)環(huán)境下使用

;iview/dist//iview.css

vue提升首屏加載速度_vue 頁(yè)面加載loading_vue初屏加載慢

if (.;') {

('mint-;)

}

在/index.hrml中引入CDN文件

3、使用組建按需加入

如對(duì)于-ui,需要那部分就使用哪部分。

4、將組件寫的css整合到一個(gè)文件里;

5、打包時(shí)可以不下載Map文件,因?yàn)镸ap文件占內(nèi)存也很大

*新資訊
相關(guān)推薦
服務(wù)項(xiàng)目
微信客服
13656275592
地址:南通市人民東路699號(hào)京揚(yáng)廣場(chǎng)D座611
E-mail:623053518@qq.com
Copyright © 2021 南通正通網(wǎng)絡(luò)科技有限公司 版權(quán)所有 備案號(hào):蘇ICP備15041135號(hào) 網(wǎng)站地圖
高端網(wǎng)站建設(shè) 公眾號(hào)開發(fā) 小程序制作 網(wǎng)站seo優(yōu)化 H5活動(dòng)營(yíng)銷 互聯(lián)網(wǎng)產(chǎn)品

13656275592

提交需求
龙陵县| 理塘县| 余干县| 灵台县| 沁源县| 蕲春县| 高唐县| 长子县| 珠海市| 红河县| 苍山县| 昂仁县| 沿河| 龙山县| 石棉县| 酒泉市| 寿阳县| 安乡县| 十堰市| 手机| 六枝特区| 叙永县| 南岸区| 南漳县| 永福县| 伽师县| 普格县| 安国市| 锦屏县| 韶山市| 句容市| 汽车| 喜德县| 延庆县| 玉环县| 新沂市| 离岛区| 甘孜县| 塔城市| 菏泽市| 方山县|