{"id":16332,"date":"2018-05-09T10:12:47","date_gmt":"2018-05-09T15:12:47","guid":{"rendered":"https:\/\/www.dotcom-tools.com\/blog\/?p=16332"},"modified":"2021-11-17T02:13:21","modified_gmt":"2021-11-17T08:13:21","slug":"embedded-media-can-slow-web-performance","status":"publish","type":"post","link":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/","title":{"rendered":"Why Embedded Media Can Slow Web Performance?"},"content":{"rendered":"<p><img loading=\"lazy\" class=\"aligncenter size-full wp-image-16333\" src=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg\" alt=\"\" width=\"900\" height=\"400\" srcset=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg 900w, https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf-350x156.jpg 350w, https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf-768x341.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/>When crafting a compelling and desirable website, one of the most effective ways to boost user engagement is through visual media. In fact, the use of visual files, such as images and video, is considered an important ranking factor by Google. More importantly, internet users have repeatedly spoken favorably regarding the use of digital media in websites.<\/p>\n<p>However, as millions of websites have already experienced, the desire to satisfy both Google and visitors with dynamic media proved detrimental to their web performance. Unfortunately, many feel that even though their site\u2019s performance has dwindled, the desire for media gives them a special pass by users. This couldn\u2019t be further from the truth.<\/p>\n<p>You see, internet users demand media, but they require performance and reliability. Even if your site offers exactly what they wish to learn, see or hear, if your site fails to meet their performance expectations, they\u2019ll leave without a second thought.<\/p>\n<p>In the quest to create a stable, high-performing and alluring website within your niche, you should learn how <a href=\"https:\/\/www.wired.com\/2010\/02\/embedded-media\/\" target=\"_blank\" rel=\"noopener\">embedded media<\/a> impacts these goals. Failure to do may backfire, which can prove seriously damaging for monetized blogs or small business websites.<\/p>\n<p>Of course, this doesn\u2019t mean you should completely avoid media, including embedded media. What it does suggest is you must become even more adamant regarding the <a href=\"https:\/\/www.dotcom-tools.com\/streaming-server-monitoring.aspx\" target=\"_blank\" rel=\"noopener\">quality and quantity of media<\/a>. In the realm of web performance, sometimes less truly is more.<\/p>\n<h2>The Performance-Eating Hunger of Embedded Media Files<\/h2>\n<p>As you curate media content for your site, it\u2019s easy to fall into the trap of embedded media. How could media files, which aren\u2019t hosted on your server, be detrimental? Doesn\u2019t it make sense that embedding a file that\u2019s hosted elsewhere would speed up your performance? Like many elements in life, what makes sense doesn\u2019t always mean it\u2019s true.<\/p>\n<p>Why does embedded media dull your performance? The answer boils down to server requests.<\/p>\n<p>When a visitor enters your site, their browser connects with your server to transmit essential files. These include everything from stylesheets to media files, such as images and video. As you can imagine, if you host your own videos, the quantity of data transmitting from your server to the end-user browser is quite substantial.<\/p>\n<p>This is where many website owners mistake begins. Following the knowledge that\u2019s applicable for every other file, you can preserver server performance by leveraging the resources of another server, such as YouTube.<\/p>\n<p>Although true, this doesn\u2019t mean your perceived performance improves. As the end-user browser renders your code, it\u2019s directed to YouTube servers to retrieve the media files. This requires their browser to connect and request data packets from YouTube. Essentially, this can add up to four different request transmissions. Even though YouTube may feature blazingly fast web servers, this doesn\u2019t expedite the experience.<\/p>\n<p>Because of this delay due to external requests, your website performance slows due to this delay. For your end-user, this perceived performance delay can prove detrimental depending on their network connectivity.<\/p>\n<p>If you wish to embed media files, you can still do so, but rather than use native embedding code, learn how to use lightboxes, which eliminate unnecessary requests by only sending a request when the visitor clicks \u201cplay.\u201d<\/p>\n","protected":false},"excerpt":{"rendered":"<p>When crafting a compelling and desirable website, one of the most effective ways to boost user engagement is through visual media. In fact, the use of visual files, such as images and video, is considered an important ranking factor by Google. More importantly, internet users have repeatedly spoken favorably regarding the use of digital media&hellip;<\/p>\n","protected":false},"author":6,"featured_media":16333,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-url.php","format":"standard","meta":[],"categories":[40],"tags":[73,69,81,82,71],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.6 (Yoast SEO v19.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\r\n<title>Why Embedded Media Can Slow Web Performance?<\/title>\r\n<meta name=\"description\" content=\"Internet users demand media, but they require performance and reliability. Even if your site offers exactly what they wish to learn, see or hear, if your site fails to meet their performance expectations, they\u2019ll leave without a second thought. Especially when embedded media slow everything down.\" \/>\r\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\r\n<link rel=\"canonical\" href=\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/\" \/>\r\n<meta property=\"og:locale\" content=\"en_US\" \/>\r\n<meta property=\"og:type\" content=\"article\" \/>\r\n<meta property=\"og:title\" content=\"Why Embedded Media Can Slow Web Performance?\" \/>\r\n<meta property=\"og:description\" content=\"Internet users demand media, but they require performance and reliability. Even if your site offers exactly what they wish to learn, see or hear, if your site fails to meet their performance expectations, they\u2019ll leave without a second thought. Especially when embedded media slow everything down.\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/\" \/>\r\n<meta property=\"og:site_name\" content=\"Dotcom-Monitor Tools Blog\" \/>\r\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dotcommonitor\" \/>\r\n<meta property=\"article:published_time\" content=\"2018-05-09T15:12:47+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2021-11-17T08:13:21+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"900\" \/>\r\n\t<meta property=\"og:image:height\" content=\"400\" \/>\r\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\r\n<meta name=\"twitter:card\" content=\"summary\" \/>\r\n<meta name=\"twitter:creator\" content=\"@dotcom_monitor\" \/>\r\n<meta name=\"twitter:site\" content=\"@dotcom_monitor\" \/>\r\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matt Schmitz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\r\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#website\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/\",\"name\":\"Dotcom-Monitor Tools Blog\",\"description\":\"Let&#039;s Make the Web a Faster Place.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dotcom-tools.com\/web-performance\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#primaryimage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg\",\"contentUrl\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg\",\"width\":900,\"height\":400,\"caption\":\"Embedded Media Slow for WebPerf\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#webpage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/\",\"name\":\"Why Embedded Media Can Slow Web Performance?\",\"isPartOf\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#primaryimage\"},\"datePublished\":\"2018-05-09T15:12:47+00:00\",\"dateModified\":\"2021-11-17T08:13:21+00:00\",\"author\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb\"},\"description\":\"Internet users demand media, but they require performance and reliability. Even if your site offers exactly what they wish to learn, see or hear, if your site fails to meet their performance expectations, they\u2019ll leave without a second thought. Especially when embedded media slow everything down.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.dotcom-tools.com\/web-performance\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why Embedded Media Can Slow Web Performance?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb\",\"name\":\"Matt Schmitz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg\",\"caption\":\"Matt Schmitz\"},\"description\":\"Matt Schmitz is a web performance engineer and director of Dotcom-Monitor\u2019s web performance division. Matt is a leading authority on page speed optimization and has been featured by a number of web performance blogs and media outlets. When he\u2019s not working to make the web a faster place, Matt\u2019s interests include gaming, cryptocurrency, and martial arts.\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/author\/schmitzm\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Why Embedded Media Can Slow Web Performance?","description":"Internet users demand media, but they require performance and reliability. Even if your site offers exactly what they wish to learn, see or hear, if your site fails to meet their performance expectations, they\u2019ll leave without a second thought. Especially when embedded media slow everything down.","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:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/","og_locale":"en_US","og_type":"article","og_title":"Why Embedded Media Can Slow Web Performance?","og_description":"Internet users demand media, but they require performance and reliability. Even if your site offers exactly what they wish to learn, see or hear, if your site fails to meet their performance expectations, they\u2019ll leave without a second thought. Especially when embedded media slow everything down.","og_url":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/","og_site_name":"Dotcom-Monitor Tools Blog","article_publisher":"https:\/\/www.facebook.com\/dotcommonitor","article_published_time":"2018-05-09T15:12:47+00:00","article_modified_time":"2021-11-17T08:13:21+00:00","og_image":[{"width":900,"height":400,"url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg","type":"image\/jpeg"}],"twitter_card":"summary","twitter_creator":"@dotcom_monitor","twitter_site":"@dotcom_monitor","twitter_misc":{"Written by":"Matt Schmitz","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#website","url":"https:\/\/www.dotcom-tools.com\/web-performance\/","name":"Dotcom-Monitor Tools Blog","description":"Let&#039;s Make the Web a Faster Place.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dotcom-tools.com\/web-performance\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#primaryimage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg","contentUrl":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/05\/Why-Embedded-Media-Slows-WebPerf.jpg","width":900,"height":400,"caption":"Embedded Media Slow for WebPerf"},{"@type":"WebPage","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#webpage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/","name":"Why Embedded Media Can Slow Web Performance?","isPartOf":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#primaryimage"},"datePublished":"2018-05-09T15:12:47+00:00","dateModified":"2021-11-17T08:13:21+00:00","author":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb"},"description":"Internet users demand media, but they require performance and reliability. Even if your site offers exactly what they wish to learn, see or hear, if your site fails to meet their performance expectations, they\u2019ll leave without a second thought. Especially when embedded media slow everything down.","breadcrumb":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/embedded-media-can-slow-web-performance\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dotcom-tools.com\/web-performance\/"},{"@type":"ListItem","position":2,"name":"Why Embedded Media Can Slow Web Performance?"}]},{"@type":"Person","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/84f55a21a34f808cb7cc381f7f580ebb","name":"Matt Schmitz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78f5aac7d4727a530bbb530b52140067?s=96&d=retro&r=pg","caption":"Matt Schmitz"},"description":"Matt Schmitz is a web performance engineer and director of Dotcom-Monitor\u2019s web performance division. Matt is a leading authority on page speed optimization and has been featured by a number of web performance blogs and media outlets. When he\u2019s not working to make the web a faster place, Matt\u2019s interests include gaming, cryptocurrency, and martial arts.","url":"https:\/\/www.dotcom-tools.com\/web-performance\/author\/schmitzm\/"}]}},"_links":{"self":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16332"}],"collection":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/comments?post=16332"}],"version-history":[{"count":3,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16332\/revisions"}],"predecessor-version":[{"id":17781,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16332\/revisions\/17781"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media\/16333"}],"wp:attachment":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media?parent=16332"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/categories?post=16332"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/tags?post=16332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}