{"id":6681484,"date":"2024-03-26T10:13:23","date_gmt":"2024-03-26T09:13:23","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=6681484"},"modified":"2024-03-26T10:13:25","modified_gmt":"2024-03-26T09:13:25","slug":"keep-your-website-loading-fast-video","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/","title":{"rendered":"How to Keep Your Website Loading Fast with Video"},"content":{"rendered":"<p><em>This is a guest post. Opinions and recommendations are the author\u2019s own.<\/em><\/p><p>Video is a super effective marketing tool. From eye-catching backgrounds to entertaining and informative content, there are many ways to include video in your website strategy.\u00a0<\/p><p>The only problem is, that video files can significantly slow things down. And if your web pages take too long to load, visitors might leave before they get a chance to see your video content (or anything else on your site).&nbsp;<\/p><p>In this post, we\u2019ll briefly examine the state of video marketing today and why this content format is so popular. Then we\u2019ll look at 15 video optimization tips that will help keep loading speeds fast and user engagement high.&nbsp;&nbsp;<\/p><h2 class=\"wp-block-heading\">Why You Need Video on Your Website in 2024<\/h2><p>According to <a href=\"https:\/\/www.wyzowl.com\/video-marketing-statistics\/\">Wyzowl\u2019s 2023 video marketing survey<\/a>, <strong>91% of businesses today use video in their marketing strategies<\/strong>.&nbsp;<\/p><p>There are tons of ways in which businesses use video on their websites. According to the survey, these are the most common types:<\/p><ul class=\"wp-block-list\"><li>Testimonials<\/li>\n\n<li>Explainers<\/li>\n\n<li>Product demos<\/li>\n\n<li>Sales<\/li>\n\n<li>Customer service<\/li>\n\n<li>Teasers<\/li>\n\n<li>Videographics<\/li>\n\n<li>Customer onboarding<\/li>\n\n<li>App demos<\/li><\/ul><p>90% of those surveyed report getting a good return on their investment from video. Those returns come in a variety of forms, too.&nbsp;<\/p><p>For instance, 90% said that video improved brand awareness, while 86% saw an increase in traffic from it. Businesses also directly profit from video marketing, with 87% having generated more leads and sales from it.&nbsp;<\/p><p><strong>89% of consumers want more video content from brands<\/strong>, so it\u2019s great that so many businesses have made it a priority. However, there can be negative side effects to using too much video on a website or failing to optimize it for performance.&nbsp;<\/p><p>While consumers say they want more video, they also tell us they want and expect a web page to load within a few seconds. So it\u2019s up to you to ensure that your website can deliver high-quality video content without sacrificing performance in the process.&nbsp;<\/p><h2 class=\"wp-block-heading\">15 Video Optimization Tips for Faster Loading Speeds<\/h2><p>Here are 15 optimization strategies you can use when integrating video with your website:<\/p><h3 class=\"wp-block-heading\">1. Use Video in a Limited Capacity in the Homepage Hero Section<\/h3><p>Because of the high engagement rates that video gets, most of you will probably consider it the most important piece of content on your homepage. As such, it should be as close to the top of the page as possible.&nbsp;<\/p><p>To keep a video hero section from consuming too many resources, you have a few options.&nbsp;<\/p><h4 class=\"wp-block-heading\">Option #1<\/h4><p>The best option is a single screen containing a background or embedded video along with some text.&nbsp;<\/p><p>Slider Revolution\u2019s <a href=\"https:\/\/www.sliderrevolution.com\/templates\/highlight-hero-section-template\/\">Highlight Hero Section template<\/a> is a good example of how to design a high-impact hero section this way. Here\u2019s what it looks like after we strip out the extra slide samples:<\/p><figure class=\"wp-block-video aligncenter\"><video controls src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/example-slider-revolution-video-hero-section-2.mp4\"><\/video><\/figure><h4 class=\"wp-block-heading\">Option #2<\/h4><p>If you\u2019re set on using a slider or carousel at the top of the home page, limit the number of videos in it to just one. You can use eye-catching transition and photo-zoom effects to keep the rest of the slider as visually interesting as the video.&nbsp;<\/p><p>Here\u2019s how this might look with this modified version of the <a href=\"https:\/\/www.sliderrevolution.com\/templates\/real-estate-showcase-slider-for-wordpress\/\">Real Estate Slider template<\/a>:\u00a0<\/p><figure class=\"wp-block-video\"><video controls src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/example-slider-revolution-video-slider.mp4\"><\/video><\/figure><p><strong>Pro tip:<\/strong> If you\u2019re going to use video in a slider, make sure you use <a href=\"https:\/\/wp-rocket.me\/blog\/fastest-wordpress-image-slider\/\">a fast WordPress slider plugin<\/a>.<\/p><h4 class=\"wp-block-heading\">Option #3<\/h4><p>There\u2019s one more way to use video in the hero section. And that\u2019s to chop it up into pieces and turn it into a user-controlled scroll experience.&nbsp;<\/p><p>The <a href=\"https:\/\/www.sliderrevolution.com\/templates\/black-friday-scroll-video\/\">Black Friday Scroll Video template<\/a> demonstrates how this effect works:\u00a0<\/p><figure class=\"wp-block-video\"><video controls src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/example-slider-revolution-scroll-video.mp4\"><\/video><\/figure><p>This isn\u2019t the kind of video or special effect you find on many websites, so this is also a really cool way to make your brand stand out.<\/p><h3 class=\"wp-block-heading\">2. Use Only One Video Per Page<\/h3><p>You might be tempted to place numerous videos on each page of your site, seeing as how great they are for engagement. However, a single video can add a lot of weight to the page.&nbsp;<\/p><p>According to <a href=\"https:\/\/httparchive.org\/reports\/page-weight#bytesVideo\">2024 data from HTTP Archive<\/a>, the median transfer size of videos is 3855.9 KB on desktop and 3965.8 KB on mobile. And that\u2019s with pages averaging only two videos apiece.\u00a0<\/p><figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"442\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-median-video-request-size.png\" alt=\"\" class=\"wp-image-6699334\" style=\"aspect-ratio:1.8099547511312217;width:800px;height:auto\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-median-video-request-size.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-median-video-request-size-310x171.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-median-video-request-size-768x424.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-median-video-request-size-109x60.png 109w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-median-video-request-size-163x90.png 163w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>Now compare that to images. The media transfer size of images is 1021.1 KB on desktop and 860.9 KB on mobile.&nbsp;<\/p><p>You can see why people feel like they get more bang for their buck with images: they can use many more of them without weighing down the page as much.<\/p><p>The thing is, there\u2019s no denying the power of video in marketing. All it takes is one really well-chosen, well-edited, and well-positioned video to make a huge impact.&nbsp;<\/p><p>When possible, set a limit of one video per page. This will help <a href=\"https:\/\/wp-rocket.me\/blog\/reduce-http-requests-speed-wordpress-site\/\">reduce HTTP requests<\/a> as well as <a href=\"https:\/\/wp-rocket.me\/blog\/page-size-seo-performance\/\">the page size<\/a>.&nbsp;<\/p><p>It\u2019s also important to consider the goal and purpose of the page. For instance, this is a blog post on videos, so it makes sense that we\u2019d include numerous video examples within it. Customer support and documentation pages are another place where you may need multiple videos. On the other hand, your homepage and About page might only need one to make a huge impact.<\/p><h3 class=\"wp-block-heading\">3. Embed Videos with a Fast Video Player<\/h3><p>One way to keep videos from weighing down the size of your page is by hosting them elsewhere and then embedding the video on the page.&nbsp;<\/p><p>The first thing to do is make sure you\u2019re streaming videos from a fast video player. If you\u2019re curious to see how popular platforms perfect, WP Rocket ran a test to find <a href=\"https:\/\/wp-rocket.me\/blog\/fastest-video-player\/\">the fastest video player<\/a> among YouTube, Vimeo, DailyMotion, and Wistia.<\/p><p>The next thing to do is find a lightweight solution to embed these third-party-hosted videos on your site.&nbsp;<\/p><p>Most WordPress page builders have various video widgets. For example, Gutenberg has one for general video, YouTube, DailyMotion, and Vimeo.<\/p><figure class=\"wp-block-video\"><video controls src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wordpress-embed-youtube-video.mp4\"><\/video><\/figure><p>You can also stream videos from third-party platforms within some slider plugins. In Slider Revolution, for instance, you can <a href=\"https:\/\/www.sliderrevolution.com\/manual\/adding-and-configuring-video-layers\/\">add content to video layers<\/a> a couple different ways. You can upload HTML5 video or you can import video directly from YouTube or Vimeo.&nbsp;<\/p><h3 class=\"wp-block-heading\">4. Use a Video Compression Tool<\/h3><p>In some cases, you might not be able to or want to import video from another platform. If that\u2019s the case, it\u2019s critical that you optimize the file <em>before <\/em>uploading it to your server.&nbsp;<\/p><p>One way to do this is by running the video through a compression tool. <a href=\"https:\/\/handbrake.fr\/\">HandBrake<\/a> and <a href=\"https:\/\/ffmpeg.org\/\">FFmpeg<\/a> seem to be the most popular desktop solutions.&nbsp;<\/p><p>There are also free online video compressors, like <a href=\"https:\/\/clideo.com\/compress-video\">Clideo<\/a> and <a href=\"https:\/\/www.freeconvert.com\/video-compressor\">FreeConvert<\/a>. They won\u2019t give you all of the video conversion tools that come with desktop apps, but they get the job done.&nbsp;<\/p><p>FreeConvert is an especially good option. With its advanced settings, you can choose different compression methods.\u00a0<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"559\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/freeconvert-advanced-settings.png\" alt=\"\" class=\"wp-image-6699348\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/freeconvert-advanced-settings.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/freeconvert-advanced-settings-279x195.png 279w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/freeconvert-advanced-settings-768x537.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/freeconvert-advanced-settings-86x60.png 86w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/freeconvert-advanced-settings-129x90.png 129w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>If you want to change the resolution, max bitrate, or file size, for instance, you can do that with this tool.&nbsp;<\/p><p>Just be mindful of how much compression you do. For a background video, it might be okay to go heavy on compression. But the second it interferes with the resolution and clarity of the video, back off. 87% of consumers surveyed by Wyzowl said that video quality can affect how much they trust a brand.<\/p><h3 class=\"wp-block-heading\">5. Remove Audio When It\u2019s Not Needed<\/h3><p>Background videos are a common way to dress up a website. While these types of videos don\u2019t require any audio, your files might have audio built in.&nbsp;<\/p><p>When audio isn\u2019t needed, you should strip it out to shrink the size of your video file.<\/p><p>You can use video editing tools like <a href=\"https:\/\/www.wevideo.com\/\">WeVideo<\/a>, <a href=\"https:\/\/www.movavi.com\/\">Movavi<\/a>, and other apps to remove the audio component.\u00a0<\/p><figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"383\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-video-editor-1.png\" alt=\"\" class=\"wp-image-6699355\" style=\"aspect-ratio:2.088772845953003;width:800px;height:auto\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-video-editor-1.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-video-editor-1-310x148.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-video-editor-1-768x368.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-video-editor-1-125x60.png 125w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-video-editor-1-188x90.png 188w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>In this example from WeVideo, we have an ocean video with audio. When exported with audio, the file is 28.0MB. When exported without audio, it\u2019s 18.9MB.&nbsp;<\/p><h3 class=\"wp-block-heading\">6. Use a Lightweight File Format<\/h3><p>There are a number of things to look for when choosing a video file format. The general size and compressibility of the file is important for page speeds. You also have to consider browser and device compatibility.&nbsp;<\/p><p>There are a few WordPress-supported file formats that check off most of these boxes.&nbsp;<\/p><p><strong>MP4<\/strong><\/p><p>MP4 is a dependable choice when it comes to striking a balance between compatibility and speed.&nbsp;<\/p><p>This video file format is small while ensuring that video quality remains good. If you compress an MP4 video, it shouldn\u2019t degrade the quality too much either.&nbsp;<\/p><p>It\u2019s also one of the most universally compatible video file formats. The majority of browsers&nbsp; support MP4. The only exception is the Opera browser, according to <a href=\"https:\/\/caniuse.com\/?search=mp4\">Can I use\u2026<\/a>.<\/p><p><strong>MOV<\/strong><\/p><p>While MOV was originally developed by Apple for Quicktime, it also plays on Android devices. That said, <a href=\"https:\/\/caniuse.com\/?search=mov\">some browsers are unable to support MOV<\/a>. Internet Explorer does not and some lesser-used browsers remain unknown.<\/p><p>If you decide to use this video file format on your website, it\u2019s best to upload it to a third-party streaming service like YouTube or Vimeo. These files contain lots of data. So while the quality is very high, the size is as well.&nbsp;<\/p><p>You can compress MOV files to help with file bloat. However, you\u2019ll definitely notice degradation in the quality and resolution when you do.&nbsp;<\/p><p><strong>WebM<\/strong><\/p><p>This HTML5 video file format was developed by Google. <a href=\"https:\/\/caniuse.com\/webm\">Most browsers support WebM<\/a>, with the exception of Internet Explorer and Opera.<\/p><p>Unlike some other file types, WebM works directly in the browser (as opposed to needing a plugin like Quicktime). Because of this, WebM tends to load faster than other video formats. It\u2019s also easy to compress these videos without losing too much quality.&nbsp;<\/p><p>If you\u2019re currently <a href=\"https:\/\/wp-rocket.me\/blog\/replacing-animated-gifs-with-html5-video-for-faster-page-speed\/\">using GIFs on your website<\/a>, consider replacing them with this HTML5 file format as it\u2019s a much faster alternative.&nbsp;<\/p><h3 class=\"wp-block-heading\">7. Adjust the Resolution and Frame Rate&nbsp;<\/h3><p>Another <a href=\"https:\/\/wp-rocket.me\/blog\/best-practice-guide-reducing-website-page-weight\/\">best practice for reducing page weight<\/a> is to adjust your video\u2019s resolution and frame rate.<\/p><p>Video resolution refers to the number of pixels used to create the images on your screen. The more pixels, the sharper the image.&nbsp;<\/p><p>If you take a look inside your video editor, you\u2019ll find that you have various resolution options, starting from Standard (852&#215;480) all the way up to Ultra HD (4K). But you really don\u2019t need to export online videos at the highest resolution.\u00a0<\/p><figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"434\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-resolution-options.png\" alt=\"\" class=\"wp-image-6699362\" style=\"aspect-ratio:1.8433179723502304;width:800px;height:auto\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-resolution-options.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-resolution-options-310x168.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-resolution-options-768x417.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-resolution-options-111x60.png 111w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/wevideo-resolution-options-166x90.png 166w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>1080p is the maximum resolution you\u2019ll need for full-screen videos on your website. And you can use 720p for videos embedded into smaller spaces.<\/p><p>Frame rate refers to the speed at which the frames in a video move. Your video editor will allow you to choose from the following settings:<\/p><ul class=\"wp-block-list\"><li>24fps<\/li>\n\n<li>25fps<\/li>\n\n<li>30fps<\/li>\n\n<li>60fps<\/li><\/ul><p>Similar to resolution, the highest frame rate isn\u2019t necessary on the web. According to TechSmith, 24fps should be sufficient for standard videos:&nbsp;<\/p><p><em>\u201cHollywood-style movies are usually displayed at 24fps, since this frame rate is similar to how we see the world and creates a very cinematic look. Live videos or videos with a lot of motion, such as sporting events and video game recordings, often have higher frame rates because there\u2019s a lot happening at once \u2014 this keeps the motion smooth and the details crisp.\u201d<\/em><\/p><p>If you have a high-impact video, then a higher frame rate could be beneficial. Slow-motion video will also need a higher frame rate, though 30fps should do in either case.&nbsp;&nbsp;<\/p><h3 class=\"wp-block-heading\">8. Crop the Video Length<\/h3><p>Whether you\u2019re creating your own videos or using stock content, it\u2019s a good idea to crop the length of your videos before adding them to WordPress.<\/p><p>There are a couple of ways to tackle this. The first is the actual length of the video.&nbsp;<\/p><p>Consider something like a background video. You\u2019ve placed it in the homepage hero section and don\u2019t expect visitors to spend more than 20 seconds reading the text or looking at the navigation. Rather than use an elongated version of the video, crop it around 15 or 20 seconds.<\/p><p>Another thing to think about is how to trim the fat from your video.&nbsp;<\/p><p>For a video with audiovisual content, go through and see if there are any wasteful pauses or utterances (like \u201cum\u201d or \u201cah\u201d) that can be cropped out. In addition to shortening the video\u2019s runtime, you\u2019ll also make the video content easier for people to watch.&nbsp;<\/p><p><strong>Pro tip:<\/strong> When creating marketing videos like explainers, product walk-throughs, and onboarding videos, keep them on the shorter side. According to <a href=\"https:\/\/wistia.com\/about\/state-of-video\">Wistia\u2019s 2023 State of Video Marketing Report<\/a>, the most effective video length is between 30 and 60 seconds.&nbsp;<\/p><h3 class=\"wp-block-heading\">9. Only set Videos to Autoplay When Necessary<\/h3><p>The only types of videos that should autoplay on your website are background videos without audio. For all the rest, set them up so that the user must hit the \u201cPlay\u201d button in order to start it.&nbsp;<\/p><p>This is a good practice for a couple of reasons. For starters, it reduces the strain that videos have on your server. If they don\u2019t start until a user engages with them, then the page won\u2019t have to load extra resources until they do (or <em>if <\/em>they do).<\/p><p>Another reason to do this is for <a href=\"https:\/\/wp-rocket.me\/blog\/web-accessibility-seo\/\">web accessibility<\/a>. Autoplay videos can be problematic for users with visual impairments or for those who are in situations where audio shouldn\u2019t be played (like on the train or during a Zoom call).&nbsp;<\/p><p>Your WordPress video or slider plugin should allow you to do this. For instance, in <a href=\"https:\/\/www.sliderrevolution.com\/\">Slider Revolution<\/a>, you can set your video to be user-triggered and to autoplay.<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"307\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/sliderrevolution-autoplay-options.png\" alt=\"\" class=\"wp-image-6699371\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/sliderrevolution-autoplay-options.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/sliderrevolution-autoplay-options-310x119.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/sliderrevolution-autoplay-options-768x295.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/sliderrevolution-autoplay-options-156x60.png 156w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/sliderrevolution-autoplay-options-235x90.png 235w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>You also have the option to set the video to autoplay under certain conditions.<\/p><h3 class=\"wp-block-heading\">10. Limit Video Looping<\/h3><p>Some videos don\u2019t need to loop endlessly.&nbsp;<\/p><p>For background videos, this feature is unavoidable. For videos with informative content in them, though, they probably don\u2019t need to loop at all.&nbsp;<\/p><p>Whether you\u2019re uploading a video or streaming from a platform like YouTube, make sure to disable looping before you publish the content to your site.&nbsp;<\/p><h3 class=\"wp-block-heading\">11. Implement LazyLoad<\/h3><p>Lazy loading is an important process in page speed optimization.&nbsp;<\/p><p>What it does is identify certain resources \u2014 like images and videos that appear below the fold \u2014 as non-critical. These resources are only loaded when a visitor scrolls to the part of the page containing them.&nbsp;<\/p><p>This way, the server\u2019s resources are only consumed by visible and critical resources that need to load based on what the user is looking at.&nbsp;<\/p><p>A simple way to implement lazy loading is to use a caching plugin such as <a href=\"https:\/\/wp-rocket.me\/features\/\">WP Rocket<\/a>. This plugin easily enables Lazy Load when adding video to your page and helps optimize its loading time.<\/p><figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1187\" height=\"745\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/lazy-loading-wp-rocket.png\" alt=\"\" class=\"wp-image-6699377\" style=\"aspect-ratio:1.5932885906040268;width:800px;height:auto\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/lazy-loading-wp-rocket.png 1187w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/lazy-loading-wp-rocket-310x195.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/lazy-loading-wp-rocket-768x482.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/lazy-loading-wp-rocket-96x60.png 96w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/lazy-loading-wp-rocket-143x90.png 143w\" sizes=\"(max-width: 1187px) 100vw, 1187px\" \/><\/figure><p>When videos appear lower down on the page and\/or you have multiple videos, they won\u2019t load until the user scrolls down. You\u2019ll find instructions here on <a href=\"https:\/\/docs.wp-rocket.me\/article\/1674-lazyload-for-iframes-and-videos\">how to use LazyLoad for iframes and videos with WP Rocket<\/a>.&nbsp;<\/p><h3 class=\"wp-block-heading\">12. Keep Video Pages Light on Content<\/h3><p>When designing pages containing video, try to keep the surrounding designs and content to a minimum. This way, the effect that the video size and runtime have on the page won\u2019t be as significant.&nbsp;<\/p><p>In some cases, this won\u2019t be possible. Consider something like a product page that has a video included in the image gallery. There\u2019s no way to cut information from the page without impacting the rest of your store. That\u2019s why strategies like the ones above are essential.<\/p><p>In other cases, you can be more mindful about what you include on the page. If the video is the most important element, for instance, then you might not need as much text or as many images. That or you might want to tame down animations and other special effects throughout the page.&nbsp;<\/p><h3 class=\"wp-block-heading\">13. Be Mindful of Mobile<\/h3><p>When designing web pages, it\u2019s essential that you take into account the mobile experience for your users.&nbsp;<\/p><p>According to <a href=\"https:\/\/www.statista.com\/statistics\/276115\/user-patience-with-website-loading-speeds-on-mobile-phones\/\">2023 data from Statista<\/a>, 26% of people will wait five seconds or longer for a mobile page to load. That\u2019s it. By the time you hit the six-second mark, you\u2019ll have lost three-quarters of your users.<\/p><p>Video, unfortunately, can be problematic for mobile because of the impact it has on page speed. So here are some things you can do specifically to optimize videos for mobile:&nbsp;<\/p><ul class=\"wp-block-list\"><li>Enable caching so that videos don\u2019t constantly have to be retrieved for returning visitors.<\/li>\n\n<li>Use a file format that works well for mobile, like MP4 or WebM.<\/li>\n\n<li>For larger or longer videos, host them on a third-party platform.&nbsp;<\/li>\n\n<li>If streaming videos still make the mobile page load too slowly, display a cover image with a Play button superimposed over it. Then add a link to YouTube or Vimeo.<\/li>\n\n<li>Consider using even less content on the mobile version of a video-centric page than the desktop counterpart.&nbsp;<\/li>\n\n<li>When using sliders or carousels, make them image-only.&nbsp;<\/li><\/ul><p>Here are some more tips to help you <a href=\"https:\/\/wp-rocket.me\/blog\/how-to-make-your-mobile-site-load-faster\/\">make your mobile site load faster<\/a>.<\/p><h3 class=\"wp-block-heading\">14. Choose the Right Hosting Plan<\/h3><p>Videos are just one of the reasons why websites load slowly. Page sizes have steadily grown over the last decade and show no signs of slowing down.<\/p><p>According to <a href=\"https:\/\/httparchive.org\/reports\/state-of-the-web\">HTTP Archive<\/a>, the average transfer size of all resources on a web page has more than doubled since 2014 (from 1081.3 KB to 2505.3 KB).<\/p><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"466\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-history-of-page-size.png\" alt=\"\" class=\"wp-image-6699386\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-history-of-page-size.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-history-of-page-size-310x181.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-history-of-page-size-768x447.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-history-of-page-size-103x60.png 103w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/httparchive-history-of-page-size-155x90.png 155w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>So while it\u2019s important to minimize video file sizes and run times, it\u2019s also important to optimize your site and server so they can efficiently handle what resources you do have.<\/p><p>For instance, your choice of web hosting plan is a major contributing factor to speed.&nbsp;<\/p><p>With insufficient storage and bandwidth, pages with lots of content and resource-intensive videos can cause a major slowdown of your site. In the worst-case scenario, the page will time out if it\u2019s unable to process the request.&nbsp;<\/p><p>So the first thing to do is find a web hosting company that prioritizes performance.&nbsp;<\/p><p>In addition, choose a plan that provides you with a suitable amount of resources (or, better yet, <em>scalable <\/em>resources) so your site never falls short when it comes to performance.<\/p><p>Another thing to look for is a web host that enables you to upgrade to HTTP\/2. Unlike the original HTTP\/1 launched in the early days of the web, HTTP\/2 is built for speed. Having the ability to switch to this protocol (if it\u2019s not automatically enabled) would be a huge performance win.<\/p><h3 class=\"wp-block-heading\">15. Use a CDN<\/h3><p>CDNs are a great way to improve loading speeds when you have an international audience. Rather than rely on your web host\u2019s origin server to handle all of your traffic, <a href=\"https:\/\/wp-rocket.me\/blog\/cdn\/\">a CDN<\/a> serves your content to visitors all around the globe from servers that are closer to them.&nbsp;<\/p><p>With less distance to travel, web pages load much more quickly. This is especially useful for pages containing video. A CDN can help reduce any extra lag time that might delay the loading of your content.&nbsp;<\/p><p>If you\u2019re looking for a reliable solution, check out <a href=\"https:\/\/rocketcdn.me\/\">RocketCDN<\/a>.\u00a0<\/p><figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"471\" src=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/rocketcdn-map.png\" alt=\"\" class=\"wp-image-6699393\" style=\"aspect-ratio:1.6985138004246285;width:800px;height:auto\" srcset=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/rocketcdn-map.png 800w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/rocketcdn-map-310x183.png 310w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/rocketcdn-map-768x452.png 768w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/rocketcdn-map-102x60.png 102w, https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/rocketcdn-map-153x90.png 153w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/figure><p>This easy-to-configure CDN solution will instantly move your website closer to wherever your users are around the world.<\/p><h2 class=\"wp-block-heading\">Wrapping Up<\/h2><p>There are many ways to use video to increase engagement and conversions on websites. You can add explainer videos to support pages, include video walk-throughs on product pages, and put an eye-catching video into the homepage hero section.<\/p><p>91% of businesses use video in their online marketing strategy today. What\u2019s more, consumers crave this kind of content and want brands to provide more of it. So you don\u2019t want your business to get left behind.&nbsp;<\/p><p>The good news is that video pages aren\u2019t difficult to optimize. From proper video formatting to being more mindful about how and when you use video, there is a lot you can do.&nbsp;<\/p><p>Don\u2019t forget about the rest of your content, either. This <a href=\"https:\/\/wp-rocket.me\/blog\/guide-to-page-speed-optimization-for-wordpress\/\">page speed optimization checklist<\/a> covers what you can do to keep your WordPress site running fast.&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>Using video in your marketing strategy and on your website? Learn 15 tips and tricks to optimize video for faster loading times here. <\/p>\n","protected":false},"author":334769,"featured_media":6699443,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[63],"tags":[],"class_list":["post-6681484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-cache"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Keep Your Website Loading Fast with Video<\/title>\n<meta name=\"description\" content=\"Using video in your marketing strategy and on your website? Learn 15 tips and tricks to optimize video for faster loading times here.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Keep Your Website Loading Fast with Video\" \/>\n<meta property=\"og:description\" content=\"Using video in your marketing strategy and on your website? Learn 15 tips and tricks to optimize video for faster loading times here.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Rocket\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-26T09:13:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-26T09:13:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"460\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dirk Gavor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:site\" content=\"@wp_rocket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dirk Gavor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/\"},\"author\":{\"name\":\"Dirk Gavor\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/4ebdacfd1321ff62f5c7109e46bd684f\"},\"headline\":\"How to Keep Your Website Loading Fast with Video\",\"datePublished\":\"2024-03-26T09:13:23+00:00\",\"dateModified\":\"2024-03-26T09:13:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/\"},\"wordCount\":3385,\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png\",\"articleSection\":[\"Page speed and caching\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/\",\"url\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/\",\"name\":\"How to Keep Your Website Loading Fast with Video\",\"isPartOf\":{\"@id\":\"https:\/\/wp-rocket.me\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png\",\"datePublished\":\"2024-03-26T09:13:23+00:00\",\"dateModified\":\"2024-03-26T09:13:25+00:00\",\"description\":\"Using video in your marketing strategy and on your website? Learn 15 tips and tricks to optimize video for faster loading times here.\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png\",\"width\":1100,\"height\":460,\"caption\":\"How to Keep Your Website Loading Fast with Video\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wp-rocket.me\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Page speed and caching\",\"item\":\"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Keep Your Website Loading Fast with Video\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wp-rocket.me\/#website\",\"url\":\"https:\/\/wp-rocket.me\/\",\"name\":\"WP Rocket\",\"description\":\"Plugin d&#039;optimisation de sites WordPress\",\"publisher\":{\"@id\":\"https:\/\/wp-rocket.me\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wp-rocket.me\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/wp-rocket.me\/#organization\",\"name\":\"WP Rocket\",\"url\":\"https:\/\/wp-rocket.me\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"contentUrl\":\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png\",\"width\":150,\"height\":41,\"caption\":\"WP Rocket\"},\"image\":{\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829\",\"https:\/\/x.com\/wp_rocket\",\"https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/4ebdacfd1321ff62f5c7109e46bd684f\",\"name\":\"Dirk Gavor\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a96480f8dd0243140f2b8c1235ffdb91?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a96480f8dd0243140f2b8c1235ffdb91?s=96&d=mm&r=g\",\"caption\":\"Dirk Gavor\"},\"description\":\"Slider Revolution Co-Founder on the mission to find the line between not enough coffee and just a little too much coffee. Same with beer.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Keep Your Website Loading Fast with Video","description":"Using video in your marketing strategy and on your website? Learn 15 tips and tricks to optimize video for faster loading times here.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/","og_locale":"en_US","og_type":"article","og_title":"How to Keep Your Website Loading Fast with Video","og_description":"Using video in your marketing strategy and on your website? Learn 15 tips and tricks to optimize video for faster loading times here.","og_url":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/","og_site_name":"WP Rocket","article_publisher":"https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","article_published_time":"2024-03-26T09:13:23+00:00","article_modified_time":"2024-03-26T09:13:25+00:00","og_image":[{"width":1100,"height":460,"url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png","type":"image\/png"}],"author":"Dirk Gavor","twitter_card":"summary_large_image","twitter_creator":"@wp_rocket","twitter_site":"@wp_rocket","twitter_misc":{"Written by":"Dirk Gavor","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#article","isPartOf":{"@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/"},"author":{"name":"Dirk Gavor","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/4ebdacfd1321ff62f5c7109e46bd684f"},"headline":"How to Keep Your Website Loading Fast with Video","datePublished":"2024-03-26T09:13:23+00:00","dateModified":"2024-03-26T09:13:25+00:00","mainEntityOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/"},"wordCount":3385,"publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png","articleSection":["Page speed and caching"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/","url":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/","name":"How to Keep Your Website Loading Fast with Video","isPartOf":{"@id":"https:\/\/wp-rocket.me\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage"},"image":{"@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage"},"thumbnailUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png","datePublished":"2024-03-26T09:13:23+00:00","dateModified":"2024-03-26T09:13:25+00:00","description":"Using video in your marketing strategy and on your website? Learn 15 tips and tricks to optimize video for faster loading times here.","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#primaryimage","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/2024\/03\/How-to-Keep-Your-Website-Loading-Fast-with-Video.png","width":1100,"height":460,"caption":"How to Keep Your Website Loading Fast with Video"},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/blog\/keep-your-website-loading-fast-video\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wp-rocket.me"},{"@type":"ListItem","position":2,"name":"Page speed and caching","item":"https:\/\/wp-rocket.me\/blog\/wordpress-cache\/"},{"@type":"ListItem","position":3,"name":"How to Keep Your Website Loading Fast with Video"}]},{"@type":"WebSite","@id":"https:\/\/wp-rocket.me\/#website","url":"https:\/\/wp-rocket.me\/","name":"WP Rocket","description":"Plugin d&#039;optimisation de sites WordPress","publisher":{"@id":"https:\/\/wp-rocket.me\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wp-rocket.me\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wp-rocket.me\/#organization","name":"WP Rocket","url":"https:\/\/wp-rocket.me\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/","url":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","contentUrl":"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/logo-wp-rocket-paypal-2.png","width":150,"height":41,"caption":"WP Rocket"},"image":{"@id":"https:\/\/wp-rocket.me\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/WP-Rocket\/631942253526829","https:\/\/x.com\/wp_rocket","https:\/\/www.youtube.com\/channel\/UC1ozThXHd1IWIZ5wkshgp_Q"]},{"@type":"Person","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/4ebdacfd1321ff62f5c7109e46bd684f","name":"Dirk Gavor","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wp-rocket.me\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a96480f8dd0243140f2b8c1235ffdb91?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a96480f8dd0243140f2b8c1235ffdb91?s=96&d=mm&r=g","caption":"Dirk Gavor"},"description":"Slider Revolution Co-Founder on the mission to find the line between not enough coffee and just a little too much coffee. Same with beer."}]}},"_links":{"self":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts\/6681484"}],"collection":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/users\/334769"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/comments?post=6681484"}],"version-history":[{"count":0,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/posts\/6681484\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media\/6699443"}],"wp:attachment":[{"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/media?parent=6681484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/categories?post=6681484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-rocket.me\/wp-json\/wp\/v2\/tags?post=6681484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}