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!