Hasty Treat - The Weird and Wonderful <link> Tag
source link: https://syntax.fm/show/379/hasty-treat-the-weird-and-wonderful-less-than-link-greater-than-tag
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Aug 16th, 2021
Hasty Treat - The Weird and Wonderful <link> Tag
👇 Download Show✏️ Edit Show NotesIn this Hasty Treat, Scott and Wes talk about the <link> tag — why it's weird and wonderful, and what you can do with it!
Sanity - Sponsor
Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
Sentry - Sponsor
If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
Show Notes
04:16 - What is it?
- https://ryanflorence.dev/p/ship-weird
- The link tag is weird.
- First, it's not for links! It's for establishing a relationship between the current HTML document and a resource.
05:11 - CSS / Media attr
07:13 - Web fonts
08:09 - Favicons
08:36 - Preload + Prefetch Resource
- Audio, document, fetch, font, image, script, style, track, video, worker + more
10:15 - Fetch request (shoutout Ryan)
11:27 - Preconnect
- Consider adding preconnect or dns-prefetch resource hints to establish early connections to important third-party origins.
<link rel="preconnect" href="[https://fonts.googleapis.com](https://fonts.googleapis.com/)"><link rel="preconnect" href="[https://fonts.gstatic.com](https://fonts.gstatic.com/)" crossorigin>
13:01 - Module
<link rel="modulepreload" href="/chunk-12131.js">
13:30 - Integrity
Tweet us your tasty treats!
Recommend
-
12
✏️ Edit Show NotesIn this Hasty Treat, Scott and Wes talk about JavaScript's drag and drop API — how it works, concerns, best practices, and more!...
-
12
Sep 24th, 2018Hasty Treat - Positivity and Web Development👇 Download Show✏️ Edit S...
-
5
Sep 17th, 2018Hasty Treat - Feedback and Criticism👇 Download Show✏️ Edit Show Notes
-
16
Dec 31st, 2018Hasty Treat - CSS and JS Pointer Events👇 Download Show✏️ Edi...
-
9
Aug 27th, 2018Hasty Treat - Framer X and Prototyping Tools👇 Download Show✏️ Edit Show...
-
11
Jun 29th, 2020Hasty Treat - Rural and Mobile Internet Revisited👇 Download Show
-
6
Jan 18th, 2021Hasty Treat - CSS Typography and Systems👇 Download Show✏️ Edit Show Notes
-
6
✏️ Edit Show NotesIn this Hasty Treat, Scott and Wes talk about the differences between compilers and build tools in TypeScript. Sanity - Spo...
-
6
Oct 5th, 2020Hasty Treat - Enums in JS (GraphQL and Typescript)👇 Download Show✏️ Edit S...
-
6
Here are all the weird and wonderful games announced at the Devolver Digital Showcase...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK