免費(fèi)參與·100+跨境活動(dòng) 
免費(fèi)下載·4000+跨境資料 
免費(fèi)學(xué)習(xí)·2000+直播課程 
免費(fèi)加入·15萬(wàn)+賣(mài)家交流群 
2023-03-09 18:13
如果你也在做獨(dú)立站且網(wǎng)站的打開(kāi)速度非常慢那就會(huì)嚴(yán)重影響網(wǎng)站的優(yōu)化排名和用戶(hù)的體驗(yàn),谷歌已將網(wǎng)速列為網(wǎng)頁(yè)搜索排名因素，加載速度過(guò)慢也會(huì)影響網(wǎng)站在谷歌上的排名。
接下來(lái)會(huì)把如何優(yōu)化wordpress前端提升網(wǎng)站的打開(kāi)速度一步步詳細(xì)的告訴給大家，使用以下的步驟可以幫助大家解決網(wǎng)站加載慢的問(wèn)題。
1、WordPress加載慢的主要原因
Wordpress加載慢很多是因?yàn)榫W(wǎng)站上傳的圖片質(zhì)量很大造成的，壓縮網(wǎng)站的圖片可以極大程度上提高網(wǎng)站的打開(kāi)速度。
1）Wordpress圖片壓縮的理想格式
優(yōu)化圖片的大小可以極大的提高網(wǎng)站的打開(kāi)速度，同時(shí)使用最新的webp格式的圖片可以在保證圖片清晰度的同時(shí)極大限度的減少圖片的大小。
而wordpress對(duì)于webp格式的圖片有良好的的兼容，只要把png、jpeg格式的圖片轉(zhuǎn)化成webp格式的然后上傳到wordpress即可完成圖片優(yōu)化加速。
2）Wordpress網(wǎng)站使用webp格式的優(yōu)勢(shì)？
通過(guò)上一張圖片的格式轉(zhuǎn)化后的對(duì)比我們可以清晰地看webp格式的優(yōu)越性。
圖片優(yōu)化前：
圖片優(yōu)化后：
3）如何把普通圖片轉(zhuǎn)化成webp格式？
關(guān)于圖片轉(zhuǎn)化的工具也提供給大家：https://cloudconvert.com/png-to-webp只要使用這個(gè)工具就可以輕松的把圖片轉(zhuǎn)化成webp格式了。
2、Wordpress優(yōu)化加速插件如何使用？
優(yōu)化完webp圖片后，使用wordpress優(yōu)化加速插件可以提高網(wǎng)站總體打開(kāi)速度。安裝合適的插件可以幫助我們優(yōu)化wordpress加載速度，同時(shí)插件的便捷性可以讓你輕松的實(shí)現(xiàn)前端的技術(shù)優(yōu)化操作，哪怕你不是做前端開(kāi)發(fā)的。
1）Wordpress優(yōu)化加速插件wp-rocket
wp rocket不僅是本人也是眾多wordpress建站者熱烈推崇的一款優(yōu)化加速插件。使用起來(lái)也并不是也別復(fù)雜，下面的步驟就會(huì)告訴大家如何一步步操作wp rocket。
2）使用wp rocket優(yōu)化加速wordpress網(wǎng)站
安裝好wp rocket以后我們就要開(kāi)始做一些設(shè)置，大家按照我的操作步驟來(lái)就好了。
3）wp rocket移動(dòng)端緩存優(yōu)化加速設(shè)置
這些保持默認(rèn)就可以了，移動(dòng)端單獨(dú)緩存也不用勾選。
4）緩存有效期優(yōu)化加速設(shè)置
下面的設(shè)置也是保持默認(rèn)的即可，10小時(shí)是默認(rèn)的時(shí)間。如果默認(rèn)不是10小時(shí)需要大家改成正確的時(shí)間即可。
5）wp-rocket文件css和js優(yōu)化加速設(shè)置
現(xiàn)在的這一步是所有設(shè)置里面最重要的一步，只要把這個(gè)步驟設(shè)置好了?；旧衔覀兊拇a優(yōu)化規(guī)范也就結(jié)束了。稍微有一些小復(fù)雜，仔細(xì)看步驟跟著來(lái)操作。
6）使用Google pagespeed找出相關(guān)代碼
復(fù)制下來(lái)然后粘結(jié)到排除CSS的框架里面即可。
7）CSS遞送優(yōu)化加速設(shè)置
如果使用pagespeed的過(guò)程中發(fā)現(xiàn)了阻塞渲染的css那么就要把提示的代碼復(fù)制到remove unused css(beta)的框架里面即可。
8）JS優(yōu)化加速設(shè)置
Js文件的設(shè)置其實(shí)和CSS的設(shè)置原理是一樣的，都是需要通過(guò)pagespeed的分析結(jié)果合理的把優(yōu)化的項(xiàng)目填到對(duì)應(yīng)的框架里面即可。
9）排除Js文件
除了正常的勾選之外，也是把需要的優(yōu)化的代碼寫(xiě)入合理的框架之內(nèi)即可。當(dāng)然pagespeed都會(huì)給到合理的提示和建議，只要按照正確的提示填入即可。
拖慢網(wǎng)站加載速度的原因主要就是css和js以及圖片的大小這三個(gè)原因造成的，只要把這三個(gè)原因解決了wordpress站點(diǎn)的速度就會(huì)有很大程度的提升。
（來(lái)源：萬(wàn)元戶(hù)做谷歌SEO）
以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?
收錄于以下專(zhuān)欄
