所有的搜索引擎排名與網站的加載速度或多或少有些關系，而這次百度閃電算法來了，將網站首屏打開速度被列入優化排名行列，并明確指定打開時間為2秒，那么我們在如何做好網頁首屏的打開速度呢？

要做好網站速度優化，就必須要做好軟件和硬件兩個方面，從網站程序以及頁面設計本身解決網頁資源的加載，然后就是服務器本身需要有足夠的帶寬及處理資源，下面子凡就依次來與大家探討。  

首先我們打開一個網頁看到的都只是前端，所以我們看到一個頁面背后的支持就是HTML代碼，其中就包含了各種網頁標簽，其中包括網站優化中的TKD，載入的渲染資源：java、css，已經頁面內容：圖片、音頻、視頻等。  

一、代碼的足夠簡潔  

減少代碼冗余，保持簡潔的代碼風格，這是作為一個網頁程序員的必修，能同樣實現一個效果的能用css就盡量不用js，能用兩行代碼解決問題的就別寫三行，這是基礎的一點。  

二、減少資源載入  

這里子凡所說的資源主要是指js、css文件，因為我知道現在很多的前端開發設計人員喜歡用各種開源的特效或者別人做好的效果，其中包括為了給網站添加幾個圖標就引入一個開源的圖標字體庫，為了某個特效又在引入幾個js和css文件，這無形之中就為網站加重了“份量”。  

三、圖片使用懶加載，視頻或音頻禁止自動播放  

還記得子凡曾在淚雪博客寫過關于“圖片懶加載是否會影響網站SEO優化”的文章，其中就說到過如何合理的使用圖片懶加載技術提升用戶體驗而不影響網站優化，因為懶加載是為了防止頁面一被打開就立即載入圖片，這樣就會占用網絡帶寬，從而影響網站的打開速度以及網站首屏的請求，所以非正文圖片都是可以做懶加載的。  

圖片是每個網站基本都少不了的東西，但是對于做視頻、音頻的站點來說，如果打開頁面就自動播放，占用的網站帶寬資源都更多了，所以這也是一個網站打開速度優化的一個小知識。  

四、使用CDN加速靜態資源  

關于使用CDN加速是否影響網站優化的文章子凡也曾有過討論，子凡對于網站整體做CDN加速還是有些不太認同，但是對于將網站靜態資源做CDN加速鏡像或者緩存優化卻是非常認同的，例如將網站的js、css、圖片等文件做CDN加速是更有利于整個網站的加載和打開速度的。  

五、提升頁面渲染速度  

將CSS樣式寫在頭部樣式表中，減少由CSS文件網絡請求造成的渲染阻塞。  

將Java放到文檔末尾，或使用async方式加載，避免JS執行阻塞渲染。  

對非文字元素(如圖片，視頻)指定寬高，避免瀏覽器重排重繪。  

六、服務器本身的速度優化  

啟用服務器Gzip壓縮功能;  

開啟數據庫查詢及頁面緩存功能(如果是直接生成靜態頁面的網站可忽略);  

升級或者保證服務器足夠的網絡帶寬;  

開啟網站緩存，充分利用本地緩存。  

同樣隨著網絡安全的重視程度，如果你的網站已經安裝SSL證書啟用了HTTPS協議，那么你可以開啟HTTPS/2或者SPDY這個功能，可以在某些程度上加速網站的打開。