Syntax - Tasty Web Development Treats Hasty Treat - Slow Connections Part 2
Jun 8, 2020
Scott and Wes dive into the nitty-gritty of web development for slow internet connections. They discuss optimizing images, including resizing and compression techniques. Discover tips for adaptive video and strategies for saving form states during interruptions. The duo also tackles service workers, enhancing speed with local caching, and font-loading best practices. Plus, get insights on tackling connection issues and personal stories about dealing with internet throttling. It's all about making the web faster, regardless of connection speed!
AI Snips
Chapters
Transcript
Episode notes
Optimize Images
- Don't serve larger images than needed.
- Optimize images to actual displayed size.
Client-Side Resizing
- Resize images client-side before uploading to reduce server load and user data usage.
- Client-side resizing is easily achieved using canvas.
Image Placeholders
- Use width and height attributes on image placeholders to prevent content shifting.
- This improves user experience by reducing page jank.