我來填坑了，css篇終於寫出來了，如果你沒看過前面的js篇，可以在這裡**。
眾所周知，css的載入會阻塞瀏覽器渲染或是引起瀏覽器重繪，目前業界普遍推薦把css放到text
如何解決這些問題那？其中也會用到一些js篇中提到的點，如果沒看過，建議先看看。
js篇中的預先解析dns（dns-prefetch）依舊適用，提前解析css檔案所在網域名稱的dns。
preload
因為css已經在head中，我們不需要為css加preload屬性了，但是css中用到的字型檔案，一定要在所有css之前proload上。
首頁用到的css內聯寫在
在js篇)中，我已經解釋過這套結構中js的執行順序了，本篇只是加入了css和字型。至此，我心中終極完美的頁面html結構就是這樣了。
瀏覽器效能優化
1.開啟gzip壓縮 apache 使用 mod deflate 2.隱藏父元素，瀏覽器不會載入這張 parent div media max width 600px 3.用不同的 查詢告訴瀏覽器什麼螢幕尺寸載入什麼background image，瀏覽器會載入匹配 查詢和 media min wi...
瀏覽器效能優化
在工作中會碰到各種各樣效能問題，本文根據自己在工作中的實踐並且結合各方面了解到的知識形成，可能不會談到具體的實現，只描述可能的方向，包括如下 js css載入 第三方js載入 cdn 懶載入 首屏渲染 react效能優化 webpack打包 瀏覽器快取 預載入 預解析 快取可以顯著提高瀏覽器載入速度...
瀏覽器效能優化（1）
你有遇到過瀏覽器很慢 很卡頓的情況嗎？在乙個簡單的網頁中，會占用大量的cpu 記憶體，頁面的動畫效果也不流暢，這時候你會有什麼反應？我猜想，大多數使用者會關閉這個頁面，改為訪問其他 作為乙個前端開發者，肯定不願意看到這種情況，那麼怎樣才能提高效能呢？說到這裡，先來看看網頁生成過程 網頁生成過程一般分...