The brand new Speculation API makes prerendering and prefetching so easy. It is one of my favorite new APIs since it makes your pages load instantly with almost no work on your end. In this video I explain exactly how this API works and how you can use it on your own sites.


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ Timestamps:

00:00 - Introduction
00:45 - Demo
02:30 - Basic Usage
06:40 - Prerendering
09:45 - Optimization
14:22 - Check For Prerender In Code
18:30 - Advanced URL Matching


#Prerender #WDS #JavaScript

Web Dev Simplified

The speculation rules API simplifies the implementation of pre-fetching and pre-rendering to improve website performance. This helps speed up page transitions by pre-loading HTML and other assets. However, misuse can increase server load and costs. The post explores various aspects of this API, including its application, differences between pre-fetching and pre-rendering, and the impact of these techniques on server resources. It also discusses how to manage and limit these preloads to avoid potential pitfalls.

This New Speculation API Will Make Your Site 10x Faster