會看到這篇文章是因為最近wiwi在探討小容器,的確像是知名的超級瑪利歐在紅白機就是在有限的空間下把每個位元是用好用滿的,又或是以前的磁碟物理大小不小,但空間容量不大,也就幾MB,所以但凡你要裝的程式多出了幾MB,可能就會要多用一個磁碟,也需要多讀取一個磁碟。
所以在最近,我的網頁導覽說省流模式下大約可以節省1MB,或許在現在來說那還真感覺沒差太多,因為感覺就是差個背景而已。但我發現到我們可以用一種方式來看網頁流量差異,那就是3G模式。
沒錯,模擬在網路環境較差的時候,同一個網頁會要跑多久:
以20260427 | 自己架FreshRSS - 小透明龍女為例,這篇文章剛好有一張的圖片,在我的網路環境完全不節流的情況透明模式約要3~9秒的時間可以完全載入4MB左右的資源,省流模式則是2秒左右
但如果在3G,透明模式需要多久才能完全載入?

1.6分鐘(即約90~100秒左右)
那省流模式呢?

45秒
當然以上是使用Devtools設定3G節流設定下並且取消快取1跑出來的結果僅供參考
雖然大多時間其實都在載入字體,像是一些圖標icon在一開始都只會顯示方框,直到字型載入後才完整顯示出來。
但是在這樣測試之下,我們可以很明顯明確的感受到在省流模式下確實足以讓讀取網頁的速度變快,儘管在現在4G之普及情況,實際等待的差異並不會到這麼大,但是如果網路訊號不好,就還是可能影響到網頁讀取載入的速度。
如果有機會,也可以嘗試看看對自己的網頁或部落格做實驗,如果可行的情況下也可以嘗試看看最佳化網頁,雖然感受不見得明顯,但是寫出來就挺酷的awa,而且wiwi大概率會感謝你又拯救了沒必要的流量損耗
-
快取通常會讓網頁所使用的常態資源如字體、背景等等檔案快取到主機記憶體中,下次載入時這些資源就不會再次從網路上抓取而是直接先用本地檔案。 ↩