網頁更改以後沒有正常顯示? 3個步驟檢查並清除快取

你有沒有過以下經驗呢?

請網頁設計師更新網頁以後，用無痕開起來看還是舊的版本沒有更新?
電腦看是新的版本，但手機看卻是舊的版本?
有些網頁是新的版本，有些網頁卻沒有正常顯示出來?

如果出現上述情況，可能是快取的問題。快取（Cache）的功能是加快網頁的讀取速度，但也因為它每隔一段時間才會更新一次，所以有時候剛改完網頁以後，看起來好像沒有用。

到Wiki 維基百科了解「快取」

快取沒有清除乾淨的案例

這裡我用穀笠合作社的網站當作例子。

在我新增了【農村好物包】頁面以後，把這個按鈕放在header的地方，卻沒有正常顯示出來，有些頁面有，有些頁面沒有。通常這種問題是快取的問題，於是我手動把Breeze快取清除一遍、瀏覽器也清除快取，再回到前台看還是一樣。

後來才發現是 WP Rocket 的問題。其實使用 Breeze 以後，我就把 WP Rocket 停用了，但殊不知 WP Rocket 還殘存一些快取，所以不管我手動清除幾次 Breeze 都沒用，可見 WP Rocket 很強勢哈哈。所以解決方式就是把 WP Rocket 重新啟用 -> 手動清除快取 -> 再把 WP Rocket 停用，問題就解決囉! (灑花)

三個步驟:

這裡我整理了檢查快取的幾個步驟，下次再遇到類似的事，可以照這幾個步驟，檢查一下你的問題是不是出在快取。

步驟一：重新更新一次頁面

有時候是做好那個新的網頁以後，可能因為網路不穩等問題，導致網站沒有正確存取新版本的修改，所以先回去開啟那個新修改的頁面，重新按一次儲存更新。

另外，也可以檢查一下，新加上去的物件，是否有不小心設定成在平板或手機不顯示。因為現在的頁面編輯器大都具有 RWD 功能，你可能不小心隱藏到某個物件了。

步驟二：手動清除網站的快取

比如穀笠網站上的快取外掛是用 Breeze ，就按「清除全部快取」。

但其實我之前有安裝 WP Rocket，只是用了Breeze以後，我就把 WP Rocket 停用了。雖然如此，也要把 WP Rocket 重新「啟用」並「清除快取」喔，然後再把他停用。

總之網站上有什麼快取外掛就把他們手動清除快取。

Ps1. 一個網站只需要一個快取外掛就好囉。預設的設定也是它每隔一段時間會自動清除快取，所以沒事也不用特別理他~

Ps2. 清理快取不會讓網站裡的東西不見，也不會跑版或更動到網站裡的東西，所以安心的清除快取吧!

步驟三：繞過瀏覽器的快取

如果其他人看網站都沒問題，只有你看網站還停留在舊版本或不正常，那可能就是你電腦或手機端的瀏覽器問題。試著繞過瀏覽器的快取，或清除瀏覽器快取吧!

繞過瀏覽器快取

• Internet Explorer (IE) ：在鍵盤上按 Ctrl + F5
• Chrome 瀏覽器：Ctrl + Shift + R

清除瀏覽器快取

• Apple 清除快取官方說明
• Internet Explorer(IE)清除快取官方說明
• Google Chrome 清除快取官方說明

如果是瀏覽器快取的話，就算不手動清除，等一段時間，他就會抓到現在網站的最新狀態囉，你也可以選擇等。

以上是我的經驗，希望有幫到你囉~