2015-01-11 76 views
0

我想知道4000行的樣式表是否可以使頁面呈現速度比1500行的樣式錶慢得多。當然兩者最終都會被縮小。我只是看看sass輸出會變得非常大,特別是在使用「擴展」功能的情況下。CSS - css的大小是否影響頁面渲染

+0

顯着?可能不是 – scniro

+0

這可能取決於瀏覽器。 – Oriol

+0

@Oriol,哪個瀏覽器很慢? – user5372

回答

1

這一切都取決於資產如何加載到頁面上 - 如果它們呈現阻塞或不。

因此,例如,加載在頁面的<head>中的資產呈現阻塞。因此,這些資產越大,瀏覽器在開始顯示標記/樣式/等之前必須獲取的數據越多。

這裏是一篇文章描述它:http://www.sitespeed.io/rules/

因此,我試圖通過只在文件(核心CSS,JS)的<head>加載關鍵資產,優化我的網站,並加載低於或沿側次級資產身體內容。示例:(圖像顯然是內聯加載的,並且在頁面呈現後使用的JS庫包含在關閉</body>標記之前)。

對於網頁中<head>中任何傳統加載的資產 - 它們的大小越大,網站會感覺被加載(其他所有內容保持不變),「較慢」的簡答。

0

這可能會導致一個效果,但不應該有很大的區別。有兩個原因:

  1. 您需要下載一個大文件。
  2. 網頁瀏覽器需要檢查每行代碼。