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

問題一：

解決方案：

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

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

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

問題二：

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

問題三：

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

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

問題四：

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

問題五：

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

問題六：

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

問題七：死鏈問題

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

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

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

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

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

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

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

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

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

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