若干Wordpress問題：懂WP的進

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

問題一：

解決方案：

方法1：去掉視頻，剛看網站已經沒有了視頻。

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

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

問題二：

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

問題三：

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

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

問題四：

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

問題五：

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

問題六：

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

問題七：死鏈問題

1，Pinterest問題，如果你是按照步驟完成的，這里的error應該是網絡的問題。另外還有fonts出現not found多半也是國內網絡問題。可以觀察一下網站字體以及一些icon是否是你fonts調用的。

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

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

問題八：網站加載速度問題

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

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

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

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

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

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