內聯是直接在HTML文檔中包含文件內容的過程:CSS文件可以在元素內部內聯,JavaScript文件可以內聯在元素中:
通過打印HTML輸出中已有的代碼,內聯可避免渲染阻塞請求,並在呈現頁面之前執行代碼。因此,它有助於提高站點的感知性能(即頁面變得可用的時間。)例如,我們可以使用在加載站點(大約14kb)時立即傳送的數據緩沖區來內聯在關鍵的風格,包括款式上面屏內容(如已經在先前的網站完成),以及字體大小和布局的寬度和高度,以避免跳躍的布局重新繪制時數據的其余部分被輸送。
但是,當過度使用時,內聯代碼也會對站點性能產生負面影響:由於代碼不可緩存,因此會反復向客戶端發送相同的內容,並且無法通過ServiceWorkers預緩存,或者從內容交付網絡緩存和訪問。此外,在實施內容安全策略(CSP)時,內聯腳本被認為是不安全的。
所以,內聯代碼是壹個明智的開發策略,內聯CSS和JS的關鍵部分,使網站加載速度更快,但盡可能避免代碼繁多導致服務器性能下降。