中文字幕在线观看,亚洲а∨天堂久久精品9966,亚洲成a人片在线观看你懂的,亚洲av成人片无码网站,亚洲国产精品无码久久久五月天

WordPress網(wǎng)站全方位速度優(yōu)化3:谷歌字體 緩存插件

2019-03-26    來源:分享建站經(jīng)驗的網(wǎng)站

容器云強勢上線!快速搭建集群,上萬Linux鏡像隨意使用

這是《WordPress 網(wǎng)站全方位速度優(yōu)化》的第三集,也是最后一集,包含四個部分內容:谷歌web服務(比如谷歌字體,谷歌ajax,谷歌地圖),去掉加載外鏈,增加緩存插件,使用系統(tǒng)微軟雅黑字體。

1 不讓谷歌服務“搗亂”

很多WordPress 主題大量使用谷歌Google提供 web 服務,比如谷歌字體fonts,谷歌 ajax,谷歌地圖map。由于屏蔽的原因,國內用戶無法訪問谷歌域名,無法使用谷歌的這些服務。WordPress 系統(tǒng)前后臺都在用谷歌服務,所以在國內使用WordPress 會卡的厲害,如果感覺 WordPress 后臺點擊反應慢,每次都需要等待幾秒鐘才有反應,那就是這個原因。

解決辦法也很簡單,安裝一個WordPress加速插件:“WP Acceleration for China”,這個插件可以替換 WordPress 中的 ajax.googleapis.com和 fonts.googleapis.com 替換成國內的谷歌鏡像庫(比如極客族)。順便連Gravatar頭像一起換成國內的。

最近的消息360的 fonts.useso.com 停止了,只能選擇極客族和中科大 CDN,隨著插件的更新,會去掉360,也許還會增加別的鏡像庫。

還有個消息,最近國內可以訪問谷歌的字體域名了 fonts.googleapis.com,不過建議還是使用國內服務器,誰知道什么時候又不能用了,還有一個原因就是國內訪問國外網(wǎng)站速度慢。

如果你做外貿網(wǎng)站,網(wǎng)站面向國外用戶,這個插件還是不要裝了,國外訪問谷歌服務沒問題,國外訪問國內谷歌鏡像庫反而更慢,另外有時候國內鏡像庫會導致一些其他問題,比如谷歌地圖調用。

還有個要補充的,這個插件只是針對 WordPress 替換谷歌鏈接,如果主題文件里有谷歌的鏈接,是無能為力的,需要手工檢查手工替換,比如 Avada,我之前寫過一篇:《解決WP主題 Avada 4.0.3 谷歌字體 webfont.js 問題》,Avada4.0.3里面的 php 文件帶有谷歌鏈接,導致前臺打開頁面慢,需要手工替換掉。

2 加載外鏈

我們用WordPress 和Avada 主題做網(wǎng)站,通常要先導入主題官方的 DEMO,再制作網(wǎng)站,導入的首頁和其他頁面,也許還會引用Avada官方服務器的圖片(如圖),訪客打開首頁時,還要加載國外服務器的遠程圖片,那叫一個慢吶!訪客會認為你的網(wǎng)站太慢了,那叫一個冤吶。

解決辦法也很簡單,通過上面介紹的瀏覽器檢查工具,檢查元素的所在域名,把引用外鏈的圖片一個個的下載,再手工傳網(wǎng)站的媒體庫,在頁面編輯器里重新選用媒體庫的圖片。

除了遠程圖片還有遠程 JS也會導致網(wǎng)站打開速度變慢,比如百度統(tǒng)計的代碼、 jiathis 的分享代碼、多說評論的代碼,還有百度聯(lián)盟的廣告。在打開頁面時會加載這些第三方服務的 js,這個速度取決于訪客和這些第三方服務器的連接速度。

比如:A 用戶用聯(lián)通上網(wǎng),訪問百度統(tǒng)計代碼快,不會感覺到延遲。B 用戶用電信上網(wǎng),訪問百度代碼極慢,B 用戶打開你的網(wǎng)站就會極慢,及時其他方面優(yōu)化的再好,這種第三方代碼也會成為木桶理論的那塊短板,特別是放到 head 區(qū)域的代碼。

如果覺得以上四種方法,網(wǎng)站還不夠快,下面還有一招。

3 使用緩存插件

Avada 主題官方給的建議是 W3TC 緩存插件,并給了一個配置文件,如果有需要可以跟我要。Newspaper 主題給的經(jīng)驗是推薦使用 WP Super cache 插件的默認設置。如果你的服務器內存夠大,使用 APC 全部頁面緩存。(適合專用服務器和 VPS)緩存插件功能都類似。

解釋一下緩存:比如我的網(wǎng)站有500個文章,訪客每看一篇文章,網(wǎng)站都需要從數(shù)據(jù)庫中把這篇文章提取出來,給訪客看。每天有很多訪客來看這篇文章,每看一次都要從數(shù)據(jù)庫中提取一次。 緩存是把這篇文章從數(shù)據(jù)庫中提出后保存成一個緩存文件,以后再有訪客看這篇文章,直接讀取緩存文件,不用在數(shù)據(jù)庫中提取了。整個過程訪客看不到,但能感覺出有了緩存會變快。 通過以上方法,WordPress 加載速度不會有問題了,但是還有一個中文顯示的問題。

4 給國外主題增加可供選擇的“微軟雅黑”字體

WordPress 國外主題幾乎都在用谷歌字體,英文字體很多很漂亮,而且可以從WordPress 后臺主題選項的字體選項里直接預覽并選擇,但是谷歌字體里沒有中文。

WordPress 主題選項可以選擇字體分兩部分,一部分是常規(guī)的系統(tǒng)字體比如說 Arial,這些字體不用加載,一般電腦里都有,另一部分是谷歌字體,很多選擇,但需要加載谷歌字庫。也就是說,即使我們做中文站,用不到谷歌字體,WordPress主題 也會加載谷歌字體,是不是很無語。

解決辦法:我們可以給主題做個小手術,讓 Avada 主題選項的字體列表中的常規(guī)系統(tǒng)字體列表,可以選擇“微軟雅黑”字體。中文的電腦系統(tǒng)里都有微軟雅黑字體,無需加載直接用系統(tǒng)字庫“Microsoft YaHei”。這樣我們可以把網(wǎng)頁各種標題(H1-H6)、正文、菜單的字體原生的使用微軟雅黑。如圖

如果你用其他主題,這種方法也適用,只不過修改文件不一樣,主要是找到那個字體列表文件。這樣,主題會把微軟雅黑也加入到常規(guī)系統(tǒng)字體里了。

其實還有一種常用的使用微軟雅黑中文字體的方法,使用自定義 CSS 代碼,強行加入雅黑字體,結尾處有個“!important;” ,這樣做不是很好,因為網(wǎng)頁還會先加載谷歌字體,然后再用雅黑替換一遍,文字加載兩遍,有時前臺會多刷新一次,看著不爽,沒有從根本上解決問題。

經(jīng)過以上幾種方法的全方位優(yōu)化,可以讓WordPress 網(wǎng)站前后加載速度得到很大的提升,比如我做的小紅建站的官網(wǎng),www.jianzhan1.cn,首頁比較長,圖片很多,還有一個視頻,總加載的容量是3.74MB,其中1.9MB 是視頻(如圖)。再比如我做的 achair 的寶箱 achair.cn圖片較多,需要加載的總容量是3.24MB。其中主題的 JS 和 CSS 占了2MB。(如圖)

上兩張截圖中,容量前面還有個數(shù)字“44”和“94”,那是加載網(wǎng)頁資源的總數(shù)量,現(xiàn)在這個數(shù)字越小,打開網(wǎng)頁時請求越少,速度越快。這個和主題有關,也和內容的多少有關。

總結:

《WordPress 網(wǎng)站全方位速度優(yōu)化》2016年9月出品,一共三篇文章,5000多字,是 achair 通過這幾年運營 WordPress +國外主題的網(wǎng)站所得經(jīng)驗,全部都是干貨,分享給大家。其實有很多地方可以展開,以后有機會再跟大家分享。只要我們想把網(wǎng)站速度提上去,辦法總是有的。歡迎大家一起來探討有關 WordPress 和主題相關問題。

標簽: 網(wǎng)站優(yōu)化 WordPress優(yōu)化 網(wǎng)站速度優(yōu)化 

版權申明:本站文章部分自網(wǎng)絡,如有侵權,請聯(lián)系:west999com@outlook.com
特別注意:本站所有轉載文章言論不代表本站觀點!
本站所提供的圖片等素材,版權歸原作者所有,如需使用,請與原作者聯(lián)系。

上一篇:我是“標題黨”:月入過萬?就靠SEO了

下一篇:產(chǎn)品經(jīng)理與SEOer那些”曖昧”的事兒