剛開始開發(fā)小程序的時候，上傳代碼會遇到這樣的問題：圖片和音頻資源大小超過 200 K
下面是官方建議
【建議】小程序代碼包里可以存放一些必要的靜態(tài)資源（例如tabbar的icon等），不過靜態(tài)資源體積過大也會影響小程序代碼包加載速度。因此我們建議圖片、音頻等靜態(tài)資源體積大小超過200K時，將它們上傳到CDN，用URL引入會是個更好的選擇。
下面以七牛云為例介紹一下如何使用cdn進(jìn)行加速，包括自定義字體的引入，整體很容易，三步搞定，其實就是弄一個下載鏈接的事
第一步：注冊
首先注冊七牛云七牛云 | 一站式場景化智能視頻云 (qiniu.com)（其他網(wǎng)站同理）
?注冊之后需實名認(rèn)證才能正常使用，每個用戶有免費空間
第二步：創(chuàng)建空間
注冊登錄之后點擊控制臺
左上角點對象存儲
選空間管理，存儲區(qū)域選一個喜歡的，訪問選擇公開（下圖選的私有是默認(rèn)，一定要選公開不然無法訪問空間文件）?
這邊之前已經(jīng)建好一個了
第三步：上傳
點擊空間名字進(jìn)入
?域名用七牛云自動提供的測試的就行
?點文件管理
點上傳文件
選擇文件進(jìn)行上傳
?
?上傳成功后可以點右下角任務(wù)中心也可以直接在空間里面查看
點復(fù)制外鏈，將鏈接黏貼到小程序代碼里面就行了
?舉例1：
將小程序的圖片進(jìn)行cdn加速
在wxml里面，需要的位置
在image里面 增加src路徑就行了，src里面就是剛剛復(fù)制的外鏈
可以用上style再對圖片進(jìn)行大小風(fēng)格調(diào)整
如下圖
舉例2：小程序自定義字體的引入
由于小程序內(nèi)置字體風(fēng)格較少，在進(jìn)行小程序開發(fā)時會有字體修改的需求，但字體包本身是比較大的，那么用cdn還是一個不錯的解法
首先將字體包上傳到七牛云上面
如下圖
?點更多，復(fù)制一下外鏈
到小程序開發(fā)者工具
我一般是在onload直接進(jìn)行加載
有特殊需求指定方法加載的同理放到方法里面就行
如下圖，在需要用到字體頁面的js里面（url引號里面的填剛剛復(fù)制的外鏈即可，此處我將前面一部分外鏈馬賽克了）
wx.loadFontFace({
family: 'jgt',
source: 'url("復(fù)制的外鏈")',
success: console.log
})?其中family 里面代表的是你自定義的字體名稱，這個是微信自帶的函數(shù)，不需要導(dǎo)入其他包，直接用就可以，之后在需要字體的地方，wxss進(jìn)行設(shè)置
如圖
?font-family里面填剛剛定義的字體名字就行
使用自定義字體效果前
使用后文章來源：http://www.zghlxwxcb.cn/news/detail-786271.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-786271.html
到了這里，關(guān)于三步解決微信小程序cdn加速（資源大小超過200k)的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
