Why Are YouTube Embeds Slowing My Page Load Times

In this post, we’ll see a technique to reduce page load times by using newer HTML and JavaScript techniques to load videos when the user needs them. Load times can also grow depending on the number of YouTube embeds on a page. Previous: Basic Routing Next: More examplesĭocumentation translations provided by StrongLoop/IBM:įrench, German, Spanish, Italian, Japanese, Russian, Chinese, Traditional Chinese, Korean, Portuguese.Ĭommunity translation available for: Slovak, Ukrainian, Uzbek, Turkish and Thai.If you’re a content creator or work on a site that heavily relies on YouTube embeds, you’ll quickly realize that they can dramatically impact the load time of a page.

If you run the express app from another directory, it’s safer to use the absolute path of the directory that you want to serve: const path = require('path')Īpp.use('/static', express.static(path.join(_dirname, 'public')))įor more details about the serve-static function and its options, see serve-static. However, the path that you provide to the express.static function is relative to the directory from where you launch your node process. Now, you can load the files that are in the public directory from the /static path prefix. To create a virtual path prefix (where the path does not actually exist in the file system) for files that are served by the express.static function, specify a mount path for the static directory, as shown below: app.use('/static', express.static('public')) NOTE: For best results, use a reverse proxy cache to improve performance of serving static assets.

Javascript for html