{"id":21344,"date":"2016-01-06T14:47:20","date_gmt":"2016-01-06T14:47:20","guid":{"rendered":"http:\/\/how_to_get_media_to_load_faster_on_your_website"},"modified":"2025-03-30T03:14:57","modified_gmt":"2025-03-30T10:14:57","slug":"how_to_get_media_to_load_faster_on_your_website","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website","title":{"rendered":"How to get media to load faster on your website"},"content":{"rendered":"<p><em>This is a guest post by Kasia Kramnik, Content Marketing Manager at <a href=\"https:\/\/www.netguru.co\/\" target=\"_blank\" rel=\"noopener\">Netguru<\/a>, a full stack development house and one of Cloudinary&#8217;s <a href=\"https:\/\/cloudinary.com\/partners\" target=\"_blank\" rel=\"noopener\">Consulting partners<\/a>.<\/em><\/p>\n<p>Take a look at your website. Are you happy with the way it looks? I bet you are, and that\u2019s really awesome. Keep in mind though, there is one thing you can\u2019t actually see, but you need to experience: <strong>the load speed.<\/strong> Sometimes the most important element is invisible to the eye. In this article you\u2019ll find tips on perfecting the invisible as well: <strong>loading your site and media with visibly better results.<\/strong><\/p>\n<h2>Why is fast loading important anyway?<\/h2>\n<p>The reason is simple and it should be crucial to you:<strong> your users<\/strong>. They get impatient, they have a low attention span, and they won\u2019t hesitate to leave your website if they have to wait. You may grumble about how hasty your potential customers are, but that\u2019s exactly the challenge: dealing with their tendency to abandon anything that requires patience. One of the online surveys conducted on 2,500 online consumers in the US and UK found that 67% of UK shoppers and 51% in the US admit that <strong>a site&#8217;s slowness is the top reason they\u2019d abandon a cart<\/strong> in an online store.<\/p>\n<p>It\u2019s also worth noting that <a href=\"http:\/\/googlewebmastercentral.blogspot.in\/2010\/04\/using-site-speed-in-web-search-ranking.html\" target=\"_blank\" rel=\"noopener\">Google has incorporated site load speed<\/a> into a list of factors influencing the search ranking position. It seems like there are enough reasons to take a closer look at loading times, but what if the results are far from excellent? How can you speed your page up? Here are a few tips regarding media upload, management, and storage.<\/p>\n<h3><span style=\"font-size: 1.17em;\">Save images for the web<\/span><\/h3>\n<p>The process of load speed optimization starts before the images actually land on your page. When you\u2019re working on your images in any sort of graphics tool, make sure you save them in a format that\u2019s compatible with web publication. This limits the amount of metadata carried on an image and makes it easier to edit the image quality.<\/p>\n<p><strong>What formats are applicable for the web? There\u2019s a variety of options:<\/strong><\/p>\n<ul>\n<li>Scaleable Vector Graphics (.SVG) &#8211; preserves its quality no matter the size on screen, best for logos; lossless.<\/li>\n<li>Portable Network Graphics (.PNG) &#8211; best for high-resolution, detailed graphic images you want to present in full quality; lossless.<\/li>\n<li>Graphic Interchange Format (.GIF) &#8211; for simple animations; lossy.<\/li>\n<li>WebP &#8211; an image format supported by Chrome browsers; either lossy or lossless.<\/li>\n<li>Joint Photographic Experts Group (.JPEG or .JPG) &#8211; best for scalable images; lossy.<\/li>\n<li>JPEG-XR &#8211; an improved variation of JPEG format supported by IE browsers, suitable for scalable images; lossy.<\/li>\n<li>JPEG2000 &#8211; a higher-quality JPEG format supported by IE browsers; lossy.<\/li>\n<\/ul>\n<p><strong>Format comparison example:<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>196 KB in PNG format:<\/strong><\/p>\n<p style=\"text-align: center;\"><strong>\u00a0<img decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_400\/turtles.png\" alt=\"PNG format\" \/><\/strong><\/p>\n<p style=\"text-align: center;\"><a style=\"color: #28538a; font-weight: bold; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 12px; line-height: 21px; text-align: center; background-color: #f8f8f8;\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_400\/turtles.png\" target=\"_blank\" rel=\"noopener\" data-popup=\"true\"><span class=\"prefix\" style=\"color: #888888;\">https:\/\/res.cloudinary.com\/demo\/<\/span><span class=\"kind\" style=\"color: #002a52;\">image\/upload\/<\/span><span class=\"trans\" style=\"color: #761a04;\">w_400\/<\/span><span class=\"public_id\" style=\"color: #0074bc;\">turtles.png<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><strong><br \/>\n25.2 KB in JPEG format with 80% quality:<\/strong><strong>\u00a0<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><img decoding=\"async\" style=\"margin-left: auto; margin-right: auto;\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_400,q_80\/turtles.jpg\" alt=\"JPEG format\" \/><\/strong><\/p>\n<p style=\"text-align: center;\"><a style=\"color: #28538a; font-weight: bold; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 12px; line-height: 21px; text-align: center; background-color: #f8f8f8;\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_400,q_80\/turtles.jpg\" target=\"_blank\" rel=\"noopener\" data-popup=\"true\"><span class=\"prefix\" style=\"color: #888888;\">https:\/\/res.cloudinary.com\/demo\/<\/span><span class=\"kind\" style=\"color: #002a52;\">image\/upload\/<\/span><span class=\"trans\" style=\"color: #761a04;\">w_400,q_80\/<\/span><span class=\"public_id\" style=\"color: #0074bc;\">turtles.jpg<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><strong><br \/>\n20.1 KB in WebP format with 80% quality:\u00a0<\/strong><strong>\u00a0<\/strong><\/p>\n<p style=\"text-align: center;\"><strong><img decoding=\"async\" style=\"margin-left: auto; margin-right: auto;\" src=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_400,q_80\/turtles.webp\" alt=\"WebP format\" \/><\/strong><\/p>\n<p style=\"text-align: center;\"><a style=\"color: #28538a; font-weight: bold; font-family: Consolas, Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; font-size: 12px; line-height: 21px; text-align: center; background-color: #f8f8f8;\" href=\"https:\/\/res.cloudinary.com\/demo\/image\/upload\/w_400,q_80\/turtles.webp\" target=\"_blank\" rel=\"noopener\" data-popup=\"true\"><span class=\"prefix\" style=\"color: #888888;\">https:\/\/res.cloudinary.com\/demo\/<\/span><span class=\"kind\" style=\"color: #002a52;\">image\/upload\/<\/span><span class=\"trans\" style=\"color: #761a04;\">w_400,q_80\/<\/span><span class=\"public_id\" style=\"color: #0074bc;\">turtles.webp<\/span><\/a><\/p>\n<h2>\u00a0\u2018Lossy\u2019 vs \u2018lossless\u2019 file formats<\/h2>\n<div>While some file formats are very prone to lossy formatting, i.e. altering or losing any original information from the source file, media files are perfect material for lossy formatting. Our eyes are not able to receive all the information coded in every pixel, which means you can easily cut down on redundant data and decrease the file size.<\/div>\n<div><\/div>\n<div>For \u2018lossy\u2019 formats, the formatting eliminates some pixel data completely. For \u2018lossless\u2019 formats, the pixel information is compressed, but still maintained. Typically, \u2018lossy\u2019 formatting enables more options for file quality and size.<\/div>\n<h2>Work on image size and quality<\/h2>\n<div>Image and video file formats have various properties, including their sizes. Some of them might be suitable for all devices, others will only load well on desktop screens, and not all of them are suitable if you want to reduce your page load speed. Also, the image quality required for different screens will vary.<\/div>\n<div><\/div>\n<div>What can you do to make sure you use the best file format and quality for optimal load speed? Of course, there are a variety of tactics to use, but these will enable you to start in the right place:<\/div>\n<div>\n<ul>\n<li><strong>Scale or crop images to match the display size.<\/strong> These are typical elements of responsive design, but since it\u2019s not just about being responsive, you\u2019ll find more about it in the next section.<\/li>\n<li><strong>Adjust image quality to match the screen resolution.<\/strong> The lower the quality, the smaller the file size. Remember to use lossy formats!<\/li>\n<li><strong>Convert lossless formats into lossy<\/strong>, e.g. replacing a PNG (lossless) file with a lower-quality (let\u2019s say 70%) <a href=\"https:\/\/cloudinary.com\/tools\/compress-jpg\">JPG<\/a> image. Another example: you can decrease the size of animated GIFs when converting them to WebM or MP4 formats.<\/li>\n<\/ul>\n<\/div>\n<h2>Think mobile-first<span style=\"font-size: 14px;\">\u00a0<\/span><\/h2>\n<div>Picking the right approach to design will definitely help you change the way you perceive the role of images on your website. But what\u2019s the practical difference between desktop-first and mobile-first? Let\u2019s explain with a comparison.<\/div>\n<div><\/div>\n<div>In a desktop-first approach to front-end development and web design, you start from the version of your website that uses heavy components by default. You get used to the thought that putting them there is kind of natural and obvious. Then, when designing the same website for tablets and smartphones, you wonder what elements you need to reduce to make things still work. This approach is also called graceful degradation.<\/div>\n<div><\/div>\n<div>On the other hand, the idea behind mobile-first front-end development and web design works on a precaution that the website should give you maximum necessary content with minimum space and weight. You obtain this effect, for example, by using responsive, scalable images and quality adaptable for particular devices. By starting from mobile and progressively enhancing for tablets and desktops, you reduce redundant elements.<\/div>\n<h2>Wrapping up<\/h2>\n<div><strong>Load speed is crucial for your website conversion and search rank.<\/strong> To optimize it, you may experiment with file formats, scaling, adjustable quality, and other factors. Remember the difference between lossy and lossless formats, and make sure you use each format according to the file\u2019s purpose. Also, pay attention to mobile-first design, as it will help you create more efficient, faster-loading sites.<\/div>\n<div>If you\u2019re using Cloudinary, your worries will be limited to uploading the best-looking picture &#8211; all image cropping, conversion and optimization is accomplished with dynamic delivery URLs. You\u2019ll find more info on Cloudinary&#8217;s\u00a0<a href=\"https:\/\/cloudinary.com\/products\/image_video_technology_platform\" target=\"_blank\" rel=\"noopener\">Solutions<\/a> page.<\/div>\n<div><\/div>\n<div>P.S. If you would like to test your page load speed, <a href=\"https:\/\/www.netguru.co\/blog\/speed-page-load-owners-developers\" target=\"_blank\" rel=\"noopener\">this list<\/a> of testing tools will definitely help!<\/div>\n<div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>This is a guest post by Kasia Kramnik, Content Marketing Manager at Netguru, a full stack development house and one of Cloudinary&#8217;s Consulting partners. Take a look at your website. Are you happy with the way it looks? I bet you are, and that\u2019s really awesome. Keep in mind though, there is one thing you [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":21345,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[134,227,324],"class_list":["post-21344","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-guest-post","tag-performance-optimization","tag-website-speed"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Tips and tricks to help your website&#039;s media load faster<\/title>\n<meta name=\"description\" content=\"Some best practice pointers in order to make sure your site is loading as fast as possible, offering the best viewing experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to get media to load faster on your website\" \/>\n<meta property=\"og:description\" content=\"Some best practice pointers in order to make sure your site is loading as fast as possible, offering the best viewing experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-06T14:47:20+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-30T10:14:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed-jpg?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"How to get media to load faster on your website\",\"datePublished\":\"2016-01-06T14:47:20+00:00\",\"dateModified\":\"2025-03-30T10:14:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website\"},\"wordCount\":1102,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA\",\"keywords\":[\"Guest Post\",\"Performance Optimization\",\"Website Speed\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2016\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website\",\"url\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website\",\"name\":\"Tips and tricks to help your website's media load faster\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA\",\"datePublished\":\"2016-01-06T14:47:20+00:00\",\"dateModified\":\"2025-03-30T10:14:57+00:00\",\"description\":\"Some best practice pointers in order to make sure your site is loading as fast as possible, offering the best viewing experience.\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA\",\"width\":300,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to get media to load faster on your website\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Tips and tricks to help your website's media load faster","description":"Some best practice pointers in order to make sure your site is loading as fast as possible, offering the best viewing experience.","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:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website","og_locale":"en_US","og_type":"article","og_title":"How to get media to load faster on your website","og_description":"Some best practice pointers in order to make sure your site is loading as fast as possible, offering the best viewing experience.","og_url":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website","og_site_name":"Cloudinary Blog","article_published_time":"2016-01-06T14:47:20+00:00","article_modified_time":"2025-03-30T10:14:57+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed-jpg?_i=AA","type":"image\/jpeg"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website"},"author":{"name":"","@id":""},"headline":"How to get media to load faster on your website","datePublished":"2016-01-06T14:47:20+00:00","dateModified":"2025-03-30T10:14:57+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website"},"wordCount":1102,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA","keywords":["Guest Post","Performance Optimization","Website Speed"],"inLanguage":"en-US","copyrightYear":"2016","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website","url":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website","name":"Tips and tricks to help your website's media load faster","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA","datePublished":"2016-01-06T14:47:20+00:00","dateModified":"2025-03-30T10:14:57+00:00","description":"Some best practice pointers in order to make sure your site is loading as fast as possible, offering the best viewing experience.","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA","width":300,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/how_to_get_media_to_load_faster_on_your_website#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to get media to load faster on your website"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649724887\/Web_Assets\/blog\/car_dashboard_speed\/car_dashboard_speed.jpg?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21344","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=21344"}],"version-history":[{"count":8,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21344\/revisions"}],"predecessor-version":[{"id":37303,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/21344\/revisions\/37303"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/21345"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=21344"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=21344"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=21344"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}