本文重點:當頁面載入異常時,檢視頁面是哪個元件載入異常,以此判斷是子主題出狀況還是主機效能,或是否被外掛影響。
前面WP大小事(二)提到,佈景主題選擇很重要,甚至是,如果像我一樣很喜歡調動各個區塊,根本就不需要套版,直接自己設計即可~”~,真的是切身之痛,過去因為子主題重複疊加問題:因為圖庫、文章、外掛刪不乾淨卻重複套不同版,導致整個網站版面變很奇怪,後來請老師協助整個網站重設,說真的,這個動作必須有備份,或是像我一樣剛起頭的人才會願意這樣反反覆覆實驗及重設。
針對子主題,在php或自訂CSS上修修改改,終於用到我喜歡的版型,現在新的問題又來了,網站開啟速度,影響使用者體驗,如果頁面啟動速度超過3~5秒,有得不耐煩的人就會選擇跳開了,體驗上很不優,是會降低點擊率的,但經過我測試,我的首頁及文章開啟(這邊所謂得開啟是所有畫面展現出來,包含跑圖),只花了不到1秒,其他頁面,諸如「關於我」、「聯絡我」等頁面,卻跑超過10秒甚至達到20秒以上,異常得慢,這會帶來很糟糕的網頁體驗。
我嘗試將頁面範本改為elementor畫布,載入是正常的,但若改成全寬或主題,就會變異常的慢,明明首頁是一樣的設置,為何不受影響?我的網頁老師認為是我改動過多,動到結構或是圖片檔過大;為此,我嘗試過下載外掛優化,清除緩存,也清掉了媒體庫中不必要的圖片、資料庫中不必要的垃圾及確認圖片檔全都低於300 kb,但問題一點也沒有改善,再次到WordPress Taiwan 正體中文騷擾前輩們,有前輩說可能是主機流量問題,資源設定不足,但這個可以排除,因為我的主機是gogole主機,且我的網站才兩篇文章,怎麼樣都不太可能發生資源過度的問題,先pass。另一個前輩協助使用開發者系統介面(F12),測試得到頁眉中的圖片載入,達到20~40幾秒,由此可知是頁眉圖片產生了問題,也回應了我前面提到的,為何首頁沒問題的原因了,因為首頁得頁眉被我拿掉了,哈哈…..,原來一切都已有蛛絲馬跡。當看到圖片連結直接掛在sompleblog這個主題之下,兇手已經證據確鑿拉!!
兇手就是子主題沒錯!警察叔叔,就是他!!
但異常圖片根本不存在於媒體庫中,若要找到他存放的地點,需要每個php檔一個一個排查,本來老師的建議是整個網頁重設(又是重設…..,不要阿QQ),反正都要重設了,就阿Q精神,以最差就是全部重來的心態,先備份以後,嘗試看看有沒有其他方法可以僅拿掉子主題,意外發現外掛「WP reset」本身就有個功能可以僅拔掉子主題,透過自訂-WP reset-tools-Delete Themes,乾淨俐落,清潔溜溜…..,區塊改變得位置,也慢慢摸索出可以調動得html及CSS位置,如第一篇上次提到的自訂CSS,以及側邊欄區塊,可以選擇直接使用程式碼純編輯或使用elementor套入小工具,以這個模式慢慢還原之前的模樣,解決問題就像重獲新生,對WP的熟練度也大幅提升:D,因為網頁宰入速度提升,每頁都1~3秒,並且一直以來困擾我的elementor編輯器載入時間過長的問題也一並解決了,整個過程真的是:非常痛苦-崩潰-欣慰-疲憊-沉澱很久又化為喜悅。
也從中得到經驗,比如如果本身就喜歡調動細節的人,其實一開始就不用考慮套版,可以嘗試慢慢微調,再去評估要不要套,當時的我以為套版比較快,卻沒去思考過我喜歡實驗和更改設計這件事,且爬文的過程,從社團的前輩們針對各類疑難雜症的探討中,也有一種說法是付費主題有些程式碼結構有缺失,反而造成一些突發狀況,與外掛產生衝突等等,這就是大道至簡的真諦吧=.=
關關難過、關關過,就像我妹最後給我的批註:送我一張死神牌,塔羅牌中的死神牌義:如果過去曾經有不堪回首的往事,死神能讓你重新來過。我因為這些挫折和困難,弄懂了糾結我許久的程式碼放置位置問題、弄懂DMCA及GA碼得放置位置,更加懂了WP,不再卡卡的,真是太好了~而現在的版面,自由度也高出許多。接下來便是研究文章檢索、相關文章連結,而WP學海無涯,WP大小事還會繼續,期待更加健壯得自己!
Sombra 2022.05.14
資料參考:
WordPress Taiwan 正體中文
https://www.facebook.com/groups/wordpresstw/posts/5584701251557269/