Here are some ways that you can optimize your videos for websites:
- Use HTML5 supported video formats such as WebM and MP4
- Stream your videos directly from the server.
- Compress the video data.
- Enable lazy loading on your website.
- Use a Content Delivery Network (CDN) to reduce video loading times.
Here are some ways that you can optimize your images for websites:
- Resizing the images to scale.
- Compressing your images using lossy compression where possible.
- Use PNG for high details and high resolutions; JPG for photos and screenshots
- Save images as “optimized for web” in tools such as Photoshop
- Convert images to WebP format in Chrome.
- Enable lazy loading on your website.
- Use a Content Delivery Network (CDN) to reduce image loading times.
For more tips on compressing images, check out our article on the different image formats and compression!
