r/webdev•
Stabback

Did some website reviews a few months ago and discovered a dev was serving 30MB hero videos to everyone. 15 minutes of offloading to Vimeo later...

Did some website reviews a few months ago and discovered a dev was serving 30MB hero videos to everyone. 15 minutes of offloading to Vimeo later...

Posted Dec 20, 2016, 6:16 PM UTC

6220
crickton•

But did it solve the problem of serving videos to users on load?

15
StabbackOP•

Vimeo has some great compression algo's, reduced the video down to ~6MB.

9
gnisten_•

They are using H.264 - you could have compressed your self with the x264 encoder.

11
StabbackOP•

Correct me if I'm wrong, but they also serve different versions based on request resolution? In any event, the hour spent just offloading to Vimeo and having them serve it fit better with my skillset, I'm no video expert. Saves us the bandwidth too.

31
Wesleyeback-end & Product Owner•

Yes, but you could have done that as well: http://videojs.github.io/videojs-contrib-hls/

With offloading the content you've just added a few tracking cookies to your site. Remember that nothing is 'free'. Not that much of a problem in the US, but it is in the EU (idiotic cookie law shit).

-5
argues_too_much•

Used to do this using docker, with the video committed to git.

Learned both of those were a bad idea VERY quickly.

CDNs ftw.

8
newchiwebdev•

Using video at my company is sort of a nightmare because of the way we host them. I'm really trying to get us to move to Vimeo for Business, but haven't had the time to figure out how to schedule a demo (not even sure they do that).

Anyway, how do vimeo-hosted images work with HTML5 video? You can get various file formats? Or you use their own video player, or ...?

3
StabbackOP•

Vimeo's documentation is absolutely amazing. We only load up and serve iframes, although you can do much, much more. They have a JS API as well that will let you do pretty well anything.

Push for it now and you'll love yourself tomorrow.

5
apotropaic•

Also give wistia a try as an alternative to Vimeo. Waaayyy better player. Vimeo never seems to play well on mobile. Otherwise, I do like the Vimeo platform a lot. But I've found wistia to simply better when it comes to the user perspective.

2
connorblikre•

How do you like wpengine?

2
StabbackOP•

WP-Engine has worked well for us for smaller / static builds, but their lack of real dev features is pushing us off them. We'll most likely be moving to Kinsta in the new year, as our team has gotten much more technical and our builds are getting bigger. WP-Engine is missing SSH, full git support, and native WP-CLI and that's just not going to work for us anymore.

2
connorblikre•

Makes sense. It works great for us because we don't need full access, just the limited Git support it has is enough for me.

1
StabbackOP•

Oh hey, I'll pick your brain if you have a second then. Our biggest issue is that we can't push from live to a repo with them. Unfortunately our company gives SFTP access to clients that ask for it and some have been known to make changes. I've got no way to know if there were changes or to merge those changes without prepping a backup, prepping a zip, downloading, unpacking, then merging locally. That takes quite a bit of time.

Does your company give out SFTP access? Do you have a better workflow?

As an aside, I got into the Mergebot beta and it's great, I'd recommend looking into it if you haven't yet.

2
connorblikre•

We don't give out SFTP access if the client's site is hosted on our account, and we don't make permanent changes over SFTP either, so I guess I've never had those issues before.

1
connorblikre•

Oh wow, I just searched up Mergebot and it sounds amazing. I hate synchronizing DBs across local, staging, and live. Especially since there's aaaaaalways changes after I think the project is done.

1
[deleted]•

[deleted]

-1
StabbackOP•

Everything since HTML 2.0 is just fluff, right?

1
[deleted]•

[deleted]

0
StabbackOP•

Eh, tell it to our conversion rates. We've A/B tested it and it works for us.

6
patrick_haply•

I wish I knew what this was in reference to

2
[deleted]•

[deleted]

-2