放假前收到一個(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)化方法。可以參考使用。
文章為作者獨(dú)立觀(guān)點(diǎn),不代表DLZ123立場(chǎng)。如有侵權(quán),請(qǐng)聯(lián)系我們。( 版權(quán)為作者所有,如需轉(zhuǎn)載,請(qǐng)聯(lián)系作者 )
網(wǎng)站運(yùn)營(yíng)至今,離不開(kāi)小伙伴們的支持。 為了給小伙伴們提供一個(gè)互相交流的平臺(tái)和資源的對(duì)接,特地開(kāi)通了獨(dú)立站交流群。
群里有不少運(yùn)營(yíng)大神,不時(shí)會(huì)分享一些運(yùn)營(yíng)技巧,更有一些資源收藏愛(ài)好者不時(shí)分享一些優(yōu)質(zhì)的學(xué)習(xí)資料。
現(xiàn)在可以?huà)叽a進(jìn)群,備注【加群】。 ( 群完全免費(fèi),不廣告不賣(mài)課!)
