wordpress建站教程：解決谷歌字體導(dǎo)致的網(wǎng)站卡頓問(wèn)題

繼續(xù)分享wordpress建站教程。悅?cè)?span id="rknbvhn0mnp7" class="xintheme_keyword_link">wordpress建站之前使用blocksy主題幫客戶做了一個(gè)物流公司公司建設(shè)，網(wǎng)站的各方面都還不錯(cuò)，但是網(wǎng)站首頁(yè)的動(dòng)態(tài)數(shù)字模塊總感覺(jué)會(huì)慢半拍，感覺(jué)有點(diǎn)不自然。

原因分析

如上圖所示，就是當(dāng)我打開(kāi)網(wǎng)站首頁(yè)時(shí)，其它圖片和文字都載出來(lái)了，這個(gè)動(dòng)態(tài)數(shù)字才會(huì)顯示，剛開(kāi)始我以為這個(gè)是模塊的動(dòng)畫效果，也沒(méi)怎么去管，直到我使用開(kāi)發(fā)模式才看到了問(wèn)題所在。

如上圖所示，進(jìn)入開(kāi)發(fā)模式之后我發(fā)現(xiàn)有一個(gè)資源加載失敗了，可能是超時(shí)了。

https://fonts.useso.com/css?family=Lato%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=5.9.3

上面是完整的資源鏈接，這是一個(gè)字體樣式，Lato是谷歌提供的一個(gè)開(kāi)源字體，但是谷歌字體只適合用到wordpress外貿(mào)建站項(xiàng)目中，在國(guó)內(nèi)使用谷歌字體顯然是不好的，原因都懂，所以就會(huì)出現(xiàn)加載失敗的情況了，這就間接拖慢了網(wǎng)站打開(kāi)速度。

解決方法一

因?yàn)檫@個(gè)wordpress建站項(xiàng)目使用的是blocksy主題制作的，主題搭配了Stackable – Gutenberg Blocks插件來(lái)實(shí)現(xiàn)各個(gè)模塊的效果，而上面的動(dòng)態(tài)數(shù)字模塊就是Stackable – Gutenberg Blocks插件中的【Count Up】模塊，默認(rèn)情況下這個(gè)模塊使用的就是Lato谷歌字體，所以我們只需要修改【Count Up】模塊的字體就可以解決問(wèn)題。

進(jìn)入頁(yè)面編輯，打到【Count Up】模塊，進(jìn)入右邊的設(shè)置，找到【Style】選項(xiàng)，然后點(diǎn)開(kāi)【Typography】,第一個(gè)【Font Family】就可以修改字體，把原來(lái)的Lato谷歌字體修改為系統(tǒng)默認(rèn)字體就可以，比如我這里使用的是系統(tǒng)自帶的Sans-Serif字體。最后更新頁(yè)面，重新打開(kāi)網(wǎng)站就會(huì)發(fā)現(xiàn)速度變快了，之前的卡頓感也沒(méi)有了。

解決方法二

如果你感覺(jué)修改字體太麻煩，或者說(shuō)你已經(jīng)在網(wǎng)站的很多地方都使用的Lato或其它谷歌字體，那么你就可以直接使用插件來(lái)全局禁用谷歌字體。這里推薦的插件為Disable and Remove Google Fonts，插件直接在wordpress建站系統(tǒng)后臺(tái)搜索安裝并啟用即可生效。

Disable and Remove Google Fonts下載地址

https://downloads.wordpress.org/plugin/disable-remove-google-fonts.zip

總結(jié)

谷歌字體是wordpress建站經(jīng)常會(huì)用到的，在wordpress外貿(mào)建站項(xiàng)目中基本都會(huì)用到它，但對(duì)中文wordpress建站來(lái)說(shuō)，它就有點(diǎn)雞肋了，如果你也遇到了類似的問(wèn)題，那就可以參考我今天分享的方法來(lái)處理。