我想知道4000行的樣式表是否可以使頁面呈現速度比1500行的樣式錶慢得多。當然兩者最終都會被縮小。我只是看看sass輸出會變得非常大,特別是在使用「擴展」功能的情況下。CSS - css的大小是否影響頁面渲染
0
A
回答
1
這一切都取決於資產如何加載到頁面上 - 如果它們呈現阻塞或不。
因此,例如,加載在頁面的<head>
中的資產呈現阻塞。因此,這些資產越大,瀏覽器在開始顯示標記/樣式/等之前必須獲取的數據越多。
這裏是一篇文章描述它:http://www.sitespeed.io/rules/
因此,我試圖通過只在文件(核心CSS,JS)的<head>
加載關鍵資產,優化我的網站,並加載低於或沿側次級資產身體內容。示例:(圖像顯然是內聯加載的,並且在頁面呈現後使用的JS庫包含在關閉</body>
標記之前)。
對於網頁中<head>
中任何傳統加載的資產 - 它們的大小越大,網站會感覺被加載(其他所有內容保持不變),「較慢」的簡答。
0
這可能會導致一個效果,但不應該有很大的區別。有兩個原因:
- 您需要下載一個大文件。
- 網頁瀏覽器需要檢查每行代碼。
相關問題
- 1. CSS顏色影響文本渲染
- 2. 字體大小是否會影響連字的渲染?
- 3. 衡量單個CSS規則對頁面渲染速度的影響的工具?
- 4. CSS在頁面渲染後生效
- 5. 阻止頁面CSS影響Chrome擴展CSS
- 6. CSS - 文本陰影大小
- 7. 在渲染頁面中渲染頁面
- 8. Flask,jinja2:是否可以使用render_template()渲染頁面的一部分而不影響頁面的其餘部分
- 9. 使用g渲染css:從單獨的css文件渲染
- 10. CSS渲染和Firefox
- 11. CSS渲染邊境
- 12. CSS渲染問題
- 13. symfony不渲染CSS
- 14. CSS導致不同大小的頁面
- 15. 表大小是否影響INSERT性能?
- 16. CSS放大不影響通過的Javascript
- 17. JavaScript是否會影響頁面源?
- 18. HTTPS是否會影響HTML頁面?
- 19. DOCTYPE影響線條高度的渲染
- 20. 頁面正文上指定的字體大小是否會影響其iframe?
- 21. HTML + CSS渲染的顏色
- 22. 改變CSS的圖形的大小並不影響它
- 23. Go並沒有爲所有的HTML頁面渲染CSS元素
- 24. 沒有CSS的頁面渲染給一些用戶
- 25. 關於應用CSS時的ASP.NET頁面渲染
- 26. CSS:懸停影響
- 27. CSS來影響「禮」
- 28. 如何避免跨度大小影響父母的CSS
- 29. CSS類或ID的長度對文件大小有影響嗎?
- 30. css設置相對於頁面內頁面的大小
顯着?可能不是 – scniro
這可能取決於瀏覽器。 – Oriol
@Oriol,哪個瀏覽器很慢? – user5372