![98](https://ez2.shop/wp-content/uploads/2024/07/image-27-original-edited.png)
這是一篇,協助不同層級架站的朋友,可以獲得高效、與 80分~90分(橙色)以上評分的 核心原理 ,為什麼不是95分以上?因為不符合邊際效應,與其浪費在高分,不如花時間在原創內容上。
有的人會誤以為,簡單只有文字、或空洞沒啥內容的網頁,才會容易高分,其實部份原理是這樣沒錯,能用更不花悄的方式、就不花稍的方式,來節省更多的資源是正確的,
但有時你可能為了滿足客戶體驗,也是需要一些特效、影片等等的,所以你也可以先到 我準備好的 高分頁 ,去玩看看、這樣你就會更有真實性,
就算功能、特效、影片都有的網頁,一樣也是可以高分,但其實大可不必,你可以著重在 秒開效能,但高分這件事、其實同樣時間拿來 原創高品質文章 是最划算的,如果你玩過了,也想嚐試秒開、高分,那麼就可以繼續看下去,
但我不保證你這篇文章會看多久,有經驗的可能三五分鐘、有的可能三五個禮拜還沒搞定,所以我說,別花時間玩高分、但可以花時間 高效秒開。
簡單來說,上面這些問題,是一個一聯串的問題造成的,舉個例子:一個人的身體健康是由很多條件綜合而成的( 網站速度也是 ),就好比有的人頭痛、這時叫你吃webp頭痛藥,你吃了這個專治頭痛的webp藥、頭痛就好了,但你拿頭痛的webp藥,來治香港腳鐵定不行的,雖然這個例子舉得有點爛,但事實就是如此,並不是只看單點就可以藥到病除的,有時搞不好會藥到命除也說不定。
一個網站的速度,為了方便更多人一開始,不必理解那麼多文謅謅的專業文字時( 我盡力降低專業文字 =.= ),我個人會這樣定義它,讓大家方便快速了解,有興趣的人,再逐步自行進行研究即可,而我個人會建議要考量的有五個大方向,再由這五個大方向,細分成各種執行項目:
大方向01:主機面向 ( 簡單說 不要買 低階主機 )
如果你只是想要玩票性質,那麼買個每月5~10美金的主機,效能通常不會太好,但也就湊合著用,但要注意的是 hosting ( 共享主機:房客分租 ),寫寫文章還行、但如果要到 電子商務 這個層級,有金流、有物流、有會員、有點數顯然非常不適合的,以後有機會再來獨立說 電子商務主機 這塊;當然如果你有能力,可以自已動手玩 VPS ( 獨立主機:透天獨棟 ) ,那麼10~20美金的VPS,足夠玩到 全綠標 ( 90/90/90/90 )以上了,如同下圖所示:( 點我查看:Google PageSpeed Insights 評分記錄 )
![](https://ez2.shop/wp-content/uploads/2024/07/image-original-edited.png)
項目包含:主機到底要選 Hosting(房客分租),還是 VPS(透天獨棟),然後再來要接著選 LiteSpeed?還是 Nginx ( apache )?
這是個多元的選擇題,但以一般的小資族、一人公司來說,是可以用 Hosting的,但如果要高效可以選:Kinsta ,如果你不想要花很多時間去管理,那麼這樣一來,你就也選擇了 Nginx,但由 Kinsta幫你管理了主機效能,這對於新手來說,是非常大的幫助,唯一的可能就是一些 備份外掛、或 Kinsta認定高耗能的外掛會被禁用,不過對於一些用的用戶,到也是足夠了,為了更直覺讓你可以了解 Hosting 與 VPS 的差異,我以下方表格來分析更多的差異吧:
Hosting | 共享主機 ( 房客分租 ) | 自架 VPS | 獨立主機 ( 透天獨棟 ) | |
---|---|---|
費用 | 相對低 ( 5~10美/月 ) 🌕🌕🌕 | 相對貴些 (20美以上/月) 🌕🌗 |
效能 | 時快時慢,受室友影嚮 🌕🌗 | 相對高效(維運得宜) 🌕🌕🌕🌕🌕 |
穩定度 | 時好時壞,受室友影嚮 🌕🌗 | 穩定很多(維運得宜) 🌕🌕🌕🌕🌕 |
空間 | 通常較大 ( or 無上限 ) 🌕🌕🌕🌕🌕 | 買多少用多少 ( 通常10G以上 ) 🌕🌗 |
管理 | 方便 🌕🌕🌕🌕 | 需要維運技能 🌕🌗 |
備份 | 通常內附週備份/月備份 🌕🌕🌕 | 自定義 (日/週/月 or 差異備份) 🌕🌕🌕 |
Kinsta Hosting | 共享主機 | 自架 VPS | 獨立主機 ( 透天獨棟 ) | |
---|---|---|
費用 | (30美以上/月) 🌕🌗 | 相對貴些 (20美以上/月) 🌕🌗 |
效能 | 相對高效 🌕🌕🌕🌕🌕 | 相對高效(維運得宜) 🌕🌕🌕🌕🌕 |
穩定度 | 穩定很多 🌕🌕🌕🌕🌕 | 穩定很多(維運得宜) 🌕🌕🌕🌕🌕 |
空間 | 買多少用多少 ( 通常10G以上 ) 🌕🌗 | 買多少用多少 ( 通常10G以上 ) 🌕🌗 |
管理 | 方便 🌕🌕🌕🌗 | 需要維運技能 🌕🌗 |
備份 | 手動備份/週備份/月備份 🌕🌕🌕🌕🌕 | 自定義 (日/週/月 or 差異備份) 🌕🌕🌕 |
外掛 | 部份外掛限定不能安裝 ( 50美金以下不能裝 Woo ) 🌕🌕🌗 | 可自由安裝外掛 🌕🌕🌕🌕🌕 |
客服 | 正常上班日 🌕🌕🌕🌕 | 雙手萬能靠自已 🌕🌕🌗 |
流量 | 每月訪問量25,000 🌕🌕🌕 | 不限流量 🌕🌕🌕🌕🌕 |
![](https://ez2.shop/wp-content/uploads/2024/07/image-1024x670.png)
對於布落客來說,我想你一定想解放雙手吧,不需要再擔心、管理任何主機的部份了對嗎?那麼我再告訴你一個超殺服務!那就是阿腸網頁設計,當然如果你想還是回到自有主機,那麼 一極圖 本身就提供 商用主機代管,以下就提供相關說明與比較,
阿腸主機 | 共享主機 | Ez2 VPS | 獨立主機 ( 透天獨棟 ) | |
---|---|---|
費用 | (15~40美金 以上/月) 🌕🌕🌗 | 相對貴些 (35美以上/月) 🌕🌗 |
效能 | 相對高效(維運得宜) 🌕🌕🌕🌕🌕 | 相對高效(維運得宜) 🌕🌕🌕🌕🌕 |
穩定度 | 穩定很多(維運得宜) 🌕🌕🌕🌕🌕 | 穩定很多(維運得宜) 🌕🌕🌕🌕🌕 |
空間 | 買多少用多少 ( 通常5G以上 ) 🌕🌗 | 買多少用多少 ( 通常10G以上 ) 🌕🌕🌗 |
管理 | 解放雙手超方便 🌕🌕🌕🌕🌕 | 解放雙手超方便 🌕🌕🌕🌕🌕 |
備份 | 日/週/月/差異備份 🌕🌕🌕🌕🌕 | 日/週/月/差異備份 🌕🌕🌕🌕🌕 |
外掛 | 有限程度協助安裝 🌕🌕🌕🌗 | 可自由安裝外掛 🌕🌕🌕🌕🌕 |
客服 | 正常上班日 🌕🌕🌕🌕🌕 | 正常上班日 🌕🌕🌕🌕🌕 |
流量 | 依照方案:提供日/月流量限制 🌕🌕🌗 | 不限流量 🌕🌕🌕🌕🌕 |
![](https://ez2.shop/wp-content/uploads/2024/07/image-1024x669.png)
再來是:LiteSpeed 與 Nginx 的差異,這部份,國外也非常激烈的討論,目前兩派各有很好的使用見證,與穩定的使用經驗,實在是不好說優缺點,我就以個人在優化的過程中,我遇到的部份分享一下心得:
LiteSpeed:
我個人覺得 它非常容易使用,套一句國外說的,它近乎開箱即用,對於新手來說,以效能為考慮的話,它的入門檻是非常低的,因為它免費的外掛 LiteSpeed Cache 足以涵既市面上九成的外掛功能,加上主機是自家體系的,如果再結合LiteSpeed CDN,如果說是 新手神器 也不為過,你看到的這個 Ez2.SHOP,就是以LiteSpeed架設而成的,
加上國外的一些相關資訊,表示LiteSpeed對於 這種突然性的高暴性訪問,有一定的優勢,所以我也試過一些簡易的 同時在線人數測試:最高可以來到 1000~2000人次/30秒內,0%出錯率,但這些都只是實驗數據,但就算只有10%的參考價值也有 100人在線,所以我自已也覺得蠻不錯了。
![每30秒/1000人次訪問](https://ez2.shop/wp-content/uploads/2024/07/image-1024x439.png)
Nginx + Apache:( 簡單說:如果你是 Nginx 基本上,就是用 WP Rocket 與 下方類似的快取外掛了 )
首先,我並不想科普這個技術與名稱的由來,我反而比較想分享,這個場景可以應用的是什麼?舉例來說:我們常常聽到的 WP Rocket 與 其他的快取外掛,其實大部份都是為了 Nginx + Apache 而設計的,WP Rocket 它是一個 軟體層面 的快取,所以你會看到例如:SiteGround / A2 / Kinsta / 都有人用 WP Rocket ,但對上述已經 自已有快取的Hosting 來說,如果它本身提供的快取,已經非常不錯,也能達到秒開效過,那麼其實 裝不裝 WP Rocket 就無所謂了,
當然 WP Fastest Cache、WP Super Cache、W3 Total Cache 這些也都是前十名的快取外掛,
但有一個蠻值得介紹的:快取外掛、同時也是蠻多國外大神使用的,它就是:Perfmatters 它可以協助各種外掛在不同頁面、關閉不同的 JS 這是非常實用的功能,而這篇文章是 調校效能的核心大綱,未來會針對不同 主機與外掛 的設定來分享更多內容。
大方向02:程式面向
項目包含:php快取、php版本、css壓縮與推遲、js壓縮與推遲、延遲、頁面DOM內容等等
( 補文中 )
大方向03:素材面向
項目包含:圖片格式最佳化、影片格式最佳化、ICON最佳化
( 補文中 )
大方向04:管理面向
項目包含:外掛挑選、佈景挑選、錯誤排除、資料庫優化、有經驗的更新外掛
( 補文中 )
大方向05:外部面向
項目包含:GA4、fb象素處理、YouTube嵌入優化、地圖嵌入優化、CDN設置
( 補文中 )