OXYGEN Builder教我的-我可以丟掉許多外掛,不需要再煩惱網頁速度

|發布於:
2021-08-02
❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

Last updated at — 2021-09-09 01:24

在OXYGEN官方社團中看到這篇貼文❐有感而發,而撰寫這篇文章。

頁面尺寸也會影響網頁開啟或載入速度

我很膚淺,又愛慕虛榮,曾經一心追求網頁載入速度

所幸,運氣向來不錯,總是能殊途同歸壓對寶😂
雖然說,最初決定OXYGEN Builder,單純就是為了追一個自爽的高級感和優越感!

什麼是我自以為的高級感和優越感?

  • 我的網頁架構沒有我不要的垃圾
  • 我的網站編輯器沒有太多不需要的預設框架和樣式!
    OXYGEN給我的反而是毫無限制,這讓我可以做任何我想要的佈局和效果(當然,需要自學一些java script)
不會程式碼也沒關係
橡實減法架站的OXYGEN模板很棒

OXYGEN網站測速跑分

oxygen-gtmetrix

圖片的GTmetrix測速是我在OXYGEN官方社團中看到某人分享,有興趣的人也可以去看看他的網站
表現非常優異,所以我立刻扔到PageSpeedInsight(如下圖),行動版的表現讓我相當驚豔!
(當然,底下也有人回覆說那是因為沒有什麼內容。)
嗯,我進去看了之後,沒有快取外掛或CDN,只有OXYGEN CSS Cache;內容也就5支js,一半以上的圖片是WebP;不過,這位作者也說了,倘若改用DIVI做出的相同的網頁,就不會只有這5支js了!

oxygen page speed insight

DIVI本身的預設框架肥大至極;此外,缺乏刺激成長和探索的契機,肯定會為了某些預設缺乏的小功能或樣式,又裝其他的外掛們!

這就是前面說的高級感和優越感:

  • 沒有預設框架,所以,頁面裡的內容,都是你自己創建的
  • 沒有多餘的垃圾,所以,頁面尺寸不會無謂增胖,載入速度一定會比其他包含太多預設功能和樣式的編輯器還要更快。
  • OXYGEN刺激我快速成長,想要什麼,自己學code

說了這麼多,那麼,我的OXYGEN網站載入快嗎?

我只能說,實際體感速度比以往使用任何編輯器都還要快!

我的PageSpeedInsight的行動版表現好嗎?

一樣不好😂
我很清楚,OXYGEN所構建的頁面裡,已經沒有其他多餘的垃圾,但是,測速表現不佳,完全來自於外部的4支js(Mailchimp、Google Adsense、Optimal image CDN、Cloudflare的Rocket loader),這些完全無關OXYGEN,是自由選擇,換到哪個佈景主題或頁面編輯器,這些依然存在。

那麼,OXYGEN Builder真的好嗎?

在我能操作和理解的頁面編輯器中,目前沒有其他更好更快的選擇了!

我要說的是:

開始OXYGEN之後,我不再理會PageSpeedInsight或Light House;就算成績差,也不是OXYGEN造成的!
除非自願放棄那些可能沒用的外部js,或者是換更好的主機...
有些人可能還得放棄許多沒用的外掛,因為,你能想到的功能,如果可以,自己寫code也能減少頁面垃圾。

如果你知道你的網頁存在的問題是什麼,那麼,就無須在意PageSpeedInsight到底是7788還是9487...

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

我找到了更多關於OXYGEN的樂趣

它是激發想像力的,因為,完成自己的OXYGEN網站不算什麼,能做出更多想要的抑或是還沒想到的無限可能,才是更有趣的。
它就像是單眼相機、像是illustrator、像是After Effect,工具在手上,摸透了,剩下的就是玩不盡的熱忱與創造力。願這裡的各位都能玩得盡興!

主機也會影響網站的響應速度

擺脫龜速的共享主機,因為超時的TTFB以及貧脊的CPU效能,會讓網頁的載入速度至少延遲3秒以上。
光是高達1000ms的TTFB,就佔據了1秒的載入時間;倘若,頁面的的尺寸龐大、DOM與CSS過多、以及第三方JS,難怪載入時間長達6秒。

❝廣告,是為了讓這裡能夠永續經營,多多包容囉^v^❞

CLOUDWAYS讓網頁速度加快3秒以上

我一開始選擇linode 1GB,我已經覺得非常棒了,因為我的網站速度(當時是AVADA主題)從原本的6秒加快為3秒,這已經非常欣慰了。

今年,我終於擺脫了AVADA,將網站重新改建為不需要任何佈景主題的OXYGEN Builder,網站速度從3秒變成直接變成不到1秒!

接著,CLOUDWAYS於2020年增加了Vultr High Frequency的方案,TTFB的表現最好,Tokyo的平均數值落在141ms;此外,1GB RAM的價格也只比我原本使用的linode多1美元,不搬過去對不起自己。
此外,Vultr High Frequency還提供了Seoul的數據中心(首爾距離台北比東京更近),下次再找時間用WebPageSpeed分別測試Seoul與Tokyo的TTFB囉!

對了,CLOUDWAYS目前有優惠唷!優惠期到2021/9/5,透過☞這個網址☜註冊,可以享有首二月7折優惠!
如果沒能趕上這次的優惠,也可以透過☟下方☟的優惠碼與網址,享有首二月8折優惠。

好嘛好嘛...臨走前幫我拍拍手嘛
如果你願意免費幫助我,請在下方圓形按鈕幫我拍拍手。
最多可以按5下,那就幫我按5下吧!
算我求你啦啦啦~~~
謝謝你、我愛你❤
臉書或Google帳號就可以快速登入喲...
▍關於作者|MiriamMibao温唯
2019.02.11,我開始了這裡…
不懂css、不懂php,當然-也不知道誰是Nginx、誰又是Apache…
硬要WordPress架站,一切自己來,所有的細節,從0開始,自己架站會遇到的問題,遇到了才知道!這一路走來,跌跌撞撞,摸索過國內外能夠解決問題的資料…
是不是該好好紀錄這一段跌跌撞撞的探索日記?或許,也能帶給你們一些幫助...
以下歡迎留言討論囉!
我只想當個旁觀者,有新的留言請通知我(按一下輸入Email信箱)
想Fallow哪種留言?
0 留言板
Inline Feedbacks
查看所有留言

Copyright ©miriammibao.com all rights reserved|Designed by MiriamMibao温唯 Since 2014.

-
Cloudways專屬折扣☞註冊輸入折扣碼
MMM8
,獲得首二月8折優惠!
點我複製折扣碼GO!!!
Cloudways專屬折扣☞輸入折扣碼
MMM8
享首二月8折優惠!
點我複製折扣碼GO!!!
文章
目錄
請我喝咖啡
支持我繼續創作
訂閱搶先看
0
對文章有任何疑問或想法嗎?歡迎一起討論唷!x
()
x