fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-27 14:12:09 +00:00
Code Issues Projects Releases Wiki Activity

Compare commits

base: fmaury:63c5fc4ab09e4a6fef52208a0ab0c2341860fbde
Branches Tags
fmaury:master
fmaury:draft-searchengines
...
compare: fmaury:521beaebf467ad7c1948a60f0ca271f7e528cb4c
Branches Tags
fmaury:master
fmaury:draft-searchengines

2 commits
63c5fc4ab0 ... 521beaebf4

Author SHA1 Message Date
Rohan Kumar
521beaebf4
Mention my use of priority hints 2022-09-05 21:48:53 -07:00
Rohan Kumar
5c9ddaaa59
Add app-ads.txt adtech opt-out 2022-09-05 21:46:30 -07:00
3 changed files with 5 additions and 4 deletions
Show stats Expand all files Collapse all files

4
content/posts/website-best-practices.gmi
View file

@ -163,10 +163,10 @@ Optimal loading is a complex topic. Broadly, it covers three overlapping categor
HTML is a blocking resource: images and stylesheets will not load until the user agent loads and parses the HTML that calls them. To start loading above-the-fold images before the HTML parsing finishes, send a "link" HTTP header.
My website includes a "link" header to load an SVG that serves as my IndieWeb photo and favicon (hash removed from filename for readability):
my website includes a "link" header to load the image that serves as my IndieWeb photo and favicon. The header includes a "high" priority hint so the browser starts downloading the resource right away:
```
link: </favicon.HASH.svg>; rel=preload; as=image
link: </favicon.HASH.svg>; rel=preload; as=image; fetchpriority=high
```
### Don't count on the cache

4
content/posts/website-best-practices.md
View file

@ -166,10 +166,10 @@ Optimal loading is a complex topic. Broadly, it covers three overlapping categor
HTML is a blocking resource: images and stylesheets will not load until the user agent loads and parses the HTML that calls them. To start loading above-the-fold images before the HTML parsing finishes, send a `link` HTTP header.
{{<codefigure>}} {{< codecaption >}} my website includes a `link` header to load an SVG that serves as my IndieWeb photo and favicon. Hash removed from filename for readability. {{< /codecaption >}}
{{<codefigure>}} {{< codecaption >}} my website includes a `link` header to load the image that serves as my IndieWeb photo and favicon. The header includes a [priority hint](https://wicg.github.io/priority-hints/) so the browser starts downloading the resource right away. {{< /codecaption >}}
```figure {var1="HASH" samp=true}
link: </favicon.HASH.svg>; rel=preload; as=image
link: </favicon.HASH.svg>; rel=preload; as=image; fetchpriority=high
```
{{</codefigure>}}

1
static/app-ads.txt Symbolic link
View file

@ -0,0 +1 @@
ads.txt