Resource hints: A no brainer performance tweak to improve your site.

August 10, 2019

Establish network connections early to improve perceived page speed

Browser support for dns-prefetch is slightly different from preconnect support, so dns-prefetch can serve as a fallback for browsers that don’t support preconnect.
<link rel="preconnect" href="http://example.com" />
<link rel="dns-prefetch" href="http://example.com" />

This is the most important thing in this article.

Using resource hints in your <link> tag is an easy way to improve a website’s performance page load metric.

How do I know?

I recently worked on performance improvements @ Sportsbet. It led down a rabbit hole of web performance articles and online course.

Resources

These are the best resources to make your website faster.

Google Web Fundamentals - Why Performance Matters?
Website Performance Optimization - The Critical Rendering Path - A Udacity course by Ilya Grigorik and Cameron Pittman. I must say I can sense some tension between these guys. I think it’s because of Ilya’s super tight shirt — Cameron looked distracted.
Key CDN - Resource Hints. I found this very useful.

But why bother?

Because fast websites make money. Lots of it.

Written by Andrew Artajos
I'll keep it brief.