導航:首頁 > 網站優化 > 如何優化網站請求速度

如何優化網站請求速度

發布時間:2020-08-19 17:53:59

1、如何提高頁面響應速度

1: 縮小Javascript和CSS文件
如果你的網站大約有50-60%的用戶是第一次訪客,那麼這些人會下載Javascript和CSS,如果這些文件很大瀏覽器會下載很長時間。
使用壓縮工具可以減少Javascript和CSS盡一半的文件大小,如果你有信心使用「命令行」我強烈推薦使用雅虎的YUI壓縮,至少能提高40%到60%的壓縮率,如果你是在不懂可以用站長之家的CSS\JS壓縮工具。
2:減少HTTP請求
瀏覽器會花費80%的時間獲取外部元件,包括腳本、樣式表、圖像等,只有20%的時間用來載入內容,每個網站都會有許多HTTP請求,由於只有2個HTTP請求可以在同一時間傳送,所以請求一旦過多就會造成延遲。

通過Yslow可以看出我博客的HTTP請求數,可以看到JS、CSS和CSS引用的圖片文件過多,導致HTTP請求過多。
3:緩存圖片、CSS和Javascript
每當一個新用戶訪問你的網站,圖片、CSS和Javascript應該在其瀏覽器緩存,這樣他們下一次訪問就特別快。
絕大多數windows主機已經默認啟用了,只需要在控制面板中設定過期時間和文件類型那個就可以了,我建議圖片、CSS和Javascript時間可設置為一個月。而對於Apache Web伺服器,使用mod_cache模塊開啟緩存。:
4:合並CSS引用圖片
如圖一所示,很多網站的圖片都是切成小塊的,這樣下來就會有大量CSS引用圖片,如盧鬆鬆博客的CSS就引用了14張圖片,cssimages也是影響網站速度的一種重要因素。
如果我們把CSS圖片合並成一個,14個HTTP請求變成1個,想想會是什麼效果?它的原理就是通過CSS坐標的方式取得圖片徑路,每個CSS標簽引用不同坐標就會得到不同圖片。我們看到很多網站的CSS圖片只有一張,用的就是這個原理。
不懂也沒有關系,CSS圖片合並生成器這個網站能幫助你合並CSS圖片,並且能得到相應代碼。
5:只載入<head>部分的基本腳本
這個最簡單,不花時間,點擊自己網站右鍵「查看源文件」找到<head>與</head>之間的區域,看看那些不重要好的JS文件,把它仍到頁面底部,也就是讓它最後載入。或者直接刪除。
例如盧鬆鬆博客引用的jiathis(社會化分享按鈕)和util.js(回頂部、寫評論快捷標簽),讓它最後載入,這樣能提升內容打開速度,而且它們也不太重要。
6:對圖像進行壓縮
除非你載入視頻,那麼影響網站速度罪魁禍首應該就是圖片了,如果是jpeg、png圖片,保證不失品質的前提下,讓他們盡量壓縮,Fireworks軟體「導出向導」功能,它提供了一個很好的方式來預覽保存的圖像,讓圖片大小與質量之間平衡,大多數其他圖像編輯軟體都有類似的功能。
例如我的每篇博文配圖都用了「導出向導」功能,我盡量把圖片都壓縮在30K以內,在一定程度上加快了瀏覽速度,但也有部分圖片失真,看不清楚。
7:開啟gzip模塊
gzip壓縮是非常流行的一種數據壓縮格式,一般網站啟用gzip後,壓縮率都會有70%-80%的提升,效果是立竿見影的。
部分虛擬主機默認有gzip功能,但大部分沒有,獨立主機、VPS一般可以設置,開啟gzip會加重伺服器負擔,而且要修改伺服器配置,強烈建議大家開啟gzip,如果不清楚可以問問所在空間商,讓他們幫忙開啟。
相關閱讀:
影響網站打開速度的9大因素
測試網站訪問速度的5個方法
小技巧給網頁減肥,讓網站提速
巴士文章列表插件會拖慢Z-blog速度
精簡ZBlog模版代碼,提高頁面打開速度
流量統計是否影響網站速度
Firebug和Yslow是個好工具
去掉了博客Gravatar頭像
啟用lazyload插件,減少圖片載入
Yslow的使用方法
JS代碼優化技巧之通俗版

2、如何優化web伺服器的訪問速度

網站運營的任何時期,網站訪問速度都是至關重要的部分,它是網站友好體驗中最基本的一項,如果訪問體驗都令人不滿意,那麼後期所做的營銷推廣模式都有可能徒勞無功,因為網路中客戶的選擇成本很低,加上普遍客戶的耐心都不高,頁面訪問超過6秒客戶就會選擇離開,這對於一些流量本來就不高的企業網站來說無疑是雪上加霜。

一、升級正在使用中的伺服器 

進行伺服器升級工作之前,要考慮多方面的問題,是升級已有的伺服器還是購置新的伺服器設備須根據實際情況抉擇。首先來說升級現有的伺服器設備,一般來說網站運營到後期隨著業務不斷增加,多平台應用的開發對於伺服器性能的要求也逐步提升,長而久之伺服器遇到性能瓶頸也是情理之中的事情,對於這種情況,我們可以通過升級伺服器(例如增加硬體設備或網路帶寬)等相關配置來滿足不斷擴大的業務需求,那麼伺服器性能瓶頸問題就可以得到解決。

二、優化正在使用的伺服器 

不管是完成升級後的伺服器,還是新購置的伺服器,我們都要對其進行優化,從而提升伺服器的性能以及利用率。如何優化伺服器?作為在國互網工作到現在的資深IDC工作人員,小編認為大概分為以下四個方面

要點一:盡可能的減少HTTP請求數 

從客戶訪問網站頁面到整個頁面內容完全展現出來,這其中要花費較多的時間來下載各種Scripts、CSS樣式表、Flash以及圖片,而每一類下載都相當於一次HTTP請求,這樣的請求越多網站被完全載入出來所花的時間會越長,意味著客戶端的訪問會很慢,那麼此時就需要盡可能的減少HTTP請求數,通常我們可以直接把css和js寫入到頁面中,避免了外部的調用;或者我們可以把CSS文件和JS文件分來,在後台再進行合並,這樣客戶端瀏覽器相當於一次請求。這是小編在國互網美女前端那學來的。 

要點二:降低DNS查詢時間 

眾所周知網路伺服器端的域名和IP地址是相互對應的,當客戶端發出請求時,計算機還需要通過域名和IP地址的相互轉換來判斷,而這個轉換工作便是域名解析DNS,通常DNS的查詢需要10~20毫秒時間,客戶端瀏覽器也只會等待DNS查詢結束之後才會載入此域名下的內容。因此,我們要加快頁面的訪問速度,就可以從降低DNS查詢時間方面去做改善。 

要點三:啟用伺服器Gzip壓縮功能

對於大中型網站來說,頁面的內容多且比較多樣化,單個頁面的大小可能是幾百K以上了,客戶端訪問的時候下載會比較慢,此時我們可以採用伺服器Gzip頁面壓縮功能,可以將一個大小為100K的頁面文件壓縮成25K以下,這樣就可以減少網路傳輸的數量從而提高客戶端訪問速度。一般伺服器都是可以使用Gzip壓縮功能的,並且能夠針對JS文件、CSS文件和Html進行壓縮,多方面去進行優化網站訪問速度。 

要點四:推薦大中型網站使用CDN加速工具 

CDN加速是目前大型網站普遍使用的頁面加速方式,它對於網站優化幾乎沒有影響的,基本原理是將網站鏡像備份到很多伺服器節點上,使伺服器節點周圍的用戶訪問速度更快,從而提升客戶端高速訪問網站的體驗;但是並不是所有的網站都適合使用CDN加速,一般對於小規模站點個人站的話,就不需要使用CDN加速,畢竟從長期來看這可是一筆不小的開支;建議圖片站以及多媒體站點可使用CDN加速。 

希望以上知識能夠幫到您

3、如何優化網站性能,提高頁面載入速度

提升頁面載入速度
1、圖片大小越小打開速度越快
2、網頁中代碼不要臃腫所以不要有無用代碼
3、js css使用外部引入
4、如果js css 不是顯示用戶看到的信息 而是一些特效的話放在最後載入。

4、如何提高網站訪問速度

第一種方法,利用緩存插件。越來越多的站長構架網站已經不再自己寫程序,而是使用比較完善的現成cms作為框架結構,比如用到WORDPRESS。網上提供的一些常用CMS功能是非常完美的,但需要單獨再設置才能夠更加完美的適合我們的網站,提高網站速度。這就需要使用緩存插件來實現。比如WP-
Supercache,W3-TotalCache這兩款插件是我們必須安裝的緩存插件,可以有效的提高網站速度。

第二種方法,使用CDN加速。近一年CDN已經在我們個人站長中聽的較多,也有很多朋友在使用。CDN的全稱是Content Delivery
Network,解釋為內容分發網路。原理思路是盡可能避開互聯網上有可能影響數據傳輸速度和穩定性的瓶頸和環節,使內容傳輸的更快、更穩定。也就是網站加速器,這個需要付費使用的,免費的不是太穩定。

第三種方法,優化代碼,減少臃腫結構。如果我們使用較為流行的CMS這方便應該不會有臃腫的代碼結構存在,但需要注意的是我們在製作或者選擇網站模
板的時候也會存在不合理的結構。我們需要在寫模板或者程序的時候使用較為簡潔的程序框架,簡潔有利於用戶體驗,也更利於搜索引擎蜘蛛的爬行和抓取。

第四種方法,刪除相關插件。有些站長在構架網站的時候喜歡用很多插件實現特別的效果,我們要知道自己製作的網站的目的是為了讓搜索引擎更加優化,抓
取更多的頁面獲得更好的排名效果。而不是採用多麼絢麗的效果。插件過多,也會影響我們網站的訪問速度和資料庫的讀取速度。插件盡量控制在4個之內。能不用插件的就不要用插件實現。

第五種方法,減少社會化標簽按鈕的數量。WEB2.0網站越來越多,我們為了把自己的網站也融入到2.0系統中會在自己的網站加入更多的社會化網站
按鈕。但是由於這些數據都是遠程調用的,載入需要很長的時間,從而減慢了我們網站的訪問速度。我個人建議大家不要加入社會化書簽,如果要加入也要加入那些
載入速度快的網站平台。

第六種方法,拒絕載入額外的評論系統。最近我也看到很多提供第三方評論的網站平台,可以提供評論服務,看似不錯可以減少我們網站的數據量和垃圾評
論,但是我們也可以看到載入後速度慢了很多。如果對方的速度還可以,都沒有太大問題,如果速度慢,那就影響很大。所以,我建議,不要加入第三方平台。

第七種方法,禁止Gravatar頭像。Gravatar頭像載入也比較浪費資源,我們沒有必要載入Gravatar頭像,雖然好看一些,但沒有必要。可能在網站流量小,評論少看不出來影響效果,如果評論多會明顯感覺到速度很慢。

第八種方法,減少圖片大小和數量。我們盡量在上傳網站圖片的時候減少圖片的大小和尺寸,可以在上傳圖片之前對圖片進行壓縮處理,圖片適當尺碼即可,不要過大。圖片僅僅是網站的點綴,而不需要都是圖文。同時,我們也盡量避免使用大量的視頻或者音頻內容。

第九種方法,開啟GZip壓縮功能。一般的主機都支持GZip壓縮功能。我們需要利用好主機提供給我們的功能,開啟壓縮可以提高網站的訪問速度,一般主機都是免費提供的,但很多人都沒有開啟。

第十種方法,減少JavaScript腳本文件,盡量存放在一個文件中。盡量外部調用JS代碼,不要放在網頁中,更不要遠程調用外部的JS代碼。例
如Google建議您載入在HEAD標簽的分析。您也可以嘗試結合的JavaScript和壓縮他們更快地載入。有些時候我們在頭部的CSS,JS代碼太
多,導致中間內容部分載入太慢。所以盡量減少頭部的代碼。

5、如何加快網站訪問速度

使用CDN加速。近一年CDN已經在我們個人站長中聽的較多,也有很多朋友在使用。CDN的全稱是Content Delivery
Network,解釋為內容分發網路。原理思路是盡可能避開互聯網上有可能影響數據傳輸速度和穩定性的瓶頸和環節,使內容傳輸的更快、更穩定。也就是網站加速器,這個需要付費使用的,免費的不是太穩定。

6、如何提高網站的訪問速度

網站訪問速度優化可以從三個方面入手,伺服器,域名,網站程序環境,就結合一下自己的實際操作分享一下經驗。

選擇國內空間

伺服器作為網站的『家』,質量是否穩定直接影響著網站的根基。除非你是做國外網站,那麼必須要選擇國內空間。對咱們中小站長而言,國內空間質量參差不齊到底選哪一家好呢?阿里雲,百度雲,騰訊雲等巨頭提供的雲伺服器是相當好的選擇,價格定位在1000/年,安全,穩定,符合咱們的網站預算成本,具體搜索清茶的另外一篇文章「清茶SEO淺談:如何選擇網站空間伺服器」,有詳細介紹。

使用CDN加速

我們在瀏覽器輸入網址到看到頁面的過程實際上是經過了

本地訪問申請 → 域名解析伺服器 → 伺服器接收到數據 → 返回數據

四個步驟, CDN加速即即內容分發網路。其基本思路是盡可能避開互聯網上有可能影響數據傳輸速度和穩定性的瓶頸和環節,使內容傳輸的更快、更穩定。簡單而言,咱們經常聽到節點這個詞,就是假如你在北京訪問一台實際伺服器地址在成都的網站,正常情況網站請求要跑到成都,在返回數據,有了CDN後,請求直接在北京的節點返回數據,直接省掉了幾千公里的路,大大提高了訪問速度。

國內CDN也有不少,清茶推薦使用『百度雲加速』,按照提示5分鍾即可完成操作,既然是百度的CDN,對網站搜索引擎排名肯定是有著加成效果的,對咱們而言,即能加快網站速度,還能提高SEO,何樂而不為呢?

優化網站程序

講完了伺服器和域名的加速方式,網站程序的優化步驟稍微多2步,完成如下操作即可:

開啟GZIP壓縮。

一般的主機都支持GZip壓縮功能。我們需要利用好主機提供給我們的功能,開啟壓縮可以提高網站的訪問速度,具體步驟大家自行搜索參考文檔步驟即可完成(預計10分鍾),完成後記得在站長工具里查看是否成功開啟壓縮哦。

使用緩存技術

如果你使用的是織夢或帝國CMS則可忽略此項。主要針對wordpress及其他非靜態的CMS而言,使用緩存技術能大幅度提高頁面加速效率,具體可以訪問清茶的小站,查看如何開啟緩存步驟的文章。

減少臃腫代碼

這主要是針對程序模板而言,減少JS的調用數量,減少CSS的數量,刪除無關HTML代碼,減少圖片數量等等。如果不懂沒關系,在選擇模板的時候查看有無『已做好SEO優化』這樣的相關字眼即可。

基本按照如此三大步驟設置後,網站的訪問速度能提高90%以上,這就為後續的SEO打下了堅實的環境基礎。PS,國內空間及雲加速都需要網站備案,建議使用『百度雲觀測』全方位的監測網站在各地的實時訪問速度。

7、如何優化頁面載入速度

1.伺服器響應時間

即使網站已經格外優化,但是除非伺服器響應時間非常快,否則就不會有什麼大的效果。當涉及到提高網站的速度,伺服器響應時間起著重要的作用。下面是一些提高伺服器響應時間的小貼士。

有獨立的伺服器,而不是選擇共享/託管伺服器。

提高Web伺服器的質量。

移除不必要的插件,只有那些必要的插件,才需要一直保持啟用狀態。

2.瀏覽器緩存

瀏覽器緩存可以減少HTTP請求,從而反過來提高網站的載入速度。下面就是如何利用瀏覽器緩存的代碼示例:

Java代碼ExpiresActive On

ExpiresByType image/jpg "access 1 year"

ExpiresByType image/jpeg "access 1 year"

ExpiresByType image/gif "access 1 year"

ExpiresByType image/png "access 1 year"

ExpiresByType text/css "access 1 month"

ExpiresByType text/html "access 1 month"

ExpiresByType application/pdf "access 1 month"

ExpiresByType text/x-javascript "access 1 month"

ExpiresByType application/x-shockwave-flash "access 1 month"

ExpiresByType image/x-icon "access 1 year"

ExpiresDefault "access 1 month"注意:如果過期時間與文件掛鉤,而此時文件中的內容需要更改的話,那必須先重命名文件,以便瀏覽器可以獲取新添加的代碼。

3.gzip壓縮

gzip壓縮是一個壓縮實用程序,我們可以用它來快速載入網站。它的工作原理是在發送HTML和CSS文件到互聯網瀏覽器之前,先壓縮文件大小。允許mod_defalte模塊啟用Gzip壓縮,下面是如何使用它的代碼示例:

Java代碼# Compress HTML, CSS, JavaScript, Text, XML

AddOutputFilterByType DEFLATE application/javascript

AddOutputFilterByType DEFLATE application/xhtml+xml

AddOutputFilterByType DEFLATE application/xml

AddOutputFilterByType DEFLATE text/css

AddOutputFilterByType DEFLATE text/html

AddOutputFilterByType DEFLATE text/javascript

AddOutputFilterByType DEFLATE text/plain

AddOutputFilterByType DEFLATE text/xml

# Remove browser bugs (only needed for really old browsers)

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4\.0[678] no-gzip

BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

Header append Vary User-Agent4.非同步腳本

還有一個可以提高網站頁面速度的超棒選擇就是非同步載入腳本。如此一來網頁負載就並不必依賴於這些非同步腳本,網站訪問者也不再需要不得不按捺下性子,等待所有的腳本載入完之後才能呈現頁面。在非同步模式中,腳本是在後台下載的。通常,我們會將第三方腳本作為非同步腳本,因為下載這些腳本時常會讓網站速度變得非常慢。

Css代碼5.內容分發網路(CDN)

內容分發網路(CDN)是位於不同地理位置的伺服器組成的網路。每個伺服器都擁有所有網站的文件副本。要是有網站訪問者請求文件和網頁時,就可以直接從就近的網站伺服器發送過來(也可以是從負載最小的伺服器)。

6.優化JavaScript、HTML和CSS

優化JavaScript和CSS也可以提高一個網站的網頁速度,而且這個方法非常簡單。優化JavaScript、HTML和CSS就是刪除所有不必要的空格和注釋,從而減小文件大小。下面是一些最小化JavaScript和CSS的流行工具,非常有用。

CSS Minifier

Avivo

HTML Compressor

7.置於頂部的樣式表和底部的腳本

將樣式表放在頂部有助網站的迅速載入,因為這樣可以使得網頁漸進式呈現。一般地,所有的互聯網瀏覽器都支持在給定時間內並行下載兩個組件(圖像、樣式和腳本)。但是通常而言,霸道的腳本會在並行下載時會阻止其他的下載,直到腳本下載完畢。

8.避免阻塞型的JavaScript和CSS

在瀏覽器呈現網頁之前,它首先需要通過解析HTML標記語言來構建一個DOM樹。在此過程中,如果遇到了腳本,此過程就會中止,轉而先執行腳本,完了才會繼續原先的活動。因此建議避免阻塞型的JavaScript,尤其是外部腳本。

阻塞型JavaScript還會導致網站的延遲。所以不妨推遲載入那些不重要的JavaScript,或者採用非同步載入的方式。另一種選擇是將這些HTML代碼內嵌到網站上,同時需要確保CSS的優化。

9.JavaScript的延遲解析

為了載入網頁,瀏覽器必須解析所有的

8、如何對網站進行優化提速

網站打開速度慢的話,查查伺服器速度。可以更換伺服器。如果代碼有問題或者圖片太多,建議優化。

9、站長如何優化網站訪問速度

1、開啟MIP
百度對於MIP的描述:使用MIP無需等待載入,頁面內容將以更友好的方式瞬時到達用戶,如果你還未建站建議新站初期就開始採用MIP,否則後期改版相對麻煩。
2、CDN

cdn並沒有從根本上解決頁面載入速度的問題,而是通過雲加速,將頁面緩存到最快的訪問節點,從而提高了頁面載入速度,這對於技術薄弱的站長是個福利,同時國內的cdn服務商很多,如果你是依託百度搜索的,還是建議大家使用百度雲加速。

3、開啟gzip,優化相關代碼

開啟Gzip來減少大於 150 位元組的CSS,HTML和JavaScript文件的大小,同時盡量修改這些原文件,使得體積變小,這里有個小建議,盡量減少外部字體的使用,不要採用多個CSS,js盡量放在頁面底端。

4、減少重定向

日常工作中,我們經常會對一些需要變更的頁面進行 301 重定向,盡量避免網站出現大量的重定向網址,特別是已經參與排名的頁面,它耗費了伺服器的響應時間。

5、設置緩存

利用瀏覽器緩存大量信息(樣式表,圖像,JavaScript文件等),以便當訪問者回到您的網站時,瀏覽器不必重新載入整個頁面。需要注意的是,你需要根據更新頻率,設置相關緩存的周期。

6、優化圖像

高清圖片往往伴隨著高質量,特別是電商網站,我們應該對圖片進行整體壓縮,減少圖片大小,從物理上優化載入速度,當然你也可以通過css與js的方式降低圖片打開對網頁載入速度的影響。

7、HTTPS優化

百度倡導任何站點開啟HTTPS模式,用來加強網站信息傳輸的安全,同時也會給予一定的排名參考,但我們都制定https需要調用伺服器資源並佔用一定時間,目前最好的辦法就是開啟具有https加速的CDN。

8、DNS

DNS是大家經常忽略的一個問題,但卻是開啟頁面的首要因素,選擇一個穩定的DNS服務商,是你開啟一切優化工作的基本條件。

站長也可以使用像z-blog,dedecms,搜外6系統,他們都已經把SEO做到了極致,只要後台設置好就行,網站訪問速度杠杠的。

與如何優化網站請求速度相關的知識