網(wǎng)站打開速度的快與慢，直接影響到訪客的停留

閱讀 ?·? 發(fā)布日期 2022-04-10 09:17 ?·? admin

網(wǎng)站打開速度的快與慢，直接關(guān)系到訪客的用戶體驗(yàn)度。網(wǎng)站被加載的速度與多個(gè)要素相關(guān)，如服務(wù)器優(yōu)于劣，網(wǎng)絡(luò)帶寬大與小，頁面代碼繁與簡等。如果受限于資金，那么通過優(yōu)化網(wǎng)頁代碼來加速網(wǎng)站打開速度，就是很有效的方法。

提升網(wǎng)站打開速度的方法

一：壓縮或精簡Javascript代碼和css代碼。

無論什么類型的網(wǎng)站，用戶次點(diǎn)擊網(wǎng)站的時(shí)候，都會(huì)加載網(wǎng)站的Javascript和css代碼，假設(shè)這些代碼冗多，勢必會(huì)降低網(wǎng)站打開速度。

如果有這樣的問題，就要對代碼進(jìn)行壓縮或精簡。壓縮方面，有大量的第三方工具如站長之家的CSS\JS壓縮工具可供大家直接免費(fèi)試用，經(jīng)過壓縮的代碼，普遍能減小40%到65%。精簡方面，能用一個(gè)樣式控制就不用兩個(gè)，思路是既能滿足網(wǎng)站的頁面布局，又是小的代碼量。

二：降低HTTP請求。

有數(shù)據(jù)顯示，流量器會(huì)花費(fèi)8成的時(shí)間來加載腳本，css樣式表，圖片等網(wǎng)站元素，只有約2成的時(shí)間會(huì)用于加載網(wǎng)站其他的主要文字內(nèi)容。問題是各個(gè)網(wǎng)站都會(huì)有HTTP請求，且同一個(gè)時(shí)間內(nèi)只能有2個(gè)HTTP請求，這樣的問題下，假設(shè)有大于2個(gè)的HTTP請求一同請求，那么勢必會(huì)降低網(wǎng)站打開速度。如圖：

找到了HTTP請求對網(wǎng)頁速度的影響，下一步的解決辦法就是降低HTTP請求數(shù)。

三：對Javascript代碼和css代碼以及圖片進(jìn)行服務(wù)器端的緩存設(shè)置。

大家有發(fā)現(xiàn)這樣一個(gè)情況，假設(shè)用戶次訪問了你的網(wǎng)站，那么用戶下一次再次訪問你的站點(diǎn)，速度就會(huì)更快。這是什么原因呢？原因在于瀏覽器緩存。

大多數(shù)服務(wù)器，或空間已經(jīng)默認(rèn)設(shè)置了緩存功能，站長或者seoer要做的就是在后臺(tái)設(shè)定相應(yīng)文件類型以及過期時(shí)間。在此，建議為：如果是windows主機(jī)，就將圖片，css和Javascript文件的緩存時(shí)間設(shè)置為30天；如果是ApacheWeb服務(wù)器，則使用mod_cache模塊開啟緩存功能。

上圖為：網(wǎng)站打開速度的快與慢

四：優(yōu)化css中的引用圖片。

假設(shè)一個(gè)頁面需要大量的周邊圖片，如下圖標(biāo)等，如果這些圖片都是單獨(dú)調(diào)用，那么請求數(shù)就會(huì)加大，這就說明：cssimages過多，請求數(shù)就會(huì)增大，網(wǎng)站打開速度就會(huì)變慢。

如果我們將頁面所需要使用的圖片合并在一張圖上，那么這些圖片請求數(shù)就會(huì)變?yōu)?，頁面速度相對就會(huì)加快。如何將需要的圖片放在一張圖上并在相應(yīng)的位置調(diào)用呢？方法在于坐標(biāo)定位。即：通過css坐標(biāo)取得圖片路徑，標(biāo)簽中引用相應(yīng)坐標(biāo)。

如果你對前端了解，那么這些都不是大問題，如果你不懂css，那么CSS圖片合并生成器類工具（百度即可）能直接提供相應(yīng)內(nèi)容：合并css圖片，同時(shí)生成相應(yīng)代碼。

五：跳轉(zhuǎn)代碼位置，跳轉(zhuǎn)代碼加載順序。

網(wǎng)站被點(diǎn)擊后，頁面代碼是從上到下加載的。因?yàn)檫@個(gè)原因，我們就能對<head>部分的腳本代碼做相應(yīng)的調(diào)整。

比較簡單，我們通過查看<head>與</head>之間的代碼，主要是Javascript腳本代碼，把不重要的，非必須的調(diào)整到頁面底部。只要頁面能正常顯示，那么其余的統(tǒng)計(jì)代碼等都可以后一步加載。

如seo是什么這個(gè)站點(diǎn)，分享等按鈕都放置到了底部。

六：壓縮圖像。

有數(shù)據(jù)顯示，圖片加載時(shí)間是造成網(wǎng)站速度的因素，將圖片加載速度問題解決，頁面速度問題就解決了一大半。假設(shè)網(wǎng)站有大量jpg等格式的圖片，需要在不影響視覺的前提下，盡量對其壓縮，以減少圖片本身的大小。與壓縮Javascript文件類似，有大量的在線工具提供相應(yīng)壓縮服務(wù)，有大量的圖像編輯軟件如美圖秀秀等，都有壓縮功能。

七：服務(wù)器端開啟gzip壓縮功能。

gzip壓縮是效率較高的一種數(shù)據(jù)壓縮格式。如果開啟gzip壓縮，壓縮率一般能達(dá)到75%左右，效果非常明顯。

大部分服務(wù)器如虛擬主機(jī)，VPS等都已經(jīng)默認(rèn)開啟了這一項(xiàng)功能，如果沒有開啟，你對相應(yīng)設(shè)置又不會(huì)，建議直接聯(lián)系空間商，讓他們解決。SEO（Search Engine Optimization）：漢譯為搜索引擎優(yōu)化。是一種方式：利用搜索引擎的規(guī)則提高網(wǎng)站在有關(guān)搜索引擎內(nèi)的自然排名。目的是讓其在行業(yè)內(nèi)占據(jù)領(lǐng)先地位，獲得品牌收益。很大程度上是網(wǎng)站經(jīng)營者的一種商業(yè)行為，將自己或自己公司的排名前移。搜索引擎優(yōu)化，又稱為SEO，即Search Engine Optimization，它是一種通過分析搜索引擎的排名規(guī)律，了解各種搜索引擎怎樣進(jìn)行搜索、怎樣抓取互聯(lián)網(wǎng)頁面、怎樣確定特定關(guān)鍵詞的搜索結(jié)果排名的技術(shù)。搜索引擎采用易于被搜索引用的手段，對網(wǎng)站進(jìn)行有針對性的優(yōu)化，提高網(wǎng)站在搜索引擎中的自然排名，吸引更多的用戶訪問網(wǎng)站，提高網(wǎng)站的訪問量，提高網(wǎng)站的銷售能力和宣傳能力，從而提升網(wǎng)站的品牌效應(yīng)。網(wǎng)站搜索引擎優(yōu)化任務(wù)主要是認(rèn)識(shí)與了解其它搜索引擎怎樣緊抓網(wǎng)頁、怎樣索引、怎樣確定搜索關(guān)鍵詞等相關(guān)技術(shù)后，以此優(yōu)化本網(wǎng)頁內(nèi)容，確保其能夠與用戶瀏覽習(xí)慣相符合，并且在不影響網(wǎng)民體驗(yàn)前提下使其搜索引擎排名得以提升，進(jìn)而使該網(wǎng)站訪問量得以提升，最終提高本網(wǎng)站宣傳能力或者銷售能力的一種現(xiàn)代技術(shù)?；谒阉饕鎯?yōu)化處理，其實(shí)就是為讓搜索引擎更易接受本網(wǎng)站，搜索引擎往往會(huì)比對不同網(wǎng)站的內(nèi)容，再通過瀏覽器把內(nèi)容以最完整、直接及最快的速度提供給網(wǎng)絡(luò)用戶。網(wǎng)站優(yōu)化是指通過對網(wǎng)站功能、網(wǎng)站結(jié)構(gòu)、網(wǎng)頁布局、網(wǎng)站內(nèi)容等要素的合理設(shè)計(jì)，使得網(wǎng)站內(nèi)容和功能表現(xiàn)形式達(dá)到對用戶友好并易于宣傳推廣的最佳效果，充分發(fā)揮網(wǎng)站的網(wǎng)絡(luò)營銷價(jià)值，是一項(xiàng)系統(tǒng)性和全局性的工作，包括對用戶的優(yōu)化、對搜索引擎的優(yōu)化、對運(yùn)營維護(hù)的優(yōu)化。網(wǎng)站優(yōu)化已經(jīng)成為網(wǎng)絡(luò)營銷經(jīng)營策略的必然要求。

網(wǎng)站優(yōu)化可以從狹義和廣義兩個(gè)方面來說明。

（1）狹義的網(wǎng)站優(yōu)化，即搜索引擎優(yōu)化，也就是讓網(wǎng)站設(shè)計(jì)得適合搜索引擎檢索，滿足搜索引擎排名的指標(biāo)，從而在搜索引擎檢索中獲得靠前的排名，增強(qiáng)搜索引擎營銷的效果。

網(wǎng)站優(yōu)化的最終結(jié)果是要把網(wǎng)站的排名優(yōu)化，而首先要做的是網(wǎng)站的內(nèi)部優(yōu)化，分析網(wǎng)頁相關(guān)性。

（2）廣義的網(wǎng)站優(yōu)化所考慮的因素不僅僅是搜索引擎，也包括充分滿足用戶的需求特征、清晰的網(wǎng)站導(dǎo)航、完善的在線幫助等，在此基礎(chǔ)上使得網(wǎng)站功能和信息發(fā)揮出最佳的效果，也就是以企業(yè)網(wǎng)站為基礎(chǔ)，與網(wǎng)絡(luò)服務(wù)商（如搜索引擎等）、合作伙伴、顧客、供應(yīng)商、銷售商等網(wǎng)絡(luò)營銷環(huán)境中各方面因素建立良好的關(guān)系。

網(wǎng)站優(yōu)化是企業(yè)進(jìn)軍互聯(lián)網(wǎng)必然的選擇。通過對企業(yè)的網(wǎng)站進(jìn)行網(wǎng)站優(yōu)化（搜索引擎優(yōu)化），使企業(yè)網(wǎng)站對搜索引擎更加友好，提高企業(yè)網(wǎng)站在搜索引擎中的排名，增強(qiáng)企業(yè)的宣傳推廣效果。搜索引擎優(yōu)化，是影響客戶網(wǎng)站在搜索引擎排名的最主要的因素。由于各個(gè)搜索引擎考慮的側(cè)重點(diǎn)不同，所以在不同的搜索引擎上搜索出來的結(jié)果也是不同的。

從易用性來說，網(wǎng)站優(yōu)化的原因有：最早的網(wǎng)站可能存在每當(dāng)主流瀏覽器升級(jí)時(shí)，剛剛建立的網(wǎng)站就有可能過時(shí)的問題，這就需要升級(jí)或重新建造一遍網(wǎng)站；為了使網(wǎng)站兼容Netscape和IE，網(wǎng)站不得不為這兩種瀏覽器提供不同的代碼；每當(dāng)新的網(wǎng)絡(luò)技術(shù)和交互設(shè)備出現(xiàn)后，也需要制作新版本來支持這種新技術(shù)或設(shè)備，如支持手機(jī)上網(wǎng)的WAP技術(shù)；網(wǎng)站代碼臃腫浪費(fèi)了大量帶寬。經(jīng)過優(yōu)化的網(wǎng)站文件下載與頁面顯示速度更快；內(nèi)容能夠被更多的用戶所在地訪問；當(dāng)瀏覽器版本更新，或者出現(xiàn)新的網(wǎng)絡(luò)交互設(shè)備時(shí)，確保所有應(yīng)用能夠繼續(xù)正確執(zhí)行。

從可維護(hù)性和搜索引擎優(yōu)化的角度來說，網(wǎng)站優(yōu)化的原因有：簡潔的代碼，大大降低了帶寬的要求，加快了頁面加載速度，使得網(wǎng)站更容易維護(hù)；有利于搜索引擎抓取，使得網(wǎng)站對于搜索引擎更加友好，有利于提高網(wǎng)站的排名等。

對于網(wǎng)站設(shè)計(jì)和開發(fā)人員來說，網(wǎng)站優(yōu)化就是使用標(biāo)準(zhǔn)；對于用戶來說，網(wǎng)站優(yōu)化就是最佳體驗(yàn)。