作為網(wǎng)站設(shè)計(jì)師,您已經(jīng)知道偉大的設(shè)計(jì)對(duì)于一個(gè)網(wǎng)站至關(guān)重要 - 這是您信任的設(shè)計(jì)理念,除非網(wǎng)站看起來絕對(duì)驚人,否則新訪客將難以信任該網(wǎng)站。這是一個(gè)很重要的偉大的設(shè)計(jì)是一個(gè)網(wǎng)站。
然而,還有一個(gè)重要的部分是擁有一個(gè)值得信賴的網(wǎng)站,一個(gè)快速,快速的網(wǎng)站附帶的正面UX。
偉大的設(shè)計(jì)之后,速度是促成網(wǎng)站成功的重要因素之一。
但為什么速度如此重要?
一個(gè)快速網(wǎng)站的重要性一直在研究。
不夠快的網(wǎng)站產(chǎn)生負(fù)面的看法,網(wǎng)站的實(shí)際加載時(shí)間顯著影響網(wǎng)站的轉(zhuǎn)化率。
隨著加載時(shí)間越來越高,轉(zhuǎn)換率顯著下降,最佳轉(zhuǎn)換率在頁面加載時(shí)間為2.4秒時(shí)發(fā)生。
什么是CDN,如何幫助加快我的網(wǎng)站?
雖然使用CDN有很多好處,我們將在短時(shí)間內(nèi)討論CDN,但CDN的一個(gè)基本前提是如何使您的網(wǎng)站更快。
簡(jiǎn)單地說,CDN作為一個(gè)網(wǎng)絡(luò),比大多數(shù)托管服務(wù)處理網(wǎng)站流量要好得多。
共享托管通常被優(yōu)化為提供穩(wěn)定的環(huán)境,您的網(wǎng)站可以運(yùn)行PHP或其他受歡迎的托管環(huán)境。
它不是為了優(yōu)化速度大多數(shù)時(shí)間。
另一方面,CDN的主要目標(biāo)和實(shí)際的基礎(chǔ)架構(gòu)設(shè)計(jì)旨在幫助提供一個(gè)快速閃電的網(wǎng)站。
但CDN如何加速我的網(wǎng)站呢?
CDN的基礎(chǔ)設(shè)施如何加速您的網(wǎng)站
有幾個(gè)原因,您的網(wǎng)站可能很慢:
您的共享托管服務(wù)器不堪重負(fù),反應(yīng)緩慢;
您的網(wǎng)站的圖像和內(nèi)容很大,需要大量的時(shí)間才能下載;
您的網(wǎng)站使用太多不同的腳本和圖像,這些腳本和圖像未針對(duì)快速加載網(wǎng)站進(jìn)行優(yōu)化;
您的網(wǎng)站的服務(wù)器位置與您網(wǎng)站的訪問者的地理位置不同。
還有其他的原因,但這些是主要的。
您可以單獨(dú)處理這些單獨(dú)的每一個(gè),我們將主要關(guān)注后兩者在這里...
您的共享主機(jī)服務(wù)器被淹沒,并且緩慢響應(yīng)
共享托管服務(wù)器不是要快。它們是要負(fù)擔(dān)得起的。
共享托管的經(jīng)濟(jì)學(xué)意味著為了降低成本,托管在同一臺(tái)服務(wù)器上的不同網(wǎng)站的數(shù)量顯著偏高。
這意味著,每次有人訪問您的網(wǎng)站時(shí),托管服務(wù)器正在與網(wǎng)站上托管的所有網(wǎng)站競(jìng)爭(zhēng)資源,這意味著開始投放您的網(wǎng)站通常需要一秒鐘以上。
現(xiàn)在,當(dāng)我們談?wù)撝谱骶W(wǎng)站時(shí),在??我們開始做任何優(yōu)化之前,一秒鐘的罰款是一個(gè)可怕的開始的方法。
所以有幾個(gè)建議:
如果您的網(wǎng)站由WordPress托管,您需要找到一個(gè)可靠的WordPress托管公司,以及不錯(cuò)的評(píng)論。
選擇更高的付款計(jì)劃,理想的VPS,使您的網(wǎng)站擁有足夠的資源,不會(huì)與數(shù)百其他網(wǎng)站競(jìng)爭(zhēng)
您的網(wǎng)站的圖像很大
您的網(wǎng)站在加載時(shí)間方面可能產(chǎn)生的最大影響之一,通常來自您網(wǎng)站上托管的圖像。
您會(huì)發(fā)現(xiàn)很多博客兜售在您的網(wǎng)站和博客中使用圖像的價(jià)值,當(dāng)然,這是一個(gè)很好的建議。
圖像是分解大塊文本并提高可讀性所必需的。
誰也沒聽說過這個(gè)詞:“一個(gè)形象值得一千字”
是的,圖片對(duì)您網(wǎng)站的成功至關(guān)重要。
然而,他們有一個(gè)缺點(diǎn)。
未優(yōu)化的圖像可以殺死您的網(wǎng)站的加載時(shí)間。
現(xiàn)在,在一個(gè)理想的世界中,我們采取推薦的方法,以網(wǎng)絡(luò)友好的格式保存每個(gè)文件,優(yōu)化大圖像并將其壓縮到可以接受的大小,而不會(huì)損失任何質(zhì)量。
然而實(shí)際上,我們根本沒有時(shí)間或傾向于通過每個(gè)圖像的優(yōu)化過程。
但是,有一個(gè)解決方案。自動(dòng)化。
再一次,CDN來救援。圖像壓縮和優(yōu)化通常是CDN的內(nèi)置功能。
從本質(zhì)上講,您可以創(chuàng)建一個(gè)具有令人敬畏的圖像的美觀網(wǎng)站,CDN將處理圖像的壓縮和優(yōu)化。
您的網(wǎng)站使用了很多腳本
這是另一個(gè)速度殺手。
當(dāng)我們剛剛開始作為網(wǎng)頁設(shè)計(jì)師,我們喜歡發(fā)現(xiàn)新的插件,并將其測(cè)試出來并將其安裝在我們的網(wǎng)站上,從來不知道插件的影響是什么。
即使成熟的網(wǎng)頁設(shè)計(jì)師也傾向于陷入陷阱。使用數(shù)十個(gè)插件來確??蛻羲蟮墓δ芫哂衅涓弊饔?。
實(shí)際上,您在網(wǎng)站上安裝的每個(gè)插件都會(huì)添加Javascript文件,CSS文件,并且需要從您的網(wǎng)站獲得更多的性能。
您會(huì)看到在性能測(cè)試網(wǎng)站上有很多請(qǐng)求的形式,并且加載時(shí)間很長(zhǎng)。
再次提出幾點(diǎn)建議:
保持您的網(wǎng)站盡可能的精益于插件,更少
組合,壓縮和縮小腳本
啟用HTTP / 2
雖然CDN無法幫助您決定要保留哪些插件和哪些插件進(jìn)行轉(zhuǎn)儲(chǔ),但CDN能夠?qū)嶋H執(zhí)行腳本的即時(shí)壓縮和縮小,以使您的站點(diǎn)內(nèi)容的總大小更小,從而更快。
第三個(gè)非常重要的建議是設(shè)置HTTP / 2 - 我們不會(huì)詳細(xì)介紹,因?yàn)槲覀円呀?jīng)在本網(wǎng)站和其他地方廣泛地討論了HTTP / 2?。
專門針對(duì)HTTP / 2編寫了優(yōu)化網(wǎng)站的加載時(shí)間,特別是那些具有很多不同資源的網(wǎng)站。
大多數(shù)CDN服務(wù)允許您快速輕松地在您的網(wǎng)站上啟用HTTP / 2,使您的網(wǎng)站立即提升速度。
即使您完成了上述所有優(yōu)化工作,仍然有一件事可以完全消除您網(wǎng)站的速度。
你如何解決這個(gè)問題?
您的網(wǎng)站服務(wù)器的位置
好的,如果您遵循我們的建議,您的網(wǎng)站應(yīng)該比以前快得多。
但是,有一件事可以殺死你的網(wǎng)站的加載速度。
如果您的網(wǎng)站針對(duì)當(dāng)?shù)氐氖鼙姡慕鉀Q方案很簡(jiǎn)單:選擇一個(gè)良好的托管服務(wù),盡可能靠近您的目標(biāo)位置。
但是,如果您的網(wǎng)站適合國(guó)際觀眾,這將更加困難。
您根本不能選擇?與您所有網(wǎng)站訪問者身體接近的服務(wù)器位置。
您可以做最好的事情,并在最受歡迎的訪問者位置主持,但有第二個(gè)更有效的解決方案。
CDN服務(wù)的目的就是要解決這個(gè)問題。
一個(gè)CDN的基礎(chǔ)設(shè)施是專門設(shè)計(jì)來解決我們剛才所描述的問題。
CDN在全球數(shù)十個(gè)地點(diǎn)擁有數(shù)百臺(tái)服務(wù)器網(wǎng)絡(luò)。稱為邊緣或緩存服務(wù)器的這些服務(wù)器將將您的圖像和靜態(tài)資源(如Javascript和CSS文件)復(fù)制到這些位置。
當(dāng)用戶點(diǎn)擊您的網(wǎng)站時(shí),重要的資源將從盡可能接近您的訪問者的位置獲得。
這大大減少了距離的問題,并使您的站點(diǎn)在加載速度方面具有非常顯著的優(yōu)勢(shì)。
如何設(shè)置免費(fèi)CDN
使用CDN的好處是,您可以輕松提高網(wǎng)站的速度,而無需支付額外的費(fèi)用,特別是如果您的網(wǎng)站仍在增長(zhǎng)。
大多數(shù)CDN服務(wù)提供了一個(gè)免費(fèi)的計(jì)劃,這將提供我們上面討論的基本緩存功能。通常,除了內(nèi)容優(yōu)化之外,您還可以通過CDN實(shí)施的安全機(jī)制來提升網(wǎng)站的安全性。
隨著您的網(wǎng)站的增長(zhǎng)和網(wǎng)站的需求的增長(zhǎng),您將能夠更好地升級(jí)到適合您需求的計(jì)劃。
有幾種設(shè)置CDN的方法,這主要取決于您將要使用的實(shí)際CDN。
安裝CDN插件
設(shè)置CDN的第一種方式是使用CDN插件。設(shè)置您的CDN時(shí),您將獲得一個(gè)網(wǎng)址,這將是您網(wǎng)站靜態(tài)圖像的新位置。
CDN插件將重寫靜態(tài)資源的URL,以便從CDN發(fā)送。
https://www.example.com/images/logo-default.jpg
現(xiàn)在被重寫為
https://cdn.example.com/images/logo-default.jpg
您需要對(duì)網(wǎng)站的DNS條目進(jìn)行一些細(xì)微的更改,以便cdn.example.com將以您的CDN提供的URL來解析。
如果您使用URL重寫服務(wù),例如KeyCDN(此插件的作者),MaxCDN或Incapsula,您可以使用CDN Enabler插件。
一旦你安裝了這個(gè)插件,你唯一需要做的就是輸入你的CDN服務(wù)提供的URL,你應(yīng)該很好。
安裝CDN作為反向代理
另一個(gè)更好的安裝CDN的方法是使用反向代理。
這也需要對(duì)您的DNS進(jìn)行微小的更改,這通常是您將要安裝的CDN特有的。
這個(gè)實(shí)現(xiàn)是有利的,因?yàn)樗酥苯訉?duì)您的服務(wù)器造成的重大負(fù)擔(dān)。
你準(zhǔn)備好把你的網(wǎng)站帶到下一個(gè)速度嗎?
正如我們?cè)谏厦婵吹降哪菢?,安裝CDN在價(jià)格方面并不像人們所想象的那么高。此外,為您的網(wǎng)站提供的性能提升將是顯著的UX改進(jìn)。
如果您希望快速加速您的網(wǎng)站,CDN是必須的。