網站載入速度優化的14個技巧

1、怎樣優化一個網站首頁的載入速度

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的延遲解析

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

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

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

3、如何優化網站前端網頁載入速度實戰經驗分享

1、減少請求數量 與 減小請求大小。
2、小圖標合並成sprite圖 與 iconfont字體文件
3、圖片用base64 與 延遲載入
4、使用瀏覽器緩存

4、如何加快網頁載入速度

提高移動網頁加抄載的速度，可襲以從伺服器的優化、網頁的容量、請求響應等方面入手，這些方面優化後必然可以提高載入速度。

工具：手機、網站、瀏覽器

方法/步驟：

1、伺服器硬體軟體配置要好，網路、讀寫響應等要做好優化。

2、可以開啟gzip壓縮技術，減少頁面傳輸中容量，增加頁面傳輸速度。

3、頁面代碼標簽要盡量優化，把不需要的空格、可有可無的便簽布局等刪除。 

4、單個頁面大小控制好，或者可以做分頁等處理。

5、css、js統一到外部文件。

6、圖片大小控制好，能裁剪壓縮處理的盡量做壓縮處理。

7、有些資源可以緩存的可以直接做緩存處理，保存到客戶端本地，減少頻繁傳輸。

5、網站頁面載入速度過慢，怎麼優化才能變快？

降低頁面的比重

1去除不必要的空白和注釋， 將inline的script和css放到外部文件中。 HTML Tidy這個工具可以用來自動的去除空白。還有一些其他的工具能夠壓縮javascript代碼，比如將比較長的標志符換成短的，通過這種方式，盡量的減少頁面的比重。

減少文件的數量
將少一個webpage被載入時所需要的下載的文件數量，有些browser具有cache的設置，如果一個css或是javascript文件沒有被改變的話，它就不會再去下載一遍。通過這樣的設置，也可能減少文件下載的數量。

減少Domain查詢
對於每個Domain的查詢，都需要去檢索DNS， 過多的Domian查詢會導致頁面載入速度變慢。

緩存重用的內容
確保所有可以被緩存的數據都已被緩存，並在恰當的時間過期。
尤其要注意的是：Last-Modified header，它會記錄下靜態最近被改動的時間，而對於大多數web伺服器來講，都會默認的為靜態文件提供這樣的頭。

js：避免使用eval或者是函數構造器
js解釋器在執行代碼前，會進行類似預編譯的操作，首先會創建一個當前執行環境下的活動對象，並將那些用var聲明的變數設置為活動對象的屬性，但是此時這些變數的賦值都是undefined， 並將那些以funciton定義的函數也添加為活動對象的屬性，而他們的值真是函數的定義。
使用eval時，傳遞給它的string內容，因為無法進行預編譯，所以解釋器也無法丟代碼進行優化。這樣的結果就是eval的效率相當低。
同時，在所以可以用string代替函數的地方，都不要用string來代替，而應該直接傳一個函數過去。

js： 盡量使用局部變數而非全局變數
局部變數的查找速度比全局變數高出許多。

6、網站打開速度優化：如何提高網頁載入速度，提升網頁打開速度

1.
網站需要一個穩定的伺服器或者虛擬機，可以到一些idc評測網去找一家實力較強的idc來購買，具體的搜索「idc評測」。2.
頁面數據調用（資料庫查詢）方面原因，程序盡量減少訪問資料庫次數，資料庫使用連接池，最好能使用靜態化的方式，或者用CDN，沒有CDN的可以使用緩存的方式將動態數據緩存下來。3.
<iframe頁面引用過多，會影響頁面載入速度，同時搜索引擎不建議使用iframe，影響爬蟲抓取。4.
過多Js調用，影響頁面載入速度。只要不是頁面載入的時候就必須執行的JS方法，就可以將JS的調用以及文件放置到頁面的最底部，因為DOM的解析是從上至下，如果JS文件的包含放置在最上面，將會載入完JS再載入頁面的DOM。5.
圖片的優化，每個圖片都要設置他的寬以及高，防止瀏覽器重新渲染一次，如<img
src="xx.jpg" width="200px" height="200px"
/。6.
Gzip壓縮的開啟，加快頁面，以及資源文件載入速度。7.
圖片文件、css文件、js文件，如果這些文件比較多，可以採用分流的方式，放置在資源文件伺服器上，如resoure.xx.com。網頁在載入的過程中，對於不同的域名（二級域名）上的內容採用的是並行下載的方法，並行請求下載能夠提高頁面載入速度。8.
在寫CSS或者JS的時候，最好所有的代碼寫到一個文件里，不要分成多個文件的方式，減少HTTP請求數量，節約載入速度。9.
採用CSSSprite（CSS精靈）方式處理背景圖片，
所有的背景圖片最好能夠整合到一張圖片中的，不要單獨存放。（減少http請求數量）

7、網站打開速度慢怎樣優化

很高興為你解答。

網站打開速度慢，可以通過網站加速技術來優化。

網站加速技術具體操作方法如下：

一、連接過程：

核心提示：減少請求次數。如合並JS、CSS文件、合並CSS背景圖片等。

二、下載頁面（重點）：

核心提示：壓縮與優化。如壓縮JS、CSS、圖片。啟用壓縮傳輸GZIP。

三、渲染頁面

核心提示：聲明和合理編碼。如編碼聲明、圖片尺寸聲明、CSS、JS位置。

優化網站圖片要點總結：

色彩豐富、數碼照片選擇JPG，色彩少、大面積色塊使用GIF或者PNG，非動畫使用PNG-8，

因為PNG-8與GIF在效果一樣的情況下，PNG-8要小，動畫使用GIF。

用站長工具檢查一下網頁的GZIP壓縮

檢查聲明字元集：

代碼更好理解，網站加速實戰技術:使用CSS+DIV布局

好處：1、代碼簡潔、載入快：

採用CSS+DIV重構的頁面容量要比TABLE編碼的頁面文件容量小的多，代碼更加簡潔，前者一般是後者的1/2大小。

2、邊載入邊渲染，顯示快：

載入TABLE里全部內容才進行顯示DIV是邊載入邊顯示。

3、表現和內容相分離：

①提高搜索引擎對網頁的索引效率。

②維護方便，換換CSS，變變樣子。

以上是我為以往客戶優化的成功案例經驗總結，非常實用，希望能幫你解決實質性的問題。

8、如何優化網站頁面提高網頁的載入速度

1:字元集聲明

如果<head>部分未定義字元集，將增加頁面渲染次數，速度減慢。

2：Meta信息完善程度

建議網站meta信息填寫完整

3：合並域名

4:取消重定向

無論是通過伺服器端重定向或者JavaScript代碼進行內容重定向。網站都會首先載入一個空白的頁面，然後在定向到另外的頁面，這樣不僅延長了頁面的載入時間，還很有可能導致無法跳轉，讓用戶面對一個「空白」頁面。

5:合並JS

清除重復多餘的腳本,將網站中的js封裝到一起,縮小JavaScript比如去除不必要的空格等其他標簽等

6:合並CSS

將網站中的css封裝到一起

7:使用Css Sprite

CSS Sprites簡介 CSSSprites在國內很多人叫css精靈，是一種網頁圖片應用處理方式。

8:啟用Gzip

9:CSS位置

建議將他們放到<body>前,CSS放在<body>後，頁面需要重新渲染，打開速度受到影響。

10：js位置

JS放在頁面最後，可以加快頁面打開速度。

11：圖片大小聲明

如果圖片大小不做定義，則頁面需要重新渲染，速度受到影響。

12：圖片Alt信息檢測

建議為網頁img標簽增加alt信息（檢測信息為整個頁面圖片，加入這項信息可使網頁上的圖片更容易被用戶檢索到）

13：去除錯誤連接

無法打開的連接，會導致頁面打開緩慢，請及時修正或刪除。並給網站做404。

14：緩存靜態資源

變化很少的靜態資源可以設置客戶端緩存，減少請求。比如一篇文章發布後就不在改了，這樣就應該生成html文件，來提高網站載入速度。

15：URL長度檢測

建議URL長度在256位元組以內，有關url更多建議參考

16：在靜態頁面上不建議使用動態參數

在靜態頁面上使用動態參數，會造成spider多次和重復抓取「檢測出很多.php的URL，其實就是動態網頁

17：盡量不用Frame/iFrame

18:Flash不要出現沒必要的文字信息

19:減少域名DNS查找時間

用戶在瀏覽器的地址欄中鍵入域名後，瀏覽器就會通過DNS系統查找域名對應的IP地址，所以需要將DNS的時間設置在較低的水平，比如平均60-100毫秒進行一次DNS查詢。