Logo

dev-resources.site

for different kinds of informations.

Prerender Pages in Browser For Faster Page Load

Published at
12/13/2024
Categories
webdev
typescript
react
webperf
Author
pmbanugo
Categories
4 categories in total
webdev
open
typescript
open
react
open
webperf
open
Author
8 person written this
pmbanugo
open
Prerender Pages in Browser For Faster Page Load

The web platform and browsers are making lots of improvements to improve how pages are loaded, and providing APIs so developers can control some parts of it. A few of those are view transition API, 103 Early Hints, and Speculation Rules, which gives us a nice way to make our websites load instant/ultra-fast, with native-like navigation. We covered Early Hints in a previous episode and this video focus on the Speculation Rules APIs and how it can speed up your websites.

Speculation Rules is a way to programatically tell the browser which pages to pre-render or prefetch, and when to do that. In this video we will dive into Speculation Rules and how it's used in the real world. We will go from simple to complex usage scenarios.

Subscribe to the channel and see our collection of videos on Web Performance.

About the Guest

Tim Vereecke is a Web Performance Architect @Akamai. He loves speeding up websites to positively impact conversion, ad revenue + SEO, and visitor retention. He spends his working time helping Akamai customers get the best web performance and sitespeed improvements, and is a frequent speaker at major web performance conferences.

webperf Article's
30 articles in total
Favicon
Redefining Web Performance Standards with INP
Favicon
How to avoid frontend tech making us resentful
Favicon
Understanding PHP-FPM: Key Differences from Traditional PHP Processes and Benefits
Favicon
How Mentimeter deliver reliable live experiences at scale
Favicon
The ArtΒ of Prefetching and Preloading: Enhancing Web Performance
Favicon
The curious case of the paragraph with the bad CLS
Favicon
JavaScript Frameworks - Heading into 2025
Favicon
Technical SEO for Developers: Mastering Site Structure and Performance
Favicon
Extending Lighthouse for custom image and video optimization analysis
Favicon
Assassin ⚑️ - An open source, free database for killing slow webpages
Favicon
A Comprehensive Guide to Web Vitals: Metrics That Matter for Performance
Favicon
Why should you care about website performance?
Favicon
Screener.in Search API: A Performance Checkup! πŸ”Ž
Favicon
How Sportsbet handles 4.5M daily chat messages on its 'Bet With Mates' platform
Favicon
Enhancing React Performance with Concurrent Rendering
Favicon
Optimizing React Performance: Avoiding Unnecessary Re-renders
Favicon
Master React Profiler: Optimize Your App's Performance
Favicon
Lightweight, Transparent, Animated: Get All of Them by WebP Format
Favicon
Prerender Pages in Browser For Faster Page Load
Favicon
How we optimized perceived performance to improve our KPIs: a Hotjar case study
Favicon
Sites speed optimisation is a destination, not a journey
Favicon
How to Build a High-Performance WordPress Website: A Developer’s Guide
Favicon
Performance Optimization in React
Favicon
Subsequent Page Load Optimization πŸš€
Favicon
How to Build Blazing Fast Websites with Any Framework
Favicon
Everything to know about Mobile App Performance Test Tools, Metrics, & Techniques
Favicon
Efficient State Management in Next.js: Best Practices for Scalable Applications
Favicon
Top 5 Tips to Supercharge Your Express.js App for Lightning-Fast Performance
Favicon
A useState performance tip you may not have known
Favicon
πŸš€ V8 Engine Secrets How We Slashed Memory Usage by 66% with TypedArrays

Featured ones: