{"id":6441,"date":"2020-04-04T08:32:32","date_gmt":"2020-04-04T08:32:32","guid":{"rendered":"https:\/\/10web.io\/?p=6441"},"modified":"2026-03-13T08:56:10","modified_gmt":"2026-03-13T08:56:10","slug":"optimizing-videos-on-your-wordpress-site","status":"publish","type":"post","link":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/","title":{"rendered":"10 Video Optimization Tips For a Faster Website!"},"content":{"rendered":"<div class=\"links-list-block\">\n    <p class=\"links-list-block__title\">In This Article<\/p>\n    <div class=\"links-list-block__content\"><\/p>\n<ul>\n<li><a href=\"#how_are_videos_affecting_your_website_now\">How are videos affecting your website now?<\/a>\n<ul>\n<li><a href=\"#pagespeed_score_vid\">PageSpeed Score<\/a><\/li>\n<li><a href=\"#core_web_vitals_vid\">Core Web Vitals<\/a><\/li>\n<li><a href=\"#hosting_vid\">Hosting<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#10_steps_to_optimize_your_website\u2019s_videos\">10 steps to optimize your website\u2019s videos<\/a>\n<ul>\n<li><a href=\"#choose_a_right_format\">1. Choose a right format<\/a><\/li>\n<li><a href=\"#compress_the_video\">2. Compress the video<\/a><\/li>\n<li><a href=\"#choose_fast_hosting\">3. Choose fast hosting<\/a><\/li>\n<li><a href=\"#provide_different_formats_for_multiple_devices\">4. Provide different formats for multiple devices<\/a><\/li>\n<li><a href=\"#specify_video_parameters\">5. Specify video parameters<\/a><\/li>\n<li><a href=\"#make_video_resolution_scalable\">6. Make video resolution scalable<\/a><\/li>\n<li><a href=\"#make_bitrate_adaptive\">7. Make bitrate adaptive<\/a><\/li>\n<li><a href=\"#set_up_autoplay_lazy_loading_and_preloading_correctly\">8. Set up autoplay, lazy loading and preloading correctly<\/a><\/li>\n<li><a href=\"#use_a_cdn\">9. Use a content delivery network (CDN):<\/a><\/li>\n<li><a href=\"#use_a_customizable_video_hosting\">10. Use a customizable video hosting.<\/a><\/li>\n<\/ul>\n<\/li>\n<li><a href=\"#what_is_video_optimization_in_SEO\">What is video optimization in SEO?<\/a><\/li>\n<\/ul>\n<p><\/div>\n<\/div>\n\n<p>Videos deliver a lot of information in a short amount of time, which is why when presented with the option, many will choose to watch a video rather than read text. Use of videos on landing pages can even increase conversion rates by 80%. Videos can lengthen the amount of time people choose to remain on a website, lowering bounce rates and leading to potential sales. And that\u2019s not all. A recent survey conducted by <a href=\"https:\/\/www.renderforest.com\/blog\/video-marketing-statistics\" target=\"_blank\" rel=\"noopener\">Renderforest<\/a> demonstrates some important and surprising statistics:<\/p>\n<ul>\n<li>70% of businesses say that videos boost brand awareness<\/li>\n<li>78% of businesses say that videos increase traffic<\/li>\n<li>83% of marketers say that videos help to generate more leads<\/li>\n<li>44% of people are more likely to buy a product after watching a video about it<\/li>\n<\/ul>\n<p>These are all great reasons to add some videos to your website, right? Well, it\u2019s important to keep in mind that the above statistics are only applicable when they are not slowing your website down. When videos aren\u2019t optimized and your website\u2019s performance starts to suffer, your content will end up sending users away instead of generating more conversions.<\/p>\n<p>According to research from <a href=\"https:\/\/unbounce.com\/page-speed-report\/\" target=\"_blank\" rel=\"noopener\">Unbounce<\/a>:<\/p>\n<div class=\"tenweb-quote\">\n\t<\/p>\n<p class=\"quote_content\">Half of all people say they\u2019d be willing to give up animation and video for faster load times.<\/p>\n<p><\/div>\n\n\n<p>When it comes to the speed of your website, there really isn\u2019t a lot of room for compromise, as this is how Google defines speed:<\/p>\n<ul>\n<li>1-49 (over 4 seconds): slow<\/li>\n<li>50-89 (2.5 to 4 seconds): average, needs improvement<\/li>\n<li>90-100 (under 2.5 seconds): fast<\/li>\n<\/ul>\n<p>Despite speed being an absolute priority in Google\u2019s algorithm and a necessity to pass Core Web Vitals, the average website still has a PageSpeed score between 40 to 50 for mobile and desktop. <a href=\"https:\/\/business.google.com\/us\/think\/\">Google<\/a> has confirmed that:<\/p>\n<div class=\"tenweb-quote\">\n\t<\/p>\n<p class=\"quote_content\">53% of visits are abandoned if a mobile site takes longer than three seconds to load<\/p>\n<p><\/div>\n\n\n<p><span id=\"how_are_videos_affecting_your_website_now\"><\/span>As this is essentially any website with a PageSpeed score of less than 90, you really can\u2019t afford to have a video slowing down your website. If you\u2019re now thinking it may be best to avoid including videos on your website, fear not! In this article, we\u2019ll explain how to optimize videos so you can keep your website running fast, and your website visitors happy. Let\u2019s dive right in!<\/p>\n<h2>How are videos affecting your website now?<\/h2>\n<p><span id=\"pagespeed_score_vid\"><\/span>To understand how a video is\u2014or will, impact your website, it\u2019s important to understand the status of your website as it stands now. Checking the current PageSpeed score, paying attention to Core Web Vital metrics, and of course considering your hosting are all necessary components in the bigger picture. Let\u2019s review.<\/p>\n<h3>PageSpeed Score<\/h3>\n<p><span id=\"core_web_vitals_vid\"><\/span>Before you start optimizing your videos, it\u2019s a good idea to run a quick <a href=\"https:\/\/pagespeed.web.dev\/?utm_source=psi&amp;utm_medium=redirect&amp;hl=en\">Google PageSpeed score<\/a> check. This will give you an overall idea of what exactly is slowing down your website and to figure out just how much of your media content needs optimization.<\/p>\n<h3>Core Web Vitals<\/h3>\n<p>When it comes to Core Web Vitals, <a href=\"https:\/\/www.youtube.com\/watch?v=cut9LTIg2qA\" target=\"_blank\" rel=\"noopener\">Largest Contentful Paint<\/a> would be the most relevant metric to pay attention to in terms of videos. Here\u2019s a quick refresher on what exactly that is:<\/p>\n<div class=\"colored-block blue\">\n    <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/themes\/10web-blog\/images\/shortcodes\/\/blue_block_icon.png\" class=\"colored-block-note\" alt=\"Note\">\n            <div class=\"colored-block__content\"> <strong>Largest Contentful Paint (LCP)<\/strong>: Largest Contentful Paint focuses on loading time, specifically in regards to the largest element found on the screen. What are some examples of the largest elements found in a viewport? It can be an image, video, banner, background, or even block-level text. <\/div>\n    <\/div>\n\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/largest-contentful-paint-scores.png\" alt=\"largest contentful paint scores\" width=\"742\" height=\"416\" class=\"alignnone size-full wp-image-18712\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/largest-contentful-paint-scores.png 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/largest-contentful-paint-scores-150x84.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/largest-contentful-paint-scores-371x208.png 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/largest-contentful-paint-scores-600x336.png 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>A good LCP score is achieved when the largest element\u2014in this case, a video, loads in 2.5 seconds or less, and this must be the case 75% of the time. When the load time is between 2.5 and 4 seconds, the LCP is considered to be in need of improvement, and when the load time is more than 4 seconds, the LCP is considered to be poor.<\/p>\n<p><span id=\"hosting_vid\"><\/span>You can measure the LCP of your page with <a href=\"https:\/\/10web.io\/site-speed-glossary\/pagespeed-insights\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>, Lighthouse, Search Console (Core Web Vitals Report), and the Chrome User Experience Report.<\/p>\n\r\n<style>\r\n  #ctablocks_inline_70{\r\n          background-color: #000000;\r\n        color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_inline_70 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_inline_70 .button{\r\n        background-color: rgb(51,57,241);\r\n      color: #ffffff;\r\n    border-color: #3339f1 !important;\r\n  }\r\n  #ctablocks_inline_70 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n        #ctablocks_inline_70 .ctablocks_content_info p {\r\n        padding-left: 36px;\r\n      }\r\n      #ctablocks_inline_70 .ctablocks_content_button {\r\n          margin-left: 37px;\r\n      }\r\n  @media screen and (min-width: 768px) and (max-width: 1260px) {\r\n      #ctablocks_inline_70 .ctablocks_content_button {\r\n          margin-left: 37px !important;\r\n      }\r\n  }\r\n  ;\r\n<\/style>\r\n<div id=\"ctablocks_inline_70\" class=\"ctablocks_container inline_type\r\n        \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n      \r\n            <div class=\"title-wrap\">\r\n\t\t\t\t\t                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/info-icon-cta.png\" alt=\"Want to speed up your website instantly?\" title=\"Want to speed up your website instantly?\">\r\n\t\t\t\t\t            <h4>Want to speed up your website instantly?<\/h4>\r\n        <\/div>\r\n              <p>Get 90+ PageSpeed Score automatically with 10Web Booster \u26a1 <br class=\"desktop\"> On any hosting!<\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/page-speed-booster\/\" class=\"button\"  data-gtag=\"cta-70\" data-buttontype=\"cta-inline\"\r\n\t        >Try for Free<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <\/div>\r\n\n<h3>Hosting<\/h3>\n<p>Your website is truly only as good as your hosting, so it is imperative to take your hosting provider into consideration when it comes to website speed. Powerful hosting that prioritizes speed will really save the day when you decide to add a video or videos to your website. So if you\u2019re still using <a href=\"https:\/\/10web.io\/glossary\/shared-hosting\/\" target=\"_blank\" rel=\"noopener\">shared hosting<\/a>, the harsh reality is that not much can be done to save your website\u2019s speed. And before you think about a caching or optimization plugin, remember that caching and optimization plugins cannot boost your website speed from the backend. This is because WordPress core entirely relies on your hosting solution to reach and maintain a superfast website.<\/p>\n<div class=\"colored-block blue\">\n    <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/themes\/10web-blog\/images\/shortcodes\/\/blue_block_icon.png\" class=\"colored-block-note\" alt=\"Note\">\n            <h4>Read:<\/h4>\n\t        <div class=\"colored-block__content\"> The End of the Shared Hosting Era <\/div>\n    <\/div>\n\n<p>10Web\u2019s powerful and automated <a href=\"https:\/\/10web.io\/hosting\/managed-wordpress-hosting\/\" target=\"_blank\" rel=\"noopener\">hosting solution<\/a>\u00a0ensures a smooth and fast performance for your website. All websites hosted on 10Web automatically get <a href=\"https:\/\/10web.io\/page-speed-booster\/\">optimized frontend and backend speed<\/a>, bumping them up to the 1% of the world\u2019s fastest loading websites. With 10Web, your website will:<\/p>\n<ul>\n<li>Receive a 90+ PageSpeed score<\/li>\n<li>Pass Core Web Vitals<\/li>\n<li>Get optimized backend<\/li>\n<\/ul>\n<p>And what does that mean for you?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/What-10Web-Booster-improves-742x55.png\" alt=\"What 10Web Booster improves\" width=\"742\" height=\"55\" class=\"alignnone size-medium wp-image-18715\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/What-10Web-Booster-improves-742x55.png 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/What-10Web-Booster-improves-150x11.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/What-10Web-Booster-improves-768x57.png 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/What-10Web-Booster-improves-600x45.png 600w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/What-10Web-Booster-improves.png 1180w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>So if you add a video to your website, 10Web\u2019s powerful hosting works to keep your PageSpeed score in the \u201cfast\u2019 range\u2014automatically.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/pagespeed-score-on-10Web-dashboard-742x416.png\" alt=\"Optimized PageSpeed score after adding a video\" width=\"742\" height=\"416\" class=\"alignnone size-medium wp-image-18716\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/pagespeed-score-on-10Web-dashboard-742x416.png 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/pagespeed-score-on-10Web-dashboard-150x84.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/pagespeed-score-on-10Web-dashboard-768x431.png 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/pagespeed-score-on-10Web-dashboard-371x208.png 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/pagespeed-score-on-10Web-dashboard.png 1484w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/pagespeed-score-on-10Web-dashboard-600x336.png 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>From your 10Web dashboard, you can also conveniently check your PageSpeed score along with comprehensive diagnostics on what affects your site speed.<\/p>\n<p><span id=\"10_steps_to_optimize_your_website\u2019s_videos\"><\/span>Now that you have an average basis of your site\u2019s pre-optimized performance, it\u2019s time to apply a few staple optimization methods to your video content that will further help!<\/p>\n<h2>10 steps to optimize your website\u2019s videos<\/h2>\n<p>When it comes to optimizing videos, there are two main approaches to take, which we will discuss in greater detail below:<\/p>\n<ul>\n<li>Make sure that your videos are optimized on your end before you upload them<\/li>\n<li><span id=\"choose_a_right_format\"><\/span>Have your website set up to properly embed or feature your videos on it<\/li>\n<\/ul>\n<h3>How to optimize your video file:<\/h3>\n<h4>1. Choose a right format<\/h4>\n<p>Your video file needs to be compatible with HTML5, so that you\u2019ll be able to feature your videos without the need to use any external plugins.<\/p>\n<p>WebM and MPEG-4 (MP4) are the most commonly supported video file formats. While WebM is supported by Firefox and Chrome, MPEG-4 is much more widely supported by all browsers.<\/p>\n<p>Since not all browsers and devices support all formats, it\u2019s important that you encode your videos so that your users can view them regardless of their device or browser.<\/p>\n<p><span id=\"compress_the_video\"><\/span>For example, converting samplevideo.mov to samplevideo.mp4 so you can play your video from your WordPress site. You can use any online video converter to convert your videos to the recommended formats.<\/p>\n<h4>2. Compress the video<\/h4>\n<p>You have to compress your videos prior to uploading them to your site. There are multiple tools to achieve this, but open source software <a href=\"https:\/\/handbrake.fr\/\" target=\"_blank\" rel=\"noopener\">HandBrake<\/a> is a great option.<\/p>\n<p>HandBrake\u2019s interface is very easy to navigate and on top of compression, you can use it to convert your video files to a variety of modern codecs.<\/p>\n<p>They have their own guide over <a href=\"https:\/\/handbrake.fr\/docs\/en\/1.1.0\/\" target=\"_blank\" rel=\"noopener\">here<\/a>, but here\u2019s a quick couple of settings to have your video ready for your WordPress site:<\/p>\n<p>Launch HandBrake and select the video file that you wish to compress. From the below screen, right beneath the top bar, there\u2019s the \u201cPresets\u201d menu. These are a bunch of preset settings that allow you to quickly format and compress your video based on what you want to use your video for.<\/p>\n<p>For our purposes, choosing fast1080p30 should do well in most circumstances.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/compressing-videos.png\" alt=\"Compressing video via HandBrake.\" width=\"742\" height=\"416\" class=\"alignnone size-full wp-image-18717\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/compressing-videos.png 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/compressing-videos-150x84.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/compressing-videos-371x208.png 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/compressing-videos-600x336.png 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>This will automatically format your video in MPEG-4 format, keeping the high source quality of the video and its size relatively small. Afterwards, in the \u201cSummary\u201d tab below, you need to check the box that says \u201cWeb Optimized.\u201d<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/formatting-videos.png\" alt=\"Checking \u201cWeb Optimized.\u201d box in HandBrake\" width=\"742\" height=\"416\" class=\"alignnone size-full wp-image-18718\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/formatting-videos.png 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/formatting-videos-150x84.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/formatting-videos-371x208.png 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/formatting-videos-600x336.png 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>This will allow progressive downloading for your MPEG-4 formatted video, where its data is reorganized and rewritten after it\u2019s encoded. This way your featured video will start playing immediately instead of downloading it first before playing it.<\/p>\n<p>Finally, as an optional step, you can head over to the \u201cVideo\u201d tab, over to the \u201cQuality\u201d slider.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/choosing-video-quality.png\" alt=\"Choosing quality for the video in HandBrake\" width=\"742\" height=\"416\" class=\"alignnone size-full wp-image-18719\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/choosing-video-quality.png 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/choosing-video-quality-150x84.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/choosing-video-quality-371x208.png 371w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/choosing-video-quality-600x336.png 600w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>Through this slider, you can further fine-tune the balance between your video\u2019s size and quality to your exact needs, and that\u2019s all it takes!<\/p>\n<p><span id=\"choose_fast_hosting\"><\/span>You just need to add the directory folder at the very bottom, to specify where you want to save your video and then press the \u201cStart Encode\u201d button at the top.<\/p>\n<h3>How to optimize your website for video:<\/h3>\n<h4>3. Choose fast hosting<\/h4>\n<p>Your hosting plan matters a great deal when it comes to self-hosting video files on your WordPress website. In general, unlike pages, videos take up quite a lot of space. Hosting your videos on other servers or even featured video platforms and then embedding them on your website will always do the trick. Otherwise, there are some things that you need to look out for when it comes to your hosting plan:<\/p>\n<ol>\n<li><strong>Storage:<\/strong> First and foremost, videos take up space and depending on the length and quality of your video, you might run out of storage much quicker than you might think. That\u2019s why when choosing a hosting service for your website, make sure your hosting plan provides you with ample solid-state-drive (<a href=\"https:\/\/10web.io\/glossary\/ssd\/\" target=\"_blank\" rel=\"noopener\">SSD<\/a>) storage so you can upload so you can host your videos without any problems. Note: make sure that when approaching the storage limit, the website does not become slower. If it is so, it means that there is a hard storage limit. Reconsider your hosting in such a case.<\/li>\n<li><strong>Traffic:<\/strong> In accordance with the statistics above, hosting videos on your site is a surefire way of driving traffic to your website. It goes without saying that hosting videos on your own site is a massive resource hog, and as such you need your host to provide you with the necessary computational capabilities that would host your videos without any problems. Which is why it\u2019s very important that your host provides you with some sort of scalability, such as, elastic scaling so that even in peak traffic you can rest assured that your site won\u2019t go down.<\/li>\n<\/ol>\n<p><span id=\"provide_different_formats_for_multiple_devices\"><\/span>You can get all of these features with 10Web&#8217;s AI-Powered Platform. Depending on your subscription plan, you\u2019ll have all the necessary SSD storage space, scalability, <a href=\"https:\/\/10web.io\/glossary\/data-center\/\" target=\"_blank\" rel=\"noopener\">data centers<\/a> across the world, and much more. And most importantly, 10Web improves your website\u2019s speed automatically, meaning you never have to settle.<\/p>\n<h4>4. Provide different formats for multiple devices<\/h4>\n<p>In the formatting section, we mentioned how important it is to encode your video in a format supported by as many devices and browsers as possible, such as MPEG-4.<\/p>\n<p>Sometimes you might like to upload your videos in multiple formats and display them in a specific format that best suits the visiting user\u2019s device or browser.<\/p>\n<p>For example, in the case of a single format video, let\u2019s say you\u2019ve added your MPEG-4 video named <em>samplevideo<\/em> to your media library. Then, on whichever page or post you\u2019d like to add the video, you\u2019d add the WP shortcode for video (if for some reason you cannot add a shortcode, you need to add a plain &lt;video&gt; tag), switching <em>samplevideo<\/em> with the name of source video that is in your library:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\"> \r\n.\r\n<\/pre>\n<p>Now to add other video formats so that they play on their respective compatible devices, you need to insert the following shortcode after adding the other video files to your media library:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n\r\n.\r\n\u201d\r\n<\/pre>\n<p>You only need to specify the correct file format of the videos you\u2019ve uploaded in your media library, such as, .MP4, .WEBM, .WMV, .FLV, .OGV, .M4v<\/p>\n<p><span id=\"specify_video_parameters\"><\/span>The best part is that you don\u2019t need to define all the specific devices that correspond to each format, WordPress automatically detects whichever video format the user\u2019s device supports and loads the corresponding video on the device.<\/p>\n<h4>5. Specify video parameters<\/h4>\n<p>Specifying the size of the video is necessary as it allows the browser to understand what the video size will be when it is loaded. The browser then can correctly reserve that space on the webpage. This will help to avoid CLS issues (Cumulative Layout Shift). Simply add your desired width and height for the displayed video before or after src to the <em>samplevideo<\/em> shortcode mentioned earlier. For example:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">\r\n\r\n.\r\n\u201d\r\n<\/pre>\n<p><span id=\"make_video_resolution_scalable\"><\/span>This way your site will allocate the necessary space beforehand, instead of wasting precious load speed time and changing page appearance as the video player resizes itself to fit the user\u2019s device.<\/p>\n<h4>6. Make video resolution scalable<\/h4>\n<p>One final thing that you can do in order to have your video be as responsive and catering to all the different needs of your users is to provide the functionality to have your videos scale their resolution based on your user\u2019s device.<\/p>\n<p>This step takes a little bit more effort than our previous steps, but if you\u2019re willing to have that functionality then it\u2019s all worth it.<\/p>\n<p>First, you need to add your source video to your media library in multiple resolutions. Let\u2019s name the smaller sized video <em>samplevideolow<\/em>, then simply add this code to your HTML:<\/p>\n<pre class=\"brush: php; title: ; notranslate\" title=\"\">&amp;lt;video controls&amp;gt; \r\n   &amp;lt;source src=&amp;quot;samplevideolow.mp4&amp;quot; type=&amp;quot;video\/mp4&amp;quot; media=&amp;quot;all and (max-width: 480px)&amp;quot;&amp;gt; \r\n   &amp;lt;source src=&amp;quot;samplevideolow.webm&amp;quot; type=&amp;quot;video\/webm&amp;quot; media=&amp;quot;all and (max-width: 480px)&amp;quot;&amp;gt; \r\n   &amp;lt;source src=&amp;quot;samplevideo.mp4&amp;quot; type=&amp;quot;video\/mp4&amp;quot;&amp;gt; \r\n   &amp;lt;source src=&amp;quot;samplevideo.webm&amp;quot; type=&amp;quot;video\/webm&amp;quot;&amp;gt; \r\n&amp;lt;\/video&amp;gt;\r\n\r\n<\/pre>\n<p><span id=\"make_bitrate_adaptive\"><\/span>This way, if a client is using a device with a smaller screen when visiting your site, your site will play the smaller video providing the best possible experience that optimizes based on their device. This is especially useful if you\u2019re looking to optimize just a step further for mobile visitors. Another tip is that video resolution can be adjusted not only according to the device size, but also according to the speed of the connection. This is a part of the adaptive bitrate concept.<\/p>\n<h4>7. Make bitrate adaptive<\/h4>\n<p>Did you notice that Youtube loads the right copy of the video with the correct size\/bitrate by taking into account the visitor&#8217;s network bandwidth? A similar thing can be done with any video on any website. Visitors should not wait because a higher quality copy of video is being loaded on a slow network, and then switch the quality to be able to watch the video. <span id=\"set_up_autoplay_lazy_loading_and_preloading_correctly\"><\/span>You can show a copy with lower bitrate to visitors who have a slow network. Lower bitrate can mean both lower quality or lower resolution. But how can the network bandwidth of a visitor be detected? One possible and simple approach is to detect it experimentally via some lightweight Javascript code that measures how fast certain resources are downloaded (e.g. images). Then the source of the video can be changed accordingly.<\/p>\n<h4>8. Set up autoplay, lazy loading and preloading correctly<\/h4>\n<p><em>Autoplaying<\/em> videos when not necessary can consume bandwidth and slow down the entire page. Set the autoplay parameter of videos only when it should be played. Even so, often sound should be muted or autoplaying videos should not have sound at all.<\/p>\n<p><em>Preloading<\/em> videos can also positively impact your website speed while also ensuring a smooth user experience. This technique is particularly important for mouseover videos or slide show videos. It eliminates video load delay or pause. One can customize preloading so that only video metadata is retrieved and not its frames. It specifically improves LCP and FCP metrics.<\/p>\n<p><span id=\"use_a_cdn\"><\/span>When a visitor enters your webpage, your visitor\u2019s browser begins to load all videos, including those not necessary at the moment. <em>Lazy loading<\/em> is a set of techniques that delay the immediate loading of all videos or iframes on a page until the visitor scrolls down or interacts with them. The technique decreases the number of requests on load and considerably speeds up load time. Lazy loading significantly optimizes website speed and improves all Core Web Vitals, especially FCP.<\/p>\n<h4>9. Use a content delivery network (CDN):<\/h4>\n<p><span id=\"use_a_customizable_video_hosting\"><\/span>Adding a <a href=\"https:\/\/10web.io\/site-speed-glossary\/cdn\/\" target=\"_blank\" rel=\"noopener\">CDN<\/a> to your site will not only increase the overall performance of your site but the responsiveness and seamlessness of your streamed videos as well, no matter where your users visit from. CDN will allow visitors to get a copy of the video from a server that is geographically closest to the visitor, ensuring it takes less time to download them.<\/p>\n<p><span style=\"font-weight: 400;\">10Web Booster with Cloudflare CDN cooperation offers caching and serving of video content to website visitors based on geo-proximity. This way, a CDN decreases the distance and the time videos travel. With 10Web Booster, videos will be served from Cloudflare\u2019s \u201creserved-for-enterprise\u201d network, the leading Cloudflare network with unparalleled speed and power compared to its other networks. Video optimization is done automatically through the 10Web Booster speed optimization solution.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">10Web Cloudflare has the largest global network, hosting servers in over 275 cities in over 100 countries. The network offers 95% of worldwide visitors access to website content within less than 100ms. An unbelievably fast speed and load time for any website.\u00a0<\/span><\/p>\n<h4>10. Use a customizable video hosting.<\/h4>\n<p>Fast website hosting is very important when the videos are hosted along with the website. However sometimes websites may contain many videos, with advanced need to manage them. In such cases it makes sense to have a special hosting for such videos. Not Youtube, which does not allow branded display of videos (Youtube logo cannot be removed from videos), but special services like Wistia. Such services provide advanced management, branding and customization options for videos and even allow advanced analytics for them. Videos from such platforms can be natively embedded in websites.<\/p>\n<p><span id=\"what_is_video_optimization_in_SEO\"><\/span>Fast website hosting is very important, especially when you have videos on your site. However, sometimes websites may have a lot of videos that will require an advanced set of tools specifically for video management. In such cases, it is optimal to have separate hosting for your videos. Unlike Youtube, services like Wista provide advanced management, branding, video customization, and advanced analytics of your videos. Also, videos from such platforms can be natively embedded into your websites.<\/p>\n<h2>What is video optimization in SEO?<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/SERP-742x477.png\" alt=\"SERP results for video ranking serp\" width=\"742\" height=\"477\" class=\"alignnone size-medium wp-image-18724\" srcset=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/SERP-742x477.png 742w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/SERP-150x96.png 150w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/SERP-768x493.png 768w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/SERP-600x385.png 600w, https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2022\/08\/SERP.png 1079w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><\/p>\n<p>Optimizing videos for SEO means increasing the frequency with which people stumble upon your website on search engines. However, it also means making sure that when they do see your video, they\u2019re on their way to a potential conversion. Here\u2019s what you can do to SEO-optimize your videos:<\/p>\n<ul>\n<li>Unless your website has a lot of videos, upload them to your own website. YouTube and Vimeo are great for putting your brand out there, but you don\u2019t want people to Google something, go to YouTube, notice another blogger talking about the topic, and leave to browse YouTube instead. You want to send people to your website through the video. Luckily, with 10Web hosting, uploading videos won\u2019t be an issue.<\/li>\n<li>Keep the title of the video short and to-the-point. What is the user getting out of it? Make the search to find your content as simple and straightforward as possible.<\/li>\n<li>Do some keyword research and elaborate on the topic of the video in the description using those same keywords. Don\u2019t overdo it, but make sure people who are looking for the video can find the video.<\/li>\n<li>Never forget about metadata or search engines will ignore you entirely!<\/li>\n<li>Use an attractive and unique thumbnail.<\/li>\n<li>Perform these steps of SEO-optimization before you compress the video to save the metadata.<\/li>\n<\/ul>\n<p>And there you have it! We hope this article gives you the knowledge, tools, and confidence to add video elements to your website if you so choose. Including videos on a <em>fully optimized<\/em> website can lead to tangible results for your business such as brand recognition, decreased bounce rates, and conversions. The extra effort is well worth results like those!<\/p>\n<p>\r\n<style>\r\n  #ctablocks_inline_70{\r\n          background-color: #000000;\r\n        color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_inline_70 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_inline_70 .button{\r\n        background-color: rgb(51,57,241);\r\n      color: #ffffff;\r\n    border-color: #3339f1 !important;\r\n  }\r\n  #ctablocks_inline_70 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n        #ctablocks_inline_70 .ctablocks_content_info p {\r\n        padding-left: 36px;\r\n      }\r\n      #ctablocks_inline_70 .ctablocks_content_button {\r\n          margin-left: 37px;\r\n      }\r\n  @media screen and (min-width: 768px) and (max-width: 1260px) {\r\n      #ctablocks_inline_70 .ctablocks_content_button {\r\n          margin-left: 37px !important;\r\n      }\r\n  }\r\n  ;\r\n<\/style>\r\n<div id=\"ctablocks_inline_70\" class=\"ctablocks_container inline_type\r\n        \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n      \r\n            <div class=\"title-wrap\">\r\n\t\t\t\t\t                  <img decoding=\"async\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/info-icon-cta.png\" alt=\"Want to speed up your website instantly?\" title=\"Want to speed up your website instantly?\">\r\n\t\t\t\t\t            <h4>Want to speed up your website instantly?<\/h4>\r\n        <\/div>\r\n              <p>Get 90+ PageSpeed Score automatically with 10Web Booster \u26a1 <br class=\"desktop\"> On any hosting!<\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/page-speed-booster\/\" class=\"button\"  data-gtag=\"cta-70\" data-buttontype=\"cta-inline\"\r\n\t        >Try for Free<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <\/div>\r\n<br \/>\n\r\n<style>\r\n  #ctablocks_scrollbox-with-icon_93{\r\n            color: #ffffff;\r\n    border-radius: 6px;\r\n  }\r\n\r\n  #ctablocks_scrollbox-with-icon_93 p{\r\n    color: #ffffff;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93 .button{\r\n          background-color: #3339F1;\r\n        color: #ffffff;\r\n    border-color: #3339F1 !important;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93 .button:hover{\r\n    background: rgba(51,57,241,0.8);\r\n    color: #ffffff;\r\n    opacity: 1;\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93.ctablocks_container {\r\n    left: 100%;\r\n  }\r\n  @media screen and (max-width: 1300px) {\r\n      #ctablocks_scrollbox-with-icon_93.ctablocks_container {\r\n          left: 0;\r\n          margin: 0 auto;\r\n      }\r\n  }\r\n  #ctablocks_scrollbox-with-icon_93 .ctablocks_content {\r\n      background-color: #000000;\r\n  }\r\n<\/style>\r\n<div id=\"ctablocks_scrollbox-with-icon_93\" class=\"ctablocks_container scrollbox-with-icon_type\r\n      \">\r\n\r\n  <div class=\"ctablocks_content clear\">\r\n    <div class=\"ctablocks_content_info\">\r\n              <h4>Want to speed up your website instantly?<\/h4>\r\n        <h4 class=\"mobile-title\">Speed up your website automatically<\/h4>\r\n              <p>Get 90+ PageSpeed Score automatically with 10Web Booster.\r\nOn any hosting!<\/p>\r\n          <\/div>\r\n    <div class=\"ctablocks_content_button\">\r\n              <a href=\"https:\/\/10web.io\/page-speed-booster\/\" class=\"button\"  data-gtag=\"cta-93\" data-buttontype=\"cta-scrollbox-with-icon\"\r\n\t        >Try for Free<\/a>\r\n            \r\n    <\/div>\r\n  <\/div>\r\n    <span class=\"close_ctablocks\">\r\n      <img decoding=\"async\" class=\"close-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/close_w.svg\" class=\"close\">\r\n      <img decoding=\"async\" class=\"floating-icon\" src=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2024\/04\/Booster_White_Small.png\" alt=\"Want to speed up your website instantly?\" title=\"Want to speed up your website instantly?\">\r\n<!--      <img decoding=\"async\" class=\"arrow-icon white\" src=\"\/cta-blocks\/assets\/images\/arrow-icon.svg\" class=\"close\">\r\n-->      <img decoding=\"async\" class=\"arrow-icon purple\" src=\"https:\/\/10web.io\/blog\/wp-content\/plugins\/cta-blocks\/assets\/images\/arrow-icon-purple.svg\" class=\"close\">\r\n  <\/span>\r\n<\/div>\r\n<br \/>\n<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are there many videos and images on your website and want them to load without slowing down your website&#8217;s performance? Optimize them not to lose efficiency!<\/p>\n","protected":false},"author":11,"featured_media":6487,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"two_page_speed":[],"footnotes":"","tenweb_blog_toc":"<ul><li><a href=\"#how-are-videos-affecting-your-website-now\">How are videos affecting your website now?<\/a><ul><li><a href=\"#pagespeed-score\">PageSpeed Score<\/a><li><a href=\"#core-web-vitals\">Core Web Vitals<\/a><li><a href=\"#hosting\">Hosting<\/a><\/li><\/ul><li><a href=\"#10-steps-to-optimize-your-websites-videos\">10 steps to optimize your website\u2019s videos<\/a><ul><li><a href=\"#how-to-optimize-your-video-file\">How to optimize your video file:<\/a><li><a href=\"#how-to-optimize-your-website-for-video\">How to optimize your website for video:<\/a><\/li><\/ul><li><a href=\"#what-is-video-optimization-in-seo\">What is video optimization in SEO?<\/a><\/li><\/ul>","tenweb_blog_competitor_type":"","tenweb_blog_competitor_names":"","tenweb_blog_twb_version":0,"tenweb_blog_type":"on"},"categories":[463,465],"tags":[],"class_list":["post-6441","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guides","category-speed"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>10 Easy Tips to Optimize Videos for Website in 2023 - 10Web<\/title>\n<meta name=\"description\" content=\"In this article, we\u2019ll explain how to optimize videos so you can keep your website running fast, and your website visitors happy. Let\u2019s dive right in!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Video Optimization Tips For a Faster Website!\" \/>\n<meta property=\"og:description\" content=\"In this article, we\u2019ll explain how to optimize videos so you can keep your website running fast, and your website visitors happy. Let\u2019s dive right in!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/\" \/>\n<meta property=\"og:site_name\" content=\"10Web - Build &amp; Host Your WordPress Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/10Web.io\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-04T08:32:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-13T08:56:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2018\/12\/banner-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1484\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Tigran Nazaryan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:site\" content=\"@10Web_io\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tigran Nazaryan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"17 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"10 Easy Tips to Optimize Videos for Website in 2023 - 10Web","description":"In this article, we\u2019ll explain how to optimize videos so you can keep your website running fast, and your website visitors happy. Let\u2019s dive right in!","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:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/","og_locale":"en_US","og_type":"article","og_title":"10 Video Optimization Tips For a Faster Website!","og_description":"In this article, we\u2019ll explain how to optimize videos so you can keep your website running fast, and your website visitors happy. Let\u2019s dive right in!","og_url":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/","og_site_name":"10Web - Build &amp; Host Your WordPress Website","article_publisher":"https:\/\/www.facebook.com\/10Web.io\/","article_published_time":"2020-04-04T08:32:32+00:00","article_modified_time":"2026-03-13T08:56:10+00:00","og_image":[{"width":1484,"height":832,"url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2018\/12\/banner-4.png","type":"image\/png"}],"author":"Tigran Nazaryan","twitter_card":"summary_large_image","twitter_creator":"@10Web_io","twitter_site":"@10Web_io","twitter_misc":{"Written by":"Tigran Nazaryan","Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#article","isPartOf":{"@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/"},"author":{"name":"Tigran Nazaryan","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0"},"headline":"10 Video Optimization Tips For a Faster Website!","datePublished":"2020-04-04T08:32:32+00:00","dateModified":"2026-03-13T08:56:10+00:00","mainEntityOfPage":{"@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/"},"wordCount":3454,"commentCount":5,"publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"image":{"@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2018\/12\/banner-4.png","articleSection":["Guides","Page Speed"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/","url":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/","name":"10 Easy Tips to Optimize Videos for Website in 2023 - 10Web","isPartOf":{"@id":"https:\/\/10web.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#primaryimage"},"image":{"@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#primaryimage"},"thumbnailUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2018\/12\/banner-4.png","datePublished":"2020-04-04T08:32:32+00:00","dateModified":"2026-03-13T08:56:10+00:00","description":"In this article, we\u2019ll explain how to optimize videos so you can keep your website running fast, and your website visitors happy. Let\u2019s dive right in!","breadcrumb":{"@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#primaryimage","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2018\/12\/banner-4.png","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2018\/12\/banner-4.png","width":1484,"height":832,"caption":"optimize-video-image-wordpress-banner"},{"@type":"BreadcrumbList","@id":"https:\/\/10web.io\/blog\/optimizing-videos-on-your-wordpress-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/10web.io\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Video Optimization Tips For a Faster Website!"}]},{"@type":"WebSite","@id":"https:\/\/10web.io\/blog\/#website","url":"https:\/\/10web.io\/blog\/","name":"10Web Blog - Build & Host Your WordPress Website","description":"10Web is an All-in-One Website Building Platform, offering Managed WordPress Hosting on Google Cloud, Beautiful Templates, Premium Plugins and Services.","publisher":{"@id":"https:\/\/10web.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/10web.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/10web.io\/blog\/#organization","name":"10Web","url":"https:\/\/10web.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","contentUrl":"https:\/\/10web.io\/blog\/wp-content\/uploads\/sites\/2\/2025\/04\/Logo-768x686-1.png","width":768,"height":686,"caption":"10Web"},"image":{"@id":"https:\/\/10web.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/10Web.io\/","https:\/\/x.com\/10Web_io","https:\/\/www.instagram.com\/10web.io\/","https:\/\/www.linkedin.com\/company\/10web\/mycompany\/","https:\/\/www.youtube.com\/c\/10Web"]},{"@type":"Person","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/9466e64f67fc213397b384bbe3af3bd0","name":"Tigran Nazaryan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/10web.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ce2393558e7591a237212f11acac58fb?s=96&d=mm&r=g","caption":"Tigran Nazaryan"},"description":"Tigran Nazaryan is an experienced science and technology professional. After seeing great potential in the automation of web development, he co-founded and became CInO of 10Web. Tigran is passionate about creating solutions to bring AI automation into web development and turning great ideas into powerful technological achievements.","sameAs":["https:\/\/www.linkedin.com\/in\/tnazaryan\/"],"url":"https:\/\/10web.io\/blog\/author\/tigran\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/6441","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/comments?post=6441"}],"version-history":[{"count":1,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/6441\/revisions"}],"predecessor-version":[{"id":77837,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/posts\/6441\/revisions\/77837"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media\/6487"}],"wp:attachment":[{"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/media?parent=6441"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/categories?post=6441"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/10web.io\/blog\/wp-json\/wp\/v2\/tags?post=6441"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}