How to embed videos without fcking up pagespeed

BaldHat616

Junior Member

Mar 21, 2021

145

118

• Oct 30, 2021

• #1

How do you handle videos on your websites without sacrificing pagespeed too hard? Say you don't want to use YouTube embeds.

Even after compromising the files they still have a couple Mbs. Any suggestions?

 

MJ

Supreme Member

Jr. VIP

Jan 6, 2015

1,310

666

• Oct 30, 2021

• #2

Embed video using iFrames, and iFrames are lazy loaded using WP litespeed plugin. I embed Youtube videos mostly.

 

J

jennykumar

Senior Member

Nov 14, 2012

926

479

• Oct 30, 2021

• #3

load iframe via javascript (lots of tutorials on stackexchange).
put async=defer to load that .js in the last after DOM gets loaded.
If I'm not wrong there are plugins that lazy-load iframe just like images.

these both methods work not to worsen up the page-speed metrics.

 

BaldHat616

Junior Member

Mar 21, 2021

145

118

• Oct 30, 2021
• Thread Starter Thread Starter

• #4

I will try, thank you guys!