很多網站打開很慢,一個首頁就需要兩三秒,有的還需要幾十秒,這在互聯網中對于要求極高的訪客而言,是難以接受的,這一節就和大家分享一下我的優化方法。
我們先來看一張圖

訪客的情況我們無法掌握,但是我們可以做好自己服務器的事情。
服務器
針對主要訪客的來源,購買一臺合適的服務器。
因為Npcink的主要訪客來自大陸,我就購買了一臺國內的服務器,考慮的服務器的可用性和穩定性,我選擇服務器的位置為省會城市:上海。
因為我也沒什么經驗,就選擇了國內知名的服務器廠家:阿里云,大品牌的有質量和服務保證,各方面的資料也很完善,是一個避免踩坑的好辦法。
理論上,服務器的核心、運存、帶寬是越大越好的,但基于成本考慮,而且網站還在發展階段,用不上那么高的性能,就選擇了阿里云的學生機,9.5一個月,1個核心2G運存5M帶寬。足夠目前使用了。
- 新手可選擇知名大品牌的服務器廠商,避免踩雷
- 根據目標訪客的地域選擇服務器的地域,一般推薦國內的省會城市
- 服務器的性能在可承受價格下,越高越好
- 不滿24歲的建議選擇各大廠商的學生機
Nginx/Apache
選擇Nginx即可,版本為1.15或者更高為佳
PHP
為了更加快速的將頁面傳輸給訪客,我啟用了PHP里面的Redis擴展,將頁面緩存到運存中,降低響應時間。
- 推薦安裝redis擴展并重啟
- 推薦安裝opcache擴展并重啟
主題
對于WordPress的用戶來說,一款好的WordPress主題對于網站是至關重要的,同時,對于網站的訪問速度,也是很有一部分影響的。我們應該選擇
- 知名的,廣受好評的主題
- 來源可靠的主題
- 自己開發的主題為佳
圖片
在網絡傳輸過程中,圖片是體積的大頭,再加上本就稀缺的帶寬資源,圖片的體積是越小越好,一般控制在300KB到100KB左右比較好。
有技術的還可以將圖片轉為webp格式,體積變少,畫質不變。
更多技術

如果您能花費更多時間去優化您的網站,那么搭配OSS+CDN技術是最佳的選擇。需要注意的是,這些都是付費資源,您需要詳細閱讀相關文檔進行必要的了解。
由于Muze使用的是OSS,在此以OSS舉例,類似的技術在各大廠商有不同的名字,還請自行了解。
OSS
OSS是一種專用服務器,可以將您網站的多媒體資源進行單獨的存儲,前文提到的服務器帶寬有很大一部分就是用來傳輸各種多媒體資源的,而將多媒體資源放在OSS中。就不需要擔心服務器帶寬不夠用了。
將多媒體資源存儲在OSS,不僅有利于網站的提速,還有利于保證數據安全和管理。
由于OSS的流量比較昂貴,建議搭配CDN共同使用,為了避免資源的濫用,還需要設置OSS和CDN的防盜鏈等配置。
CDN
cdn是一種內容分發網絡,他的目的是將網站的各種資源進行緩存,當訪客訪問您的網站時,能從最近的CDN節點及時獲取到相關資源,進一步提升網站加載速度。
您可以將您的網站和OSS都部署上CDN,進一步保證數據傳輸速度,大大降低網站的加載時長。
支持SSL的CDN是需要收費的,這一點需要注意。常見的CDN廠商
- 阿里云
- 騰訊云
- 七牛云
- 又拍云
更多教程
以上是主要的重點,還有更多細節方面可以進行網站速度的優化,但上面的文章已經給出了拿60分的方法,一般可以控制在2S以內,足夠大部分網站有一個良好的體驗。
接下來的,就是如何考80分的內容,敬請期待。
特效
一些個人網站的站長會給自己的網站加上各種炫酷的線條或者粒子特效,讓網站的頁面顯的很酷炫,但是我們需要記住的是,網頁是內容的承載體,訪客來到你的網站時為了獲取他們需要的消息,而不是去看那繁復的特效。
- 適當、少量使用網頁特效
- 盡量不要引用外部資源
云數據庫
如果您的資金有限,但又想進一步提升服務器性能,那么可以把較為耗費性能的數據庫遷移到云數據庫中,云數據庫是一種專用的服務器,主要做數據庫服務用,這樣的話,服務器本地的數據庫就可以停掉,讓空出的數據庫資源去做其他事情。
配合前文提到的OSS,您的網站版權也將變得更加容易。
服務器
總的來講,阿里云、騰訊云和華為云配置接近的三款服務器表現整體而言,華為云和騰訊云是優于阿里云的。
如果用戶傾向于大規模運算以及高速的數據存儲需求,華為云是更好的選擇。如果要建立大規模的服務集群,騰訊云內網聯通速度也是非常好的保障。而阿里云在國內市場的占有率也讓不少用戶有所青睞。
華為用戶較少,所以目前來看,性能給的足,網絡方面,阿里比其他的兩家好