Skip to content

Commit 7540808

Browse files
committed
Merge from master
2 parents c1b43c1 + a794831 commit 7540808

File tree

1 file changed

+21
-1
lines changed

1 file changed

+21
-1
lines changed

README.md

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,24 @@ A curated list of snippets to get Web Performance metrics to use in the browser
66

77
![Chrome DevTools](https://github.com/nucliweb/webperf-snippets/assets/1307927/0d7bb9c8-5f21-47c6-90c5-2707a430dacb)
88

9+
## Add snippet to Chrome DevTools
10+
11+
You can use the webperf-snippets as a Snippet in the Chrome DevTools Sources tab.
12+
13+
1. Copy any of the WebPerf Snippets
14+
2. [Open Chrome DevTools](https://developer.chrome.com/docs/devtools/open/)
15+
3. Select the Sources tab
16+
4. Select the Snippets sub tab
17+
5. Click New snippet button, e.g. [LCP](https://github.com/nucliweb/webperf-snippets#largest-contentful-paint-lcp)
18+
6. Write the snippet name, LCP
19+
7. Paste the copied code at the right area
20+
8. Run the snippet
21+
22+
## Video
23+
24+
https://github.com/nucliweb/webperf-snippets/assets/1307927/2987a2ca-3eef-4b73-8f6b-7b1e06b50040
25+
26+
927
<details>
1028
<summary>Table of Contents</summary>
1129

@@ -556,7 +574,9 @@ _Run First And Third Party Script Info in the console first, then run this_
556574
</details>
557575
<br>
558576
559-
[More Info on TAO header - Akamai Developer Resources](https://developer.akamai.com/blog/2018/06/13/how-add-timing-allow-origin-headers-improve-site-performance-measurement)
577+
[Akamai Tech Docs - Timing-Allow-Origin](https://techdocs.akamai.com/mpulse/docs/use-metrics#the-resource-timing-api)
578+
[MDN - Timing-Allow-Origin Header](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Timing-Allow-Origin)
579+
[More Info on TAO header by Nic Jansma](https://nicj.net/resourcetiming-visibility-third-party-scripts-ads-and-page-weight/)
560580
561581
```js
562582
function createUniqueLists(firstParty, thirdParty) {

0 commit comments

Comments
 (0)