現在的優化從業者對前端網站性能優化的概念已經基本不存在了，很多人的優化方向集中于站內內容、站外鏈接這些方面。若是熟讀百度搜索引擎質量白皮書的小伙伴不難發現，一個站內是否被爬蟲喜歡的前提是網站夠穩定，網頁訪問要快，現在大家普遍認為pc端頁面打開時間不能超過3秒，手機端不能超過2秒，否則很難獲得排名，尤其是手機端。

如何才能讓網站的打開速度快起來呢？這就是前端網站性能優化的存在價值，除了服務器質量過硬外，我們能做的只能是在前端頁面代碼上下功夫，具體內容如下：

一、前端網站性能優化思路

1、減少http請求次數：CSS Sprites, JS、CSS源碼壓縮、圖片大小控制合適；網頁Gzip，CDN托管，data緩存 ，圖片服務器。

2、前端模板 JS+數據，減少由于HTML標簽導致的帶寬浪費，前端用變量保存AJAX請求結果，每次操作本地變量，不用請求，減少請求次數

3、用innerHTML代替DOM操作，減少DOM操作次數，優化javascript性能。

4、當需要設置的樣式很多時設置className而不是直接操作style。

5、少用全局變量、緩存DOM節點查找的結果。減少IO讀取操作。

6、避免使用CSS Expression（css表達式)又稱Dynamic properties(動態屬性)。

7、圖片預加載，將樣式表放在頂部，將腳本放在底部 加上時間戳。

8、避免在頁面的主體布局中使用table，table要等其中的內容完全下載之后才會顯示出來，顯示比div+css布局慢。

二、前端網站性能優化方法

1、內容方面

減少http請求

代碼壓縮

js代碼寫在/body之前

瀏覽器緩存（cookie/sessionStorage/localStorage）

將靜態資源放置在子域名下，實現并行下載數目增加

緩存ajax結果

減少DOM節點數

2、服務器方面

cdn加速

gzip壓縮

3、js

引用壓縮過的庫（.min）

減少操作DOM節點，必要時將節點緩存起來（離線更新）；

少用遞歸或者用尾遞歸優化

減少全局變量

懶加載

預加載

4、css

精簡css代碼的編寫，減少嵌套層次

使用sprite圖

盡量采用簡寫

用link代替@import

動畫要用在脫離文檔流的元素上

5、圖片處理

圖片一般要壓縮到小于200k（banner等）

可將資源放至子域名下

用iconfont代替小圖標

以上就是關于“前端網站性能優化的方法”的相關介紹，小編提醒大家，一個網站若想獲得較好的用戶體驗，訪問速度是敲門磚，此方面做不好，站點優化成績基本不會太好的，望重視！