放假前收到一個(gè)朋友的求助，希望幫忙優(yōu)化一下他新建的Wordpress網(wǎng)站。這篇文章就用來(lái)回復(fù)這位朋友的求助。另外，針對(duì)這些問(wèn)題，大家如果有更好的解決方案，可以評(píng)論或私信一下，也希望趙總能盡快解決這些問(wèn)題，生意蒸蒸日上。

問(wèn)題一：

解決方案：

方法1：去掉視頻，剛看網(wǎng)站已經(jīng)沒(méi)有了視頻。

方法2：不要將視頻放在首屏輪播圖里

方法3：壓縮視頻，可以向專(zhuān)業(yè)視頻制作者詢(xún)問(wèn)是否有能保證一定清晰度的條件下，有壓縮比率大一些工具可用。這里提供一個(gè)壓縮工具，小丸工具箱。可以去B站上找找，有UP分享了。

問(wèn)題二：

這種問(wèn)題一般是后臺(tái)傳產(chǎn)品時(shí)排序有誤，建議先登錄后臺(tái)確定一下

問(wèn)題三：

圖片優(yōu)化問(wèn)題是整個(gè)網(wǎng)站都要考慮的問(wèn)題，雖然WORDPRESS自帶圖片適配功能，但在上傳時(shí)盡量選擇優(yōu)先考慮適配的最大視口，不要過(guò)大。另外，如果圖片已經(jīng)做到尺寸最優(yōu)，可以適當(dāng)考慮一下?tīng)奚稽c(diǎn)清晰度換取更快的加載速度。這里推薦一個(gè)工具TinyPNG，使用有損壓縮并有選擇的減少圖像中的顏色數(shù)量。

對(duì)于網(wǎng)站圖片，可以使用延遲加載，在網(wǎng)頁(yè)中延遲加載圖像，用戶(hù)滾動(dòng)到它們之前，視口外搭的圖像不會(huì)加載，以此獲得更快的首屏網(wǎng)頁(yè)加載速度，推薦一個(gè)插件Ajax Load More.

問(wèn)題四：

由于你是使用購(gòu)買(mǎi)的主題，這里建議你可以適當(dāng)調(diào)整一下菜單項(xiàng)的margin,或者padding值調(diào)試一個(gè)合適的布局。如果依然調(diào)整之后依然無(wú)法實(shí)現(xiàn)，可以將“Contact Us”改成“Contact”再調(diào)試。

問(wèn)題五：

這個(gè)問(wèn)題需要找到源代碼，在Email 和Massage左邊各加一個(gè)“”color:#ccc;”>*”如果span有其他CSS覆蓋，可以換其他標(biāo)簽。那么如何找到相關(guān)文件呢，一個(gè)最笨的辦法就是把主題問(wèn)題下載下來(lái)，在DW里全站查詢(xún)。簡(jiǎn)單一點(diǎn)的辦法，就是根據(jù)WP文件調(diào)用相關(guān)知識(shí)找到該文件進(jìn)行修改。

問(wèn)題六：

這個(gè)問(wèn)題應(yīng)該是你的這個(gè)類(lèi)目調(diào)用模板頁(yè)面默認(rèn)布局，你可以添加一個(gè)產(chǎn)品到該類(lèi)目看看。或者使用重定向到其他頁(yè)面。如果暫時(shí)還沒(méi)有產(chǎn)品信息，不建議在菜單上加一個(gè)空菜單項(xiàng)。

問(wèn)題七：死鏈問(wèn)題

1，Pinterest問(wèn)題，如果你是按照步驟完成的，這里的error應(yīng)該是網(wǎng)絡(luò)的問(wèn)題。另外還有fonts出現(xiàn)not found多半也是國(guó)內(nèi)網(wǎng)絡(luò)問(wèn)題。可以觀(guān)察一下網(wǎng)站字體以及一些icon是否是你fonts調(diào)用的。

2，電話(huà) not found 改成tel:0086-xxx-xxxx-xxxx形式

3，https//xxx.com/123/all-products這種錯(cuò)誤比較簡(jiǎn)單，你需要找到這一部分代碼去修改鏈接。一般來(lái)說(shuō)網(wǎng)站的鏈接都有特定的位置，如果是技術(shù)之前加的鏈接，可以回憶一下，修改起來(lái)更方便。

問(wèn)題八：網(wǎng)站加載速度問(wèn)題

對(duì)于網(wǎng)站加載速度，第一要考慮使用緩存機(jī)制。WP有一些緩存插件包括WP Super Cache可以考慮啟用一下。或者在重定向文件.htaccess里啟用瀏覽器緩存。修改.htaccess前一定要記得備份。

第二，考慮使用CDN。CDN的好處是如果你的服務(wù)器在美國(guó)西部，你不用擔(dān)心歐洲客戶(hù)在訪(fǎng)問(wèn)網(wǎng)站時(shí)由于地理距離而加大加載速度。這里推薦KeyCDN和Cloudflare。

第三，WORDPRESS加載速度慢還由于其頻繁的讀取數(shù)據(jù)庫(kù)，所以服務(wù)器的性能也一定程度影響了網(wǎng)站頁(yè)面的加載速度，因此減少網(wǎng)站不必要的查詢(xún)次數(shù)或者提高服務(wù)器性能也是加快網(wǎng)站加載速度的另一個(gè)方法。

對(duì)于很多使用WP老人來(lái)說(shuō)，WP優(yōu)勢(shì)的確明顯，不過(guò)這些明顯的優(yōu)勢(shì)導(dǎo)致了WP網(wǎng)站的繁雜，所以要明白，插件是用來(lái)服務(wù)網(wǎng)站的，挑選網(wǎng)站要有選擇性的進(jìn)行，不要太多，不要讓網(wǎng)站由于過(guò)多使用插件而太過(guò)龐大。

另外，對(duì)于你說(shuō)的手機(jī)端網(wǎng)站加載速度的問(wèn)題這里做個(gè)解釋。目前流行的響應(yīng)式網(wǎng)站有一個(gè)特點(diǎn)就是手機(jī)端的布局是由電腦端根據(jù)視口調(diào)試而來(lái)的。在實(shí)現(xiàn)手機(jī)適配時(shí)，技術(shù)多半采用的是display:none與visibility:hidden。這樣做可以在手機(jī)端頁(yè)面加載時(shí)實(shí)現(xiàn)部分內(nèi)容隱藏不見(jiàn)，不過(guò)設(shè)置這倆屬性的容器還是會(huì)被加載，如果容器里有圖片，視頻，或者調(diào)用js,這些都會(huì)被依次下載，因此，即便可能手機(jī)端看起來(lái)內(nèi)容并沒(méi)有PC端多，但加載速度依舊差不多。

這里推薦一篇帖子https://blog.csdn.net/enweitech/article/details/54092215，里邊有很多的移動(dòng)端加載速度優(yōu)化方法。可以參考使用。