如何優(yōu)化網(wǎng)站首頁的打開速度呢？

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

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

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

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

　　1、代碼夠簡潔

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

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

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

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

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

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

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

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

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

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

　　6.提高頁面渲染速度

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

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

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

　　總結(jié)

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