所有的搜索引擎排名都或多或少與網(wǎng)站的加載速度有關(guān)，而這次百度閃電算法來了，網(wǎng)站首屏的打開速度被納入優(yōu)化排名，打開時(shí)間一目了然定義為2秒，那么我們?nèi)绾蝺?yōu)化網(wǎng)站首頁的打開速度呢？

　　網(wǎng)站速度優(yōu)化

　　要優(yōu)化站點(diǎn)速度，我們需要把軟件和硬件都做好。從站點(diǎn)程序和頁面設(shè)計(jì)本身來解決網(wǎng)絡(luò)資源的加載，然后服務(wù)器本身必須有足夠的帶寬和處理資源。

　　首先，我們打開一個(gè)網(wǎng)頁時(shí)看到的只是用戶界面，所以我們看到頁面背后的支持是HTML代碼，其中包含各種網(wǎng)頁標(biāo)簽，包括用于網(wǎng)站優(yōu)化的TKD，以及加載的渲染資源： javascript、css，已經(jīng)是頁面內(nèi)容：圖片、音頻、視頻等。

　　1、代碼夠簡(jiǎn)潔

　　減少代碼冗余并保持簡(jiǎn)潔的代碼風(fēng)格。這對(duì)于 Web 開發(fā)人員來說是必須的。如果你可以使用 css 獲得相同的結(jié)果，請(qǐng)盡量不要使用 js。如果兩行代碼就能解決問題，不寫三行是最簡(jiǎn)單的一點(diǎn)。

　　2.使用延遲加載圖像，防止視頻或音頻自動(dòng)播放，還記得作者曾經(jīng)在官網(wǎng)上寫過一篇文章《網(wǎng)站圖片優(yōu)化和懶加載對(duì)提升用戶體驗(yàn)必不可少！》，里面講了如何在不影響網(wǎng)站優(yōu)化的情況下，明智地使用圖片延遲加載技術(shù)來提升用戶體驗(yàn)，因?yàn)閼衛(wèi)oading 這是為了防止打開頁面后立即加載圖片，消耗網(wǎng)絡(luò)帶寬，影響網(wǎng)站加載速度和網(wǎng)站首屏請(qǐng)求，非文字圖片可能會(huì)被延遲加載。

　　圖片對(duì)于任何網(wǎng)站來說基本上都是必不可少的，但是對(duì)于做視頻和音頻的網(wǎng)站來說，自動(dòng)加載頁面會(huì)占用更多的網(wǎng)站帶寬資源，所以這也是優(yōu)化網(wǎng)站加載速度的一小部分。知識(shí)。

　　3.減少資源負(fù)載

　　這里提到的資源主要是指js和css文件，據(jù)我所知很多前端開發(fā)者喜歡使用各種開源的特效或者別人做的效果，包括給站點(diǎn)引入一些圖標(biāo)。開源的圖標(biāo)字體庫為特定的特效呈現(xiàn)多個(gè)js和css文件，無形中為網(wǎng)站增加了“權(quán)重”。

　　4.使用CDN加速靜態(tài)資源

　　作者在文章中也考慮過使用CDN加速是否會(huì)影響網(wǎng)站的優(yōu)化，作者仍然不同意網(wǎng)站的CDN加速，但強(qiáng)烈同意網(wǎng)站使用CDN加速鏡像或緩存優(yōu)化靜態(tài)資源例如網(wǎng)站js、css、圖片等文件，使用CDN加快整個(gè)網(wǎng)站的加載和打開速度。

　　5.優(yōu)化服務(wù)器本身的速度

　　啟用服務(wù)器 Gzip 壓縮；啟用數(shù)據(jù)庫查詢和頁面緩存（對(duì)于直接生成靜態(tài)頁面的網(wǎng)站，可以忽略）；更新或確保服務(wù)器有足夠的網(wǎng)絡(luò)帶寬；啟用站點(diǎn)緩存以充分利用本地緩存。

　　另外，考慮到網(wǎng)絡(luò)安全的重要性，如果你的站點(diǎn)安裝了SSL證書來啟用HTTPS協(xié)議，你可以啟用HTTPS/2或者SPDY，這樣可以在一定程度上加快網(wǎng)站加載速度。

　　6.提高頁面渲染速度

　　在 header 樣式表中寫入 CSS 樣式，以減少 Web 請(qǐng)求 CSS 文件導(dǎo)致的渲染阻塞。

　　將 JavaScript 放在文檔末尾或異步加載，以避免渲染阻塞 JS 執(zhí)行。

　　指定非文本元素（如圖像、視頻）的寬度和高度，以避免瀏覽器重排和重繪。

　　總結(jié)

　　百度的“閃電算法”雖然是移動(dòng)搜索排名的算法，但筆者上面提到的所有信息點(diǎn)都是通用的，沒有移動(dòng)端和電腦端的區(qū)別。寫的不是很詳細(xì)。都是按照自己的想法寫的，雖然句子寫的很簡(jiǎn)單，但是如果真的要使用，如果不知道網(wǎng)站或者服務(wù)器的代碼，可能會(huì)很吃力使用它。