×

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:

praise

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.

Suggested Blog Posts

The Perception Gap for Poor Web Performance

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

Measuring Cross-Browser Performance

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

Using Browser Trends to Maintain a Better Site

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

Finding Causes of Intermittent Errors from Google Webmaster Tools

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