18個網(wǎng)站優(yōu)化技巧

快速的頁面加載對提升搜索引擎排名、網(wǎng)站轉(zhuǎn)化率和整體的用戶體驗(yàn)是非常重要的。網(wǎng)站頁面的加載速度也是衡量網(wǎng)站性能的一個重要因素。

創(chuàng)新互聯(lián)專注于企業(yè)營銷型網(wǎng)站、網(wǎng)站重做改版、黎川網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5建站、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、成都外貿(mào)網(wǎng)站建設(shè)公司、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù)，價格優(yōu)惠性價比高，為黎川等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

如果網(wǎng)站不是以最好的性能在運(yùn)行，遲緩的加載會讓你在低的排名和搜索流量上花費(fèi)更大的代價。頁面的加載速度會對用戶的行為和轉(zhuǎn)化率產(chǎn)生很大的影響。

那么？有哪些簡單的方式可以優(yōu)化加載速度呢？

1、圖片優(yōu)化

首先，你需要優(yōu)化你網(wǎng)站上的圖片，來獲得絲毫加速網(wǎng)站的機(jī)會。從原圖上移除額外的注解、不必要的空間和無用的顏色，將圖片保存為JPEG格式，因?yàn)樗词拐加每臻g小，也能保證圖片的高質(zhì)量。

對于WordPress網(wǎng)站，建議使用smush.it插件來自動優(yōu)化網(wǎng)站的圖片。如果圖片是PNG格式，可以使用tinypng 優(yōu)化圖片，提高圖片質(zhì)量。

2、開啟GZip壓縮

GZip壓縮聽起來很復(fù)雜，但實(shí)際上很簡單，被用于減少HTTP請求的大小來縮短響應(yīng)時間。因?yàn)檫@允許你發(fā)送GZip壓縮文件而不是HTML文件給瀏覽器，它將縮短頁面等待時間和加載時間。對于Apache服務(wù)器，可以將下面的代碼添加到.htaccess文件中來開啟GZip壓縮。

<ifModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
</ifModule

如果上面的代碼沒有開啟GZip壓縮，則刪除，使用下面的代碼：

# 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
# Or, compress certain file types by extension:
<files *.html>
SetOutputFilter DEFLATE
</files>

或者在HTML/PHP文件的頂部添加下列的PHP代碼：

<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) ob_start("ob_gzhandler"); else ob_start(); ?>

3、服務(wù)器響應(yīng)時間

即使網(wǎng)站已經(jīng)格外優(yōu)化，但是除非服務(wù)器響應(yīng)時間非?？?，否則就不會有什么大的效果。當(dāng)涉及到提高網(wǎng)站的速度，服務(wù)器響應(yīng)時間起著重要的作用。下面是一些提高服務(wù)器響應(yīng)時間的建議。

有獨(dú)立的服務(wù)器，而不是選擇共享/托管服務(wù)器。

提高Web服務(wù)器的質(zhì)量。

移除不必要的插件，只有那些必要的插件，才需要一直保持啟用狀態(tài)。

4、瀏覽器緩存

瀏覽器具有緩存的功能，可以存儲指定的文件，減少HTTP請求，從而提高網(wǎng)站的加載速度。你可以通過在.htaccess文件中設(shè)置expires頭來開啟瀏覽器緩存，利用下面的代碼可以實(shí)現(xiàn)：

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

注意：如果過期時間與文件掛鉤，而此時文件中的內(nèi)容需要更改的話，那必須先重命名文件，以便瀏覽器可以獲取新添加的代碼。

5、開啟長連接（Keep-Alive）

Keep-Alive頭對縮短瀏覽器和服務(wù)器之間的分布式請求的潛伏期是非常重要的。當(dāng)用戶通過瀏覽器請求網(wǎng)頁時，瀏覽器會讀取服務(wù)器發(fā)送的特定的HTML文件，如果請求的頁面中包含了外部的CSS和JavaScript文件，瀏覽器會再次發(fā)送獨(dú)立的請求來獲取這些文件。正如你想的，這會延長頁面的加載時間。

使用Keep-Alive頭可以一直保持連接，直到瀏覽器從服務(wù)器獲取到所有與這個頁面相關(guān)的資源。在.htaccess文件中加入下面的代碼可以開啟這個功能：

<ifModule mod_headers.c> Header set Connection keep-alive </ifModule>

6、使用CDN

內(nèi)容分發(fā)網(wǎng)絡(luò)（CDN）是位于不同地理位置的服務(wù)器組成的網(wǎng)絡(luò)。每個服務(wù)器都擁有所有網(wǎng)站的文件副本。當(dāng)用戶請求文件和網(wǎng)頁時，就可以直接從就近的網(wǎng)站服務(wù)器獲取相應(yīng)資源（也可以是從負(fù)載最小的服務(wù)器）。你可以使用Amazon cloud front 或者M(jìn)axCDN為網(wǎng)站開啟CDN加速。

7、壓縮CSS、JavaScript和HTML文件

通過刪除所有不必要的空格和注釋，從而減小文件大小，提高頁面的加載速度。下面是一些優(yōu)化CSS、JavaScript和HTML文件的流行工具，非常有用。

CSS Minifier

Avivo

HTML Compressor

8、避免重定向

重定向是對網(wǎng)站訪問者的一種極大的刺激。就類似你去一個朋友家，卻發(fā)現(xiàn)你朋友早已經(jīng)搬到三個街區(qū)遠(yuǎn)的地方了。重定向會消耗額外的時間，降低加載速度。

9、指定字符集

指定字符集是加速瀏覽器渲染頁面的另一個有用的技巧。下面的代碼就能輕松實(shí)現(xiàn)：

10、避免錯誤請求

當(dāng)用戶在網(wǎng)站上搜索時，收到404或410錯誤是比較失望的。錯誤請求會對網(wǎng)站的頁面加載速度產(chǎn)生不利影響。因此，建議你無論如何都要避免錯誤請求。Check My Link 能幫你找出404鏈接，清除它們，改善用戶體驗(yàn)。

11、丟棄跟蹤代碼、嵌入視頻的元素和分享按鈕

很多網(wǎng)站管理員認(rèn)為使用多個跟蹤代碼提供嵌入和分享按鈕會帶給用戶更好的體驗(yàn)，實(shí)際上這只會給網(wǎng)站增加更多的服務(wù)請求。例如，一個iframe會請求一個新頁面，這會自動降低網(wǎng)站的加載速度。所以，丟棄這些跟蹤代碼，可以提高網(wǎng)站加載速度，提升用戶體驗(yàn)。

12、異步腳本

還有一個可以提高網(wǎng)站頁面速度的超棒選擇就是異步加載腳本。如此一來網(wǎng)頁負(fù)載就并不必依賴于這些異步腳本。在異步模式中，腳本是在后臺下載的，不會影響瀏覽器對頁面的渲染和加載。

13、樣式表置頂，腳本置底

將樣式表放在頂部有利于頁面迅速加載，因?yàn)檫@樣可以使得頁面慢慢呈現(xiàn)。一般來說，在同一時間，大部分瀏覽器支持并行下載兩個組件（圖像、樣式和腳本）。但是通常而言，腳本會在并行下載時會阻止其他的下載，直到腳本下載完畢。

14、JavaScript的延遲解析

為了加載網(wǎng)頁，瀏覽器必須解析所有的標(biāo)記內(nèi)容，從而增加了網(wǎng)站的加載時間。通過延遲解析腳本，那么就可以減少初始網(wǎng)站的加載時間了。

15、避免阻塞型的JavaScript和CSS

在瀏覽器呈現(xiàn)網(wǎng)頁之前，它首先需要通過解析HTML標(biāo)記語言來構(gòu)建一個DOM樹。在此過程中，如果遇到了腳本，此過程就會中止，轉(zhuǎn)而先執(zhí)行腳本，然后才會繼續(xù)原先的活動。因此建議避免阻塞型的JavaScript，尤其是外部腳本。

阻塞型JavaScript還會導(dǎo)致網(wǎng)站的延遲。所以不妨推遲加載那些不重要的JavaScript，或者采用異步加載的方式。另一種選擇是將這些HTML代碼內(nèi)嵌到網(wǎng)站上，同時需要確保CSS的優(yōu)化。

16、優(yōu)化代碼：不使用內(nèi)聯(lián)的CSS

內(nèi)聯(lián)了樣式就不能清清楚楚地將內(nèi)容從設(shè)計(jì)中剝離開來。同時可能還會需要大量的維護(hù)工作，給網(wǎng)站管理員帶來各種不便，還會進(jìn)一步增加網(wǎng)頁的大小。

17、文件分離

網(wǎng)站的文件可以分為CSS、JavaScripts和圖像。文件分離雖然并不能直接改善網(wǎng)站的加載時間。但是，這么做可以提高服務(wù)器的穩(wěn)定性，特別是當(dāng)網(wǎng)站流量突然出現(xiàn)了尖峰的時候。子域也可以用于托管文件，這樣可以增加并行下載的數(shù)量。

18、盡量減少HTTP請求

還有一種簡單的優(yōu)化網(wǎng)頁速度的方法是，減少HTTP請求。當(dāng)一個網(wǎng)站一下子收到太多的HTTP請求，它的訪客就會有響應(yīng)時間延遲的體驗(yàn)，這不僅增加了CPU使用率也增加了頁面的加載時間。那么，又該如何減少HTTP請求？請見以下步驟:

減少網(wǎng)站上的對象數(shù)量。

最小化網(wǎng)站上的重定向數(shù)量。

使用CSS Sprites 技術(shù)（只要你需要的那部分圖片內(nèi)容）。

合并JavaScripts和CSS文件。

分享名稱：18個網(wǎng)站優(yōu)化技巧
本文路徑：http://www.bm7419.com/article0/dghchoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、云服務(wù)器、App設(shè)計(jì)、外貿(mào)建站、靜態(tài)網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容