Earlier this month I was invited to speak at the Atlanta Web Performance Meetup group. My topic was Optimizing HTML5 Video, something I have covered extensibly on this blog. We had a large turn out and the audience asked some great questions. One attendee was kind enough to post this feedback on our message board:
The entire reason I started looking at video content in general, and HTML5 video specifically, is how shrouded in mystery online video is. While many people know various lossless and lossy optimization techniques as well as tooling for optimizing static images, video content is largely a black box. Most people are unfamiliar with ways to optimize video beyond "make sure to encode it properly".
Strangely, while the overall education level about how to optimize video content is low, the importance of optimizing video is high and only growing. After all, more and more websites are using video content in many forms: for Animated GIFs of video clips and memes, for hero "videos" instead of hero images, and of course for standards-compliant, plug-in free video streaming.
To help websites stay fast when using video, I've posted the slides from my presentation below and on SlideShare. In it, I show both lossless and lossy optimizations for common video formats, discuss techniques to reduce streaming latency and improve startup speeds, and provide a checklist of common optimizations to check. I show how to do all of this using only free and open source tools. I even use real world examples of where people have made online video mistakes, including the front page of a web performance company that, I kid you not, is using a 24 megabyte MP4 as a background image.
Interested in improving your website’s performance or optimizing HTML5 video? Then you’ll love Rigor. Rigor’s performance analysis productcan test your entire website and identify over 420 performance defects that are slowing it down. Our continuous monitoring allows you to ensure that nothing changes that hurts your website performance, and if performance does get slow, Rigor tells you exactly what is wrong and tells you how to fix it. To learn more about a free trial Rigor’s performance products, contact us today.
As mobile devices continue to play a more prominent role in our 21st century society, their usefulness has spread beyond the casual activities of technological enthusiasts. According to research conducted by FUNDtech, a rapidly growing number of ba...Read More
E-commerce is a growing source of revenue for many companies and businesses, as it continues to capture market-share from brick-and-mortar stores over recent years. However, many businesses are not prepared for this growth of online business becau...Read More
In recent years, client-side browsers have been more involved with processing code before it reaches the user's desktop, shifting away from a reliance on servers handling the bulk of this burden. Websites and applications now rely more on a user's br...Read More
Because of the multifarious nature of web clients today, it’s important to consider the usage statistics when designing, implementing, and managing your site. However, misconceptions often arise when determining what browsers to design for an...Read More