前端週報第 6 期

焦點

讓瀏覽器幫你處理資源加載優先級

資源優先級對於一個網站的渲染時間相當重要,本文介紹瞭如何正確使用 preloadpreconnectprefetch 來指定不一樣資源加載的優先級。css

Chrome 中加載 JS 資源的優先級

做者 Addy Osmani 是 Chrome 團隊的開發者,他總結了 Chrome 加載 JS 的不一樣方式會有怎樣的優先級,以及這些不一樣方式的適用場景及注意點。html

教程

MDN: Web Components

MDN 提供的 Web Components 入門教程。前端

New horizons in CSS: Houdini and the Paint API

Houdini 標準賦予 CSS 強大的自定義能力,本文簡要介紹了 Houdini API 的現狀和使用語法。git

工具&資源

loadCSS

用於異步加載非首要的 CSS 資源,避免阻塞渲染。github

CSS 選擇器權重

一張圖解釋 CSS 選擇器優先級

Github 我的網站

Github 官方推出的我的技術網站生成器,信息來源於你的 Github 代碼貢獻。web


若是你喜歡這篇文章,請關注我,我會持續輸出更多原創且高質量的內容。api

原文連接:前端週報第 6 期瀏覽器

相關文章
相關標籤/搜索