Sign up to receive the latest blog posts via email

In this third installment of Web Perfectionist 101, Rigor's Billy Hoffman explains how to convert GIFs to MP4 to increase web performance. Simple changes can have huge impact on the weight of a page and the user experience that your clients perceive when they visit your site. Learn tips to quick fixes in this quick guide.  If you're interested in improving your web performance optimizations, try Rigor now. https://rigor-2.wistia.com/medias/gfigw53eha?embedType=async&videoFo...

Read More

In my Optimizing HTML5 Video presentation, sharp eyed readers may have noticed I mentioned some performance optimizations in passing about video sizing, quality, and bitrates, which we haven't discussed on the Rigor blog before. A brief note on a slide doesn't fully convey the full reasoning or benefit of these optimizations. So today, I will talk about 3 additional ways you can optimize your site's HTML5 video performance with proper sizing, quality, and markup. As we will see, you can detect these additional performance issues manually fai...

Read More

Even though MP4 is the cross-browser standard for HTML5 video, WebM remains an important video technology for multiple reasons: Development on WebM is active. Microsoft is adding support for WebM to its new Edge Browser. Sites using HTML5 video usually include WebM video for backward compatibility. WebM can be smaller than MP4, allowing you to leverage WebM as a performance optimize. For all of these reasons, WebM video is essential to any website's decision HTML5 video implementation. In an earlier blog post, we discuss how to...

Read More

Optimizing HTML5 “Hero” Background Videos

Billy Hoffman

When I went to buy a ticket to the upcoming SaaStr 2016 conference, I noticed a design element that I have seen more and more of recently: silent, looping background videos. Why use a big glossy hero image when you can use a video! Sure enough, SaaStr is using HTML5 video to play a minute long video. I looked at the source of the It's an MP4 video (luckily optimized for streaming), and the HTML from the SaaStr site to embed it as a background video looks like this: [crayon-5ce653cf68f2d281271339/] You can see the site is using the styl...

Read More