快速的頁(yè)面加載對提升搜索引擎排名、網(wǎng)站轉化率和整體的用戶(hù)體驗是非常重要的。網(wǎng)站頁(yè)面的加載速度也是衡量網(wǎng)站性能的一個(gè)重要因素。
如果網(wǎng)站不是以最好的性能在運行，遲緩的加載會(huì )讓你在低的排名和搜索流量上花費更大的代價(jià)。頁(yè)面的加載速度會(huì )對用戶(hù)的行為和轉化率產(chǎn)生很大的影響。
那么？有哪些簡(jiǎn)單的方式可以?xún)?yōu)化加載速度呢？
一、圖片優(yōu)化
首先，你需要優(yōu)化你網(wǎng)站上的圖片，來(lái)獲得絲毫加速網(wǎng)站的機會(huì )。從原圖上移除額外的注解、不必要的空間和無(wú)用的顏色，將圖片保存為JPEG格式，因為它即使占用空間小，也能保證圖片的高質(zhì)量。
對于WordPress網(wǎng)站，建議使用smush.it插件來(lái)自動(dòng)優(yōu)化網(wǎng)站的圖片。如果圖片是PNG格式，可以使用tinypng 優(yōu)化圖片，提高圖片質(zhì)量。
二、開(kāi)啟GZip壓縮
GZip壓縮聽(tīng)起來(lái)很復雜，但實(shí)際上很簡(jiǎn)單，被用于減少HTTP請求的大小來(lái)縮短響應時(shí)間。因為這允許你發(fā)送GZip壓縮文件而不是HTML文件給瀏覽器，它將縮短頁(yè)面等待時(shí)間和加載時(shí)間。對于A(yíng)pache服務(wù)器，可以將下面的代碼添加到.htaccess文件中來(lái)開(kāi)啟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
如果上面的代碼沒(méi)有開(kāi)啟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(); ?>
三、服務(wù)器響應時(shí)間
即使網(wǎng)站已經(jīng)格外優(yōu)化，但是除非服務(wù)器響應時(shí)間非?？?，否則就不會(huì )有什么大的效果。當涉及到提高網(wǎng)站的速度，服務(wù)器響應時(shí)間起著(zhù)重要的作用。下面是一些提高服務(wù)器響應時(shí)間的建議。
1.有獨立的服務(wù)器，而不是選擇共享/托管服務(wù)器。
2.提高Web服務(wù)器的質(zhì)量。
3.移除不必要的插件，只有那些必要的插件，才需要一直保持啟用狀態(tài)。
四、瀏覽器緩存
瀏覽器具有緩存的功能，可以存儲指定的文件，減少HTTP請求，從而提高網(wǎng)站的加載速度。你可以通過(guò)在.htaccess文件中設置expires頭來(lái)開(kāi)啟瀏覽器緩存，利用下面的代碼可以實(shí)現：
## 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 ##
注意：如果過(guò)期時(shí)間與文件掛鉤，而此時(shí)文件中的內容需要更改的話(huà)，那必須先重命名文件，以便瀏覽器可以獲取新添加的代碼。
五、開(kāi)啟長(cháng)連接（Keep-Alive）
Keep-Alive頭對縮短瀏覽器和服務(wù)器之間的分布式請求的潛伏期是非常重要的。當用戶(hù)通過(guò)瀏覽器請求網(wǎng)頁(yè)時(shí)，瀏覽器會(huì )讀取服務(wù)器發(fā)送的特定的HTML文件，如果請求的頁(yè)面中包含了外部的CSS和JavaScript文件，瀏覽器會(huì )再次發(fā)送獨立的請求來(lái)獲取這些文件。正如你想的，這會(huì )延長(cháng)頁(yè)面的加載時(shí)間。
使用Keep-Alive頭可以一直保持連接，直到瀏覽器從服務(wù)器獲取到所有與這個(gè)頁(yè)面相關(guān)的資源。在.htaccess文件中加入下面的代碼可以開(kāi)啟這個(gè)功能：
<ifModule mod_headers.c> Header set Connection keep-alive </ifModule>
六、使用CDN
內容分發(fā)網(wǎng)絡(luò )（CDN）是位于不同地理位置的服務(wù)器組成的網(wǎng)絡(luò )。每個(gè)服務(wù)器都擁有所有網(wǎng)站的文件副本。當用戶(hù)請求文件和網(wǎng)頁(yè)時(shí)，就可以直接從就近的網(wǎng)站服務(wù)器獲取相應資源（也可以是從負載最小的服務(wù)器）。你可以使用Amazon cloud front 或者M(jìn)axCDN為網(wǎng)站開(kāi)啟CDN加速。
七、壓縮CSS、JavaScript和HTML文件
通過(guò)刪除所有不必要的空格和注釋?zhuān)瑥亩鴾p小文件大小，提高頁(yè)面的加載速度。下面是一些優(yōu)化CSS、JavaScript和HTML文件的流行工具，非常有用。
1.CSS Minifier
2.Avivo
3.HTML Compressor
八、避免重定向
重定向是對網(wǎng)站訪(fǎng)問(wèn)者的一種極大的刺激。就類(lèi)似你去一個(gè)朋友家，卻發(fā)現你朋友早已經(jīng)搬到三個(gè)街區遠的地方了。重定向會(huì )消耗額外的時(shí)間，降低加載速度。
九、指定字符集
指定字符集是加速瀏覽器渲染頁(yè)面的另一個(gè)有用的技巧。下面的代碼就能輕松實(shí)現：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
十、避免錯誤請求
當用戶(hù)在網(wǎng)站上搜索時(shí)，收到404或410錯誤是比較失望的。錯誤請求會(huì )對網(wǎng)站的頁(yè)面加載速度產(chǎn)生不利影響。因此，建議你無(wú)論如何都要避免錯誤請求。Check My Link 能幫你找出404鏈接，清除它們，改善用戶(hù)體驗。
十一、丟棄跟蹤代碼、嵌入視頻的元素和分享按鈕
很多網(wǎng)站管理員認為使用多個(gè)跟蹤代碼提供嵌入和分享按鈕會(huì )帶給用戶(hù)更好的體驗，實(shí)際上這只會(huì )給網(wǎng)站增加更多的服務(wù)請求。例如，一個(gè)iframe會(huì )請求一個(gè)新頁(yè)面，這會(huì )自動(dòng)降低網(wǎng)站的加載速度。所以，丟棄這些跟蹤代碼，可以提高網(wǎng)站加載速度，提升用戶(hù)體驗。
十二、異步腳本
還有一個(gè)可以提高網(wǎng)站頁(yè)面速度的超棒選擇就是異步加載腳本。如此一來(lái)網(wǎng)頁(yè)負載就并不必依賴(lài)于這些異步腳本。在異步模式中，腳本是在后臺下載的，不會(huì )影響瀏覽器對頁(yè)面的渲染和加載。
<script async src="http://www.yoursite.com/script.js"></script>
十三、樣式表置頂，腳本置底
將樣式表放在頂部有利于頁(yè)面迅速加載，因為這樣可以使得頁(yè)面慢慢呈現。一般來(lái)說(shuō)，在同一時(shí)間，大部分瀏覽器支持并行下載兩個(gè)組件（圖像、樣式和腳本）。但是通常而言，腳本會(huì )在并行下載時(shí)會(huì )阻止其他的下載，直到腳本下載完畢。
十四、JavaScript的延遲解析
為了加載網(wǎng)頁(yè)，瀏覽器必須解析所有的標記內容，從而增加了網(wǎng)站的加載時(shí)間。通過(guò)延遲解析腳本，那么就可以減少初始網(wǎng)站的加載時(shí)間了。
十五、避免阻塞型的JavaScript和CSS
在瀏覽器呈現網(wǎng)頁(yè)之前，它首先需要通過(guò)解析HTML標記語(yǔ)言來(lái)構建一個(gè)DOM樹(shù)。在此過(guò)程中，如果遇到了腳本，此過(guò)程就會(huì )中止，轉而先執行腳本，然后才會(huì )繼續原先的活動(dòng)。因此建議避免阻塞型的JavaScript，尤其是外部腳本。
阻塞型JavaScript還會(huì )導致網(wǎng)站的延遲。所以不妨推遲加載那些不重要的JavaScript，或者采用異步加載的方式。另一種選擇是將這些HTML代碼內嵌到網(wǎng)站上，同時(shí)需要確保CSS的優(yōu)化。
十六、優(yōu)化代碼：不使用內聯(lián)的CSS
內聯(lián)了樣式就不能清清楚楚地將內容從設計中剝離開(kāi)來(lái)。同時(shí)可能還會(huì )需要大量的維護工作，給網(wǎng)站管理員帶來(lái)各種不便，還會(huì )進(jìn)一步增加網(wǎng)頁(yè)的大小。
十七、文件分離
網(wǎng)站的文件可以分為CSS、JavaScripts和圖像。文件分離雖然并不能直接改善網(wǎng)站的加載時(shí)間。但是，這么做可以提高服務(wù)器的穩定性，特別是當網(wǎng)站流量突然出現了尖峰的時(shí)候。子域也可以用于托管文件，這樣可以增加并行下載的數量。
十八、盡量減少HTTP請求
還有一種簡(jiǎn)單的優(yōu)化網(wǎng)頁(yè)速度的方法是，減少HTTP請求。當一個(gè)網(wǎng)站一下子收到太多的HTTP請求，它的訪(fǎng)客就會(huì )有響應時(shí)間延遲的體驗，這不僅增加了CPU使用率也增加了頁(yè)面的加載時(shí)間。那么，又該如何減少HTTP請求？請見(jiàn)以下步驟:
1.減少網(wǎng)站上的對象數量。
2.最小化網(wǎng)站上的重定向數量。
3.使用CSS Sprites 技術(shù)（只要你需要的那部分圖片內容）。
4.合并JavaScripts和CSS文件。
洛陽(yáng)森竹軟件科技有限公司—洛陽(yáng)軟件開(kāi)發(fā)|洛陽(yáng)網(wǎng)站建設|洛陽(yáng)小程序制作|洛陽(yáng)APP開(kāi)發(fā)|洛陽(yáng)軟件外包|洛陽(yáng)商標代理|洛陽(yáng)知識產(chǎn)權|洛陽(yáng)商標注冊|洛陽(yáng)軟著(zhù)申請|洛陽(yáng)版權登記|
聲明：轉載此文是出于傳遞更多信息之目的。若有來(lái)源標注錯誤或侵犯了您的合法權益，請作者持權屬證明與本網(wǎng)聯(lián)系，我們將及時(shí)更正、刪除，謝謝。選擇森竹服務(wù)，開(kāi)發(fā)少走彎路——洛陽(yáng)森竹軟件科技m.tmxqpt.com
豫公網(wǎng)安備 41031102000225號