Top 25 Tips for Building an EXTREMELY FAST Website!!!

Channel:
Canada Dustin Brett
Subscribers:
13,800
Published on ● Video Link: https://www.youtube.com/watch?v=XZHNqEbuUMI


Duration: 2:15:35
1,223 views
53

I discuss what I do to optimize performance & load times on my website. From backend to frontend with many modern tricks and tips.

0:00 Building an ULTRA FAST Website!!!
0:45 dustinbrett.com
2:45 Content Delivery Network (CDN)
15:14 HTTP/2 & HTTP/3
17:49 Brotli vs GZip Compression
18:25 HTTP Headers
21:42 Early Hints
26:04 Handle Initial CDN MISS
26:58 HSTS header
29:10 link preload & preconnect
34:27 fetchpriority
37:48 Dynamic preload into document.head
42:35 HTML Minify / Tag Removal
58:27 Image Minify / Simplify
1:05:28 WEBP vs PNG vs AVIF
1:09:27 Lazy Loading / Intersection Observer
1:17:47 Testing w/Lighthouse, GTMetrix & WebpageTest
1:32:38 Web Workers & Offscreen Canvas
1:37:41 Target Modern Browsers
1:43:31 Advanced Library Settings
1:48:36 Prebuild JSON (fs, search, preloads)
1:53:55 Bundle Analyzer
1:59:22 Inline CSS
2:03:09 Defer JS/Hydration for Markup
2:04:53 System Fonts
2:08:43 Async Image Decoding
2:09:41 Responsive Images
2:13:24 Define Image Dimensions
2:14:50 Thanks for Watching!



Other Videos By Dustin Brett


2022-12-11Code with ChatGPT: How AI can help when contributing to open source
2022-12-08ChatGPT: The Future of Coding
2022-12-05Get Ready to Be Amazed by ChatGPT's Capabilities in a Live Demo
2022-12-03ChatGPT Codes in an Amazing Mind-Blowing Conversation!!!
2022-11-05Browser OS: Matrix, Nextjs 13, IRC, ∞ Sheep & Performance Enhancements
2022-09-17Reviewing the 4 Best Website Awards (Webby, Awwwards, FWA, CSS Design)
2022-09-15Feature Review of the Best Personal Website
2022-08-30AI Art Generation with the Top Models (DALL-E 2 vs Stable Diffusion)
2022-08-17Building an Accurate Digital Clock with Multithreading in JavaScript!
2022-07-26Creating Amazing AI "Art" with DALL·E 2 from OpenAI
2022-07-18Top 25 Tips for Building an EXTREMELY FAST Website!!!
2022-07-10Responsive Images, DX-Ball, Easter Eggs & More!!!!
2022-06-25Day in the Life of a Software Engineer at Microsoft HQ
2022-06-11Animated Wallpapers on my Personal Website (React/WebGL)
2022-06-03Running Vim Text Editor in the Browser with WebAssembly
2022-05-29How I Built an "OS" with React for My Portfolio Website
2022-05-10JavaScript Desktop Environment (React/Next.js)
2022-04-08Day in the Life of a Microsoft Software Engineer
2022-04-0310 Amazing Ways WebAssembly can Build the Web of the Future
2022-03-27Ultimate Website: Speed, Shine & Sheep 🐑 (daedalOS - March 2022)
2022-03-13My Personal Website is a Web Desktop Environment (The Forever Project)