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.
E-commerce revenue continues to grow,as consumers turn away from shopping in brick-and-mortar stores to shopping online. However, many businesses are not prepared for this growth because they do not fully understand the market and how to invest in...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
Google Webmaster Tools is a web service that allows webmasters to view the status of their sites as seen by Google and the Googlebot crawlers. In addition to indexing your site structure and content, the Googlebot crawlers also record data on perform...Read More
Web designers and developers are always looking for ways to speed up their page load times. Yahoo has an excellent article written on the best practices for speeding up your page. How do you know if implementing one of their suggested practices will...Read More