Embed Optimizer Plugin
Optimizes the performance of embeds by lazy-loading iframes and scripts.
This plugin’s purpose is to optimize the performance of embeds in WordPress, such as YouTube videos, TikToks, and so on. Initially this is achieved by lazy-loading them only when they come into view. This improves performance because embeds are generally very resource-intensive and so lazy-loading them ensures that they don’t compete with resources when the page is loading. Other optimizations are planned for the future.
This plugin also recommends that you install and activate the Optimization Detective plugin. When it is active, it will start recording which embeds appear in the initial viewport based on actual visitors to your site. With this information in hand, Embed Optimizer will then avoid lazy-loading embeds which appear in the initial viewport (above the fold). This is important because lazy-loading adds a delay which can hurt the user experience and even degrade the Largest Contentful Paint (LCP) score for the page. In addition to not lazy-loading such above-the-fold embeds, Embed Optimizer will add preconnect links for the hosts of network resources known to be required for the most popular embeds (e.g. YouTube, Twitter, Vimeo, Spotify, VideoPress); this can further speed up the loading of critical embeds. Again, these performance enhancements are only enabled when Optimization Detective is active.
There are currently no settings and no user interface for this plugin since it is designed to work without any configuration.
Installation
Installation from within WordPress
- Visit Plugins > Add New.
- Search for Embed Optimizer.
- Install and activate the Embed Optimizer plugin.
Manual installation
- Upload the entire
embed-optimizerfolder to the/wp-content/plugins/directory. - Visit Plugins.
- Activate the Embed Optimizer plugin.
FAQ
Feedback is encouraged and much appreciated, especially since this plugin may contain future WordPress core features. If you have suggestions or requests for new features, you can submit them as an issue in the WordPress Performance Team’s GitHub repository. If you need help with troubleshooting or have a question about the plugin, please create a new topic on our support forum.
The Performance team and WordPress community take security bugs seriously. We appreciate your efforts to responsibly disclose your findings, and will make every effort to acknowledge your contributions.
To report a security issue, please visit the WordPress HackerOne program.
Contributions are always welcome! Learn more about how to get involved in the Core Performance Team Handbook.
The plugin source code is located in the WordPress/performance repo on GitHub.
Changelog
0.2.0
Enhancements
- Facilitate embedding of Embed Optimizer. (1337)
- Leverage Optimization Detective to optimize embeds in Embed Optimizer. (1302)
0.1.2
Enhancements
- Improve overall code quality with stricter static analysis checks. (775)
- Bump minimum PHP requirement to 7.2. (1130)
Bug Fixes
- Hide post embed iframes with visibility:hidden instead of clipping. (1192)
0.1.1
0.1.0
- Initial release.