660
shares
聚米幫你連接全球客戶(hù)
服務(wù)熱線:400-8817-968
發(fā)布于:2019-07-30
毫無(wú)疑問(wèn)網(wǎng)站速度很重要
隨著全球平均互聯(lián)網(wǎng)連接速度的增加以及移動(dòng)用戶(hù)占主導(dǎo)地位,網(wǎng)絡(luò)用戶(hù)對(duì)緩慢加載時(shí)間的容忍度越來(lái)越低。 53%的移動(dòng)用戶(hù)將放棄加載時(shí)間超過(guò)三秒的網(wǎng)站,并且近2%的網(wǎng)絡(luò)用戶(hù)將在2秒后反彈。顯然,每一秒都很重要。
與此同時(shí),谷歌明確表示,網(wǎng)頁(yè)速度是搜索結(jié)果的排名因素。
簡(jiǎn)而言之,快速網(wǎng)站可以從訪問(wèn)者和Google獲得更好的結(jié)果。要利用這些雙重優(yōu)勢(shì),您需要將網(wǎng)站速度作為您網(wǎng)站的首選。 以下十個(gè)提示中的任何一個(gè)都將幫助您開(kāi)始這條重要的道路。
1.優(yōu)化您的圖像
每當(dāng)有人訪問(wèn)您網(wǎng)站上的某個(gè)頁(yè)面時(shí),他們的瀏覽器就必須加載該頁(yè)面的每個(gè)部分。在許多頁(yè)面上,占用空間最多并因此占用時(shí)間最長(zhǎng)的部分是圖像。因此,優(yōu)化圖像是使頁(yè)面加載速度最快,最簡(jiǎn)單的方法之一。
這種快速的兩步圖像優(yōu)化過(guò)程可以大大加快您的網(wǎng)站速度。
第1步:在上傳圖像之前重新調(diào)整圖像大小
如果你使用像WordPress或Joomla這樣的內(nèi)容管理系統(tǒng)(CMS),你可能已經(jīng)注意到你可以上傳全尺寸的圖像,然后在你網(wǎng)站的后端調(diào)整它們的顯示尺寸。
這很方便,但您可能不知道這樣做會(huì)強(qiáng)制Web瀏覽器在每次有人加載頁(yè)面時(shí)執(zhí)行多個(gè)命令。他們必須提取初始圖像,然后在運(yùn)行中重新調(diào)整大小 - 這會(huì)減慢您的網(wǎng)站速度。
為防止這種情況發(fā)生,請(qǐng)?jiān)趯D像添加到站點(diǎn)之前使用圖像編輯程序?qū)D像調(diào)整為正確的大小。
我們大多數(shù)人都可以訪問(wèn)一個(gè)簡(jiǎn)單的工具,如Preview(在Mac上)或Microsoft Paint(在Windows上)。使用這些程序,您只需打開(kāi)圖像并在您選擇的編輯器中重新調(diào)整大小。
第2步:壓縮圖像
完成此操作后,您可以使用壓縮工具將圖像編輯提升到新的水平。即使在重新調(diào)整圖像大小后,總文件大小也可能足夠大,仍會(huì)降低網(wǎng)站的加載速度。
ImageResize是最好的圖像壓縮工具之一。您所要做的就是單擊鏈接,上傳重新調(diào)整大小的圖像,此工具將減小文件大小而不降低分辨率。
然后,您所要做的就是下載圖片并將其上傳到您的網(wǎng)站。您的圖像看起來(lái)完全一樣,但加載速度會(huì)快得多。
2.進(jìn)行插件清除
大量免費(fèi)提供的插件和腳本使得網(wǎng)站所有者可以添加超出他們真正需要的數(shù)量。請(qǐng)記住,您添加的每個(gè)插件都需要運(yùn)行資源 - 而更多資源意味著網(wǎng)站速度較慢。
如果您發(fā)現(xiàn)自己的網(wǎng)站運(yùn)行緩慢,或者您認(rèn)為它可以更有效地運(yùn)行,請(qǐng)執(zhí)行插件審核。
瀏覽列表并確定您實(shí)際上沒(méi)有使用的任何插件,或者似乎沒(méi)有為您的網(wǎng)站性能添加任何有價(jià)值的插件。來(lái)吧,擺脫這些。
如果您仍然覺(jué)得您的網(wǎng)站沒(méi)有按照您的意愿加載,請(qǐng)進(jìn)行測(cè)試以找到罪魁禍?zhǔn)住R粋€(gè)接一個(gè)地禁用您網(wǎng)站上的每個(gè)插件。禁用插件后,通過(guò)GT Metrix等工具運(yùn)行您的網(wǎng)站,以檢查網(wǎng)站的速度。
如果在停用特定插件后您的網(wǎng)站速度增加,那么您就發(fā)現(xiàn)了問(wèn)題。如果相關(guān)插件提供了必要的功能,請(qǐng)進(jìn)行試驗(yàn),直到找到另一個(gè)執(zhí)行相同操作的插件,而不會(huì)降低網(wǎng)站速度。
為了避免將來(lái)擺脫這種麻煩,如果功能真的值得在網(wǎng)站速度上進(jìn)行權(quán)衡,那么在添加新插件之前,請(qǐng)自行前進(jìn)。
3.確保您的站點(diǎn)腳本是最新的
根據(jù)您的網(wǎng)站使用的CMS或電子商務(wù)平臺(tái),您可能需要定期檢查以確定您的網(wǎng)站腳本的新版本是否可用。
如果是,請(qǐng)盡快升級(jí)您的站點(diǎn)(確保首先安裝當(dāng)前備份文件)。站點(diǎn)腳本開(kāi)發(fā)人員一直致力于改進(jìn)未來(lái)版本的代碼,特別是在網(wǎng)站速度方面。將腳本更新到最新版本可以大大有助于消除阻止您的網(wǎng)站快速加載的編碼障礙。
如果您的站點(diǎn)在WordPress上運(yùn)行,那么您將在WordPress儀表板的“ 更新”選項(xiàng)卡中找到這些更新。只需單擊一下,您的站點(diǎn)就會(huì)安裝最新的軟件更新。你不需要其他任何東西。
不可否認(rèn),記住辦理登機(jī)手續(xù)并更新您的網(wǎng)站可能很難。幸運(yùn)的是,這不是你每天必須做的事情。每月一次足以完成您網(wǎng)站的簡(jiǎn)單運(yùn)行并安裝可能的任何更新。
在您的日歷上設(shè)置定期活動(dòng),每個(gè)月預(yù)留一小時(shí)。通常,它比這需要更少的時(shí)間,但重要的是要養(yǎng)成始終確保您的站點(diǎn)和插件運(yùn)行最新版本的習(xí)慣。
此外,讓您的所有軟件都是最新的將有助于修補(bǔ)任何可能導(dǎo)致您的網(wǎng)站被黑客攻擊的漏洞。
4.利用CDN
內(nèi)容交付網(wǎng)絡(luò)(CDN)是遍布全球的龐大服務(wù)器網(wǎng)絡(luò)。通常情況下,如果您沒(méi)有使用CDN,那么無(wú)論您在哪個(gè)地理位置,您的網(wǎng)站都會(huì)從您的網(wǎng)站托管服務(wù)器的中心位置加載到您網(wǎng)站的每個(gè)訪問(wèn)者。
這可能會(huì)導(dǎo)致網(wǎng)站速度變慢,尤其是如果您的訪問(wèn)者遠(yuǎn)離服務(wù)器的中心位置。此外,如果您只使用單個(gè)服務(wù)器,則可能會(huì)出現(xiàn)過(guò)載并導(dǎo)致您的網(wǎng)站崩潰。
CDN通過(guò)讓您的用戶(hù)從最接近他們的Web主機(jī)訪問(wèn)您網(wǎng)站的緩存版本來(lái)解決這兩個(gè)問(wèn)題。更好的是,如果您的某個(gè)服務(wù)器位置過(guò)載,它們可以切換到新的服務(wù)器位置,從而確保更快的速度。
要開(kāi)始使用,請(qǐng)查看SiteLock TrueSpeed,MaxCDN或Cloudflare提供的CDN服務(wù)。
5.啟用瀏覽器緩存
瀏覽器緩存是一種允許訪問(wèn)者的瀏覽器存儲(chǔ)站點(diǎn)各個(gè)頁(yè)面的副本的技術(shù),這樣當(dāng)訪問(wèn)者將來(lái)返回時(shí),可以從緩存中調(diào)用內(nèi)容,而不是重新加載整個(gè)頁(yè)面。
這樣可以節(jié)省用于顯示頁(yè)面的資源數(shù)量,從而加快訪問(wèn)者的整體加載速度。
如果您使用WordPress,則可以使用W3 Total Cache之類(lèi)的插件輕松啟用瀏覽器緩存。 要在WordPress網(wǎng)站上安裝此插件,請(qǐng)按照以下步驟操作:
導(dǎo)航到站點(diǎn)的儀表板,然后導(dǎo)航到插件 > 添加新,并搜索W3總緩存。單擊Install,然后單擊Activate。
激活插件后,導(dǎo)航到頂部或左側(cè)的新“ 性能”選項(xiàng)卡。這是您可以控制插件的所有功能的地方。
您可以使用此插件打開(kāi)或關(guān)閉大量功能,與您的Web開(kāi)發(fā)人員討論如何將瀏覽器緩存集成到服務(wù)器端腳本中。
6.打開(kāi)Gzip壓縮
Gzip壓縮技術(shù)可以最大限度地減少基于瀏覽器的HTTP響應(yīng)的大小,有時(shí)甚至高達(dá)70%。如果這沒(méi)有意義,請(qǐng)不要擔(dān)心。您無(wú)需完全了解如何為您的網(wǎng)站實(shí)施它。
有三種方法可以在您的網(wǎng)站上啟用Gzip壓縮。您可以:
1.將以下代碼添加到您網(wǎng)站的.htaccess文件中:
#compress text,html,javascript,css,xml:AddOutputFilterByType DEFLATE text / plain
AddOutputFilterByType DEFLATE text / html
AddOutputFilterByType DEFLATE text / xml
AddOutputFilterByType DEFLATE text / css
AddOutputFilterByType DEFLATE application / xml
AddOutputFilterByType DEFLATE application / xhtml + xml
AddOutputFilterByType DEFLATE application / rss + xml
AddOutputFilterByType DEFLATE application / javascript
AddOutputFilterByType DEFLATE application / x-javascript
或者,按擴(kuò)展名壓縮某些文件類(lèi)型:
<files * .html>
SetOutputFilter DEFLATE
</ files>
2.將以下代碼添加到HTML或PHP頁(yè)面的頂部:
<?php if(substr_count($ _ SERVER ['HTTP_ACCEPT_ENCODING'],'gzip'))ob_start(“ob_gzhandler”); else ob_start(); ?>
3. 為WordPress 安裝一個(gè)Gzip壓縮插件
7.將CSS文件保留在頂部,將Javascript保留在底部。
最后,在使用原始HTML頁(yè)面時(shí),通過(guò)將CSS文件添加到頁(yè)面頂部的代碼和底部的Javascript片段來(lái)保持網(wǎng)站的代碼整潔。
將CSS文件添加到頁(yè)面頂部會(huì)禁止?jié)u進(jìn)式渲染,從而節(jié)省Web瀏覽器用于加載和重繪頁(yè)面元素的資源。
將Javascript添加到底部可防止您的網(wǎng)頁(yè)在加載前等待完整的代碼執(zhí)行,從而為訪問(wèn)者帶來(lái)更快的瀏覽體驗(yàn)。
8.減少Http請(qǐng)求
當(dāng)有人新訪問(wèn)您的網(wǎng)站時(shí),網(wǎng)頁(yè)上的每個(gè)元素都必須下載才能查看。這包括圖像,視頻,動(dòng)畫(huà),樣式表,腳本,字體您可以命名。
對(duì)于頁(yè)面上的每個(gè)元素,都會(huì)生成不同的http請(qǐng)求。網(wǎng)站上每個(gè)網(wǎng)頁(yè)的組成部分越多,每次有人訪問(wèn)您的網(wǎng)站時(shí)發(fā)出的http請(qǐng)求就越多,頁(yè)面加載的時(shí)間就越長(zhǎng)。
這并不意味著您需要將網(wǎng)頁(yè)剝離為極簡(jiǎn)主義的網(wǎng)頁(yè)設(shè)計(jì),以減慢加載時(shí)間。您可以使用一些技巧來(lái)識(shí)別和減少頁(yè)面上http請(qǐng)求的數(shù)量和大小,而不會(huì)丟失您希望站點(diǎn)擁有的樣式。
首先,使用瀏覽器工具查看網(wǎng)站頁(yè)面上有多少http請(qǐng)求。這個(gè)過(guò)程在不同的瀏覽器中是類(lèi)似的,這里有兩個(gè)主要的具體步驟:
在Chrome中:
右鍵單擊網(wǎng)頁(yè)
選擇檢查
單擊“網(wǎng)絡(luò)”選項(xiàng)卡
重新加載頁(yè)面
在Firefox中:
右鍵單擊頁(yè)面
選擇檢查元素
單擊“網(wǎng)絡(luò)”選項(xiàng)卡
重新加載頁(yè)面
這不僅會(huì)向您顯示頁(yè)面需要多少http請(qǐng)求,還會(huì)顯示每個(gè)請(qǐng)求加載的時(shí)間。
您可能能夠在列表中發(fā)現(xiàn)一些不值得他們完全刪除所需時(shí)間的項(xiàng)目。即使你不這樣做,你也可以選擇加快速度:
選項(xiàng)1:減小文件大小
在列表中查找機(jī)會(huì)以減少不同元素的文件大小。我們關(guān)于優(yōu)化圖像的部分包括一些很好的提示 您還可以通過(guò)刪除任何不必要的編碼或空格來(lái)縮小HTML,CSS和Javascript文件中的代碼。Autoptimize(適用于WordPress)和HTML Minifier等在線工具可以使這一步更容易。
選項(xiàng)2:合并文件
如果您的網(wǎng)頁(yè)有多個(gè)Javascript或CSS文件,那么組合它們將減少頁(yè)面必須進(jìn)行的http請(qǐng)求的數(shù)量。像JCH Optimize和Cloudflare這樣的工具 可以幫助解決這個(gè)問(wèn)題。
9.最小化和優(yōu)化重定向
有時(shí)重定向是必要的,但如果使用它們超過(guò)了要求,它們可以減慢頁(yè)面加載時(shí)間。定期檢查您網(wǎng)站上的鏈接,確保您的所有鏈接(內(nèi)部和外部)直接轉(zhuǎn)到頁(yè)面的主URL。
在您確實(shí)需要使用重定向的情況下,請(qǐng)確保僅對(duì)頁(yè)面使用一個(gè)重定向。您永遠(yuǎn)不希望瀏覽器必須執(zhí)行將訪問(wèn)者從一個(gè)頁(yè)面重定向到另一個(gè)頁(yè)面的工作,將其重定向到第三個(gè)頁(yè)面。
并避免使用其他網(wǎng)址將人們重定向回主站點(diǎn)。您可能很想買(mǎi)到您的URL名稱(chēng)和您可以想到的主要關(guān)鍵字的所有變體,并將它們?nèi)恐赶蚰木W(wǎng)站,但這會(huì)降低速度,并可能導(dǎo)致訪問(wèn)者混淆。
10.升級(jí)您的虛擬主機(jī)
在開(kāi)始時(shí),您可能為您的網(wǎng)站選擇了最便宜的托管選項(xiàng)。這是正常的,當(dāng)你開(kāi)始建立可見(jiàn)性和流量時(shí),通常對(duì)新網(wǎng)站運(yùn)行良好。
隨著您的營(yíng)銷(xiāo)工作開(kāi)始獲得回報(bào)并且您的流量增加,您的托管需求也會(huì)發(fā)生變化。如果您的網(wǎng)站流量大幅增加,并且您尚未升級(jí)您的托管計(jì)劃以匹配,則可能會(huì)導(dǎo)致性能問(wèn)題緩慢或不穩(wěn)定。
評(píng)論展示
660
shares
掃碼加微信咨詢(xún)
15815846676
長(zhǎng)按號(hào)碼加微信
在線留言