摘要:對于網(wǎng)站,建議使用插件來自動優(yōu)化網(wǎng)站的圖片。避免重定向重定向是對網(wǎng)站訪問者的一種極大的刺激。另一種選擇是將這些代碼內(nèi)嵌到網(wǎng)站上,同時需要確保的優(yōu)化。那么,又該如何減少請求請見以下步驟減少網(wǎng)站上的對象數(shù)量。
快速的頁面加載對提升搜索引擎排名、網(wǎng)站轉(zhuǎn)化率和整體的用戶體驗是非常重要的。網(wǎng)站頁面的加載速度也是衡量網(wǎng)站性能的一個重要因素。
如果網(wǎng)站不是以最好的性能在運行,遲緩的加載會讓你在低的排名和搜索流量上花費更大的代價。頁面的加載速度會對用戶的行為和轉(zhuǎn)化率產(chǎn)生很大的影響。
那么?有哪些簡單的方式可以優(yōu)化加載速度呢?
1、圖片優(yōu)化首先,你需要優(yōu)化你網(wǎng)站上的圖片,來獲得絲毫加速網(wǎng)站的機會。從原圖上移除額外的注解、不必要的空間和無用的顏色,將圖片保存為JPEG格式,因為它即使占用空間小,也能保證圖片的高質(zhì)量。
對于WordPress網(wǎng)站,建議使用smush.it插件來自動優(yōu)化網(wǎng)站的圖片。如果圖片是PNG格式,可以使用tinypng 優(yōu)化圖片,提高圖片質(zhì)量。
2、開啟GZip壓縮GZip壓縮聽起來很復雜,但實際上很簡單,被用于減少HTTP請求的大小來縮短響應時間。因為這允許你發(fā)送GZip壓縮文件而不是HTML文件給瀏覽器,它將縮短頁面等待時間和加載時間。對于Apache服務器,可以將下面的代碼添加到.htaccess文件中來開啟GZip壓縮。
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.*
如果上面的代碼沒有開啟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:SetOutputFilter DEFLATE
或者在HTML/PHP文件的頂部添加下列的PHP代碼:
3、服務器響應時間
即使網(wǎng)站已經(jīng)格外優(yōu)化,但是除非服務器響應時間非常快,否則就不會有什么大的效果。當涉及到提高網(wǎng)站的速度,服務器響應時間起著重要的作用。下面是一些提高服務器響應時間的建議。
有獨立的服務器,而不是選擇共享/托管服務器。
提高Web服務器的質(zhì)量。
移除不必要的插件,只有那些必要的插件,才需要一直保持啟用狀態(tài)。
4、瀏覽器緩存瀏覽器具有緩存的功能,可以存儲指定的文件,減少HTTP請求,從而提高網(wǎng)站的加載速度。你可以通過在.htaccess文件中設置expires頭來開啟瀏覽器緩存,利用下面的代碼可以實現(xiàn):
## EXPIRES CACHING ##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" ## EXPIRES CACHING ##
注意:如果過期時間與文件掛鉤,而此時文件中的內(nèi)容需要更改的話,那必須先重命名文件,以便瀏覽器可以獲取新添加的代碼。
5、開啟長連接(Keep-Alive)Keep-Alive頭對縮短瀏覽器和服務器之間的分布式請求的潛伏期是非常重要的。當用戶通過瀏覽器請求網(wǎng)頁時,瀏覽器會讀取服務器發(fā)送的特定的HTML文件,如果請求的頁面中包含了外部的CSS和JavaScript文件,瀏覽器會再次發(fā)送獨立的請求來獲取這些文件。正如你想的,這會延長頁面的加載時間。
使用Keep-Alive頭可以一直保持連接,直到瀏覽器從服務器獲取到所有與這個頁面相關的資源。在.htaccess文件中加入下面的代碼可以開啟這個功能:
6、使用CDNHeader set Connection keep-alive
內(nèi)容分發(fā)網(wǎng)絡(CDN)是位于不同地理位置的服務器組成的網(wǎng)絡。每個服務器都擁有所有網(wǎng)站的文件副本。當用戶請求文件和網(wǎng)頁時,就可以直接從就近的網(wǎng)站服務器獲取相應資源(也可以是從負載最小的服務器)。你可以使用Amazon cloud front 或者MaxCDN為網(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ū)遠的地方了。重定向會消耗額外的時間,降低加載速度。
9、指定字符集指定字符集是加速瀏覽器渲染頁面的另一個有用的技巧。下面的代碼就能輕松實現(xiàn):
10、避免錯誤請求
當用戶在網(wǎng)站上搜索時,收到404或410錯誤是比較失望的。錯誤請求會對網(wǎng)站的頁面加載速度產(chǎn)生不利影響。因此,建議你無論如何都要避免錯誤請求。Check My Link 能幫你找出404鏈接,清除它們,改善用戶體驗。
11、丟棄跟蹤代碼、嵌入視頻的元素和分享按鈕很多網(wǎng)站管理員認為使用多個跟蹤代碼提供嵌入和分享按鈕會帶給用戶更好的體驗,實際上這只會給網(wǎng)站增加更多的服務請求。例如,一個iframe會請求一個新頁面,這會自動降低網(wǎng)站的加載速度。所以,丟棄這些跟蹤代碼,可以提高網(wǎng)站加載速度,提升用戶體驗。
12、異步腳本還有一個可以提高網(wǎng)站頁面速度的超棒選擇就是異步加載腳本。如此一來網(wǎng)頁負載就并不必依賴于這些異步腳本。在異步模式中,腳本是在后臺下載的,不會影響瀏覽器對頁面的渲染和加載。
13、樣式表置頂,腳本置底
將樣式表放在頂部有利于頁面迅速加載,因為這樣可以使得頁面慢慢呈現(xiàn)。一般來說,在同一時間,大部分瀏覽器支持并行下載兩個組件(圖像、樣式和腳本)。但是通常而言,腳本會在并行下載時會阻止其他的下載,直到腳本下載完畢。
14、JavaScript的延遲解析為了加載網(wǎng)頁,瀏覽器必須解析所有的