[Support request] Modify Theme to speed up Youtube Videos

[Martin]

Hi there,

I want to implement this to my theme to improve my sitespeed when embedding Youtube Videos:

https://sabrinazeidan.com/embed-youtube-video-wordpress-without-slowing/?fbclid=IwAR3zOgN7bnBgBev7UAeM_xUv5dAdwkh2ieupoiUQccfUlzNkudw1cEgfqeo

Basically I would need to know:

1. How and where to place some JavaScript the theme’s .js file

2. How and where to some CSS in your theme’s style.css

Best regards from Germany
Martin

[David]

Hi there,

you don’t make edits / changes or add to the Themes files, as they will be overwritten when the Theme is updated.

Instead you could use a Child Theme:

https://docs.generatepress.com/article/using-child-theme/

The styles.css is where you would add your CSS files.
Alternatively you can add the CSS to Customizer > Additional CSS

For the JS – simplest method would be to add it using a Hook Element.

https://docs.generatepress.com/article/hooks-element-overview/

Add your script inside <script> tags ie

<script>

// Add the JS here //

</script>

Then select the WP_footer hook, and set your Display Rules accordingly.

[Author]

Posts