---
# System prepended metadata

title: Link
tags: [行銷工具與數據分析]

---

---
tags: 行銷工具與數據分析
---
# Link

* <link>
* Dns預取 "dns-prefetch"
* 預連接 "preconnect"
* 預取 "prefetch "
* 預載(解釋：優先載入) "preload"
* 預渲染 "prerender"
* 提示概率 "pr"

Preload 正確寫法
當下載完成後 rel 裡的 preload  需換成 stylesheet 所以後方要添加 onload
<link rel="preload" href="style.css" onload="this.rel=stylesheet">

async 會非同步(異步)去請求外部腳本，回應後停止解析執行腳本內容，用於載入第三方函式庫等不需要動到 DOM 結構的狀況。
例： 第三方工具像是 GA、FB等等

defer(延遲) 也會非同步請求外部腳本，但是等待瀏覽器解析完才執行，要整個頁面都下載及分析完成後才會執行，非常類似於把 JS 放在頁尾的情況。
例： 所有外部<script>都可以添加

![](https://i.imgur.com/VEERbYR.png)
