{"id":16244,"date":"2018-04-06T17:34:13","date_gmt":"2018-04-06T22:34:13","guid":{"rendered":"https:\/\/www.dotcom-tools.com\/blog\/?p=16244"},"modified":"2021-11-17T02:16:12","modified_gmt":"2021-11-17T08:16:12","slug":"images-taking-forever-to-load","status":"publish","type":"post","link":"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/","title":{"rendered":"Why Are My Images Taking Forever to Load?"},"content":{"rendered":"

Unless your audience is into text content, images play a vital role in user-engagement. In fact, images are an essential part of on-page SEO<\/a>, which is imperative for those who wish to rank high in Google for their keywords.<\/p>\n

Unfortunately, unless your images are optimized, these essential on-page components can not only slow down your overall website but prove detrimental to user-engagement. If you\u2019re finding that your images are loading slower<\/a> than you wish, there can be several reasons as to why this is happening. But, don\u2019t worry. Fixing slow-loading images is almost as easy as 1-2-3.<\/p>\n

 <\/p>\n

Reason #1 – Your Images Are Just Too Big!<\/h2>\n

If you aren\u2019t optimizing the size of your images before uploading them to your website, then you\u2019re doing yourself an injustice. There\u2019s many reasons why your images could be loading slowly, but most commonly, it\u2019s simply because of their size<\/a>.<\/p>\n

In general, it\u2019s important to keep your images less than 70 kb. The largest your image files should be is 100kb, but even this can prove detrimental to your overall website performance. If you can, have your images around 50 kb, they\u2019ll load swiftly without losing quality.<\/p>\n

Run a speed test<\/a> to see what your image load times are and where they fall on the waterfall chart that each test generates. Then, compress images using tinypng.com<\/a> or the useful Web Interface on kraken.io<\/a>\u00a0if necessary.<\/p>\n

Reason #2 – Resizing After Uploading<\/h3>\n

One of the biggest mistakes a webmaster can make about images is uploading an original size and then \u201cresizing\u201d them afterwards. Why is this an issue? Mainly because once an image is uploaded, this is the size that\u2019s read by web browsers. When you \u201cresize\u201d them, the images are only rendered to the new size, they aren\u2019t actually that size. Therefore, always make sure to resize your images prior to uploading.<\/p>\n

 <\/p>\n

Reason #3 – Improper File Format<\/h3>\n

There are many different image file formats.<\/a> While there are specific situations where unique file formats are appropriate, these situations are rare. In general, always make sure to upload a JPEG of your image. If you must use a different format, stick with either PNG or GIF; however, these image file types aren\u2019t typically compressed without losing some of their quality. If you\u2019re in doubt, then try playing around with different sizes and file formats until you find the best one for quality and swiftness.<\/p>\n

 <\/p>\n

Reason #4 – Undefined Image Sizes<\/h4>\n

If you\u2019re a novice webmaster, then you\u2019ll probably end up uploading images without specifying their dimensions. While this may not seem like a major issue, if you aren\u2019t instructing a web browser to keep images a certain size, they can end up loading a much larger (and slower) image file. This will absolutely slow down your website and result in sluggish performance.<\/p>\n

 <\/p>\n

Reason #5 – Too Many Images<\/h4>\n

Sometimes, the main reason why your images are loading slow is because there\u2019s simply too many of them. While images important for user-engagement, and SEO, if you use too many of them, they can have the opposite effect. Think of images as salt for your food. Too little and it\u2019s bland, too much and it\u2019s overwhelming. Be concise with the number of images you have on a single page. Trust us, your users (and Google) will thank you.<\/p>\n","protected":false},"excerpt":{"rendered":"

Fixing slow-loading images is almost as easy as 1-2-3.<\/p>\n","protected":false},"author":2,"featured_media":16246,"comment_status":"open","ping_status":"open","sticky":false,"template":"template-url.php","format":"standard","meta":[],"categories":[75,4],"tags":[83,81],"yoast_head":"\r\nWhy Are My Images Taking Forever to Load? | Dotcom-Monitor Tools Blog<\/title>\r\n<meta name=\"description\" content=\"If your images are taking forever to load, there can be several reasons as to why this is happening. Don\u2019t worry, let's see how to fix that!\" \/>\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\/images-taking-forever-to-load\/\" \/>\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 Are My Images Taking Forever to Load?\" \/>\r\n<meta property=\"og:description\" content=\"If your images are taking forever to load, there can be several reasons as to why this is happening. Don\u2019t worry, let's see how to fix that!\" \/>\r\n<meta property=\"og:url\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/\" \/>\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-04-06T22:34:13+00:00\" \/>\r\n<meta property=\"article:modified_time\" content=\"2021-11-17T08:16:12+00:00\" \/>\r\n<meta property=\"og:image\" content=\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/04\/image-optimization.jpg\" \/>\r\n\t<meta property=\"og:image:width\" content=\"500\" \/>\r\n\t<meta property=\"og:image:height\" content=\"199\" \/>\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=\"Dan Oksnavad\" \/>\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'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\/images-taking-forever-to-load\/#primaryimage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/04\/image-optimization.jpg\",\"contentUrl\":\"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/04\/image-optimization.jpg\",\"width\":500,\"height\":199,\"caption\":\"why images taking forever to load for webparf\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#webpage\",\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/\",\"name\":\"Why Are My Images Taking Forever to Load? | Dotcom-Monitor Tools Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#primaryimage\"},\"datePublished\":\"2018-04-06T22:34:13+00:00\",\"dateModified\":\"2021-11-17T08:16:12+00:00\",\"author\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/5746e140a1ac16b1dacec9bb543da006\"},\"description\":\"If your images are taking forever to load, there can be several reasons as to why this is happening. Don\u2019t worry, let's see how to fix that!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.dotcom-tools.com\/web-performance\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Why Are My Images Taking Forever to Load?\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/5746e140a1ac16b1dacec9bb543da006\",\"name\":\"Dan Oksnavad\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6381632e291b5aaea545fc4e18299b12?s=96&d=retro&r=pg\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6381632e291b5aaea545fc4e18299b12?s=96&d=retro&r=pg\",\"caption\":\"Dan Oksnavad\"},\"url\":\"https:\/\/www.dotcom-tools.com\/web-performance\/author\/oksnavadd\/\"}]}<\/script>\r\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Why Are My Images Taking Forever to Load? | Dotcom-Monitor Tools Blog","description":"If your images are taking forever to load, there can be several reasons as to why this is happening. Don\u2019t worry, let's see how to fix that!","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\/images-taking-forever-to-load\/","og_locale":"en_US","og_type":"article","og_title":"Why Are My Images Taking Forever to Load?","og_description":"If your images are taking forever to load, there can be several reasons as to why this is happening. Don\u2019t worry, let's see how to fix that!","og_url":"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/","og_site_name":"Dotcom-Monitor Tools Blog","article_publisher":"https:\/\/www.facebook.com\/dotcommonitor","article_published_time":"2018-04-06T22:34:13+00:00","article_modified_time":"2021-11-17T08:16:12+00:00","og_image":[{"width":500,"height":199,"url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/04\/image-optimization.jpg","type":"image\/jpeg"}],"twitter_card":"summary","twitter_creator":"@dotcom_monitor","twitter_site":"@dotcom_monitor","twitter_misc":{"Written by":"Dan Oksnavad","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'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\/images-taking-forever-to-load\/#primaryimage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/04\/image-optimization.jpg","contentUrl":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-content\/uploads\/2018\/04\/image-optimization.jpg","width":500,"height":199,"caption":"why images taking forever to load for webparf"},{"@type":"WebPage","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#webpage","url":"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/","name":"Why Are My Images Taking Forever to Load? | Dotcom-Monitor Tools Blog","isPartOf":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#primaryimage"},"datePublished":"2018-04-06T22:34:13+00:00","dateModified":"2021-11-17T08:16:12+00:00","author":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/5746e140a1ac16b1dacec9bb543da006"},"description":"If your images are taking forever to load, there can be several reasons as to why this is happening. Don\u2019t worry, let's see how to fix that!","breadcrumb":{"@id":"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/images-taking-forever-to-load\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dotcom-tools.com\/web-performance\/"},{"@type":"ListItem","position":2,"name":"Why Are My Images Taking Forever to Load?"}]},{"@type":"Person","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/5746e140a1ac16b1dacec9bb543da006","name":"Dan Oksnavad","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dotcom-tools.com\/web-performance\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6381632e291b5aaea545fc4e18299b12?s=96&d=retro&r=pg","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6381632e291b5aaea545fc4e18299b12?s=96&d=retro&r=pg","caption":"Dan Oksnavad"},"url":"https:\/\/www.dotcom-tools.com\/web-performance\/author\/oksnavadd\/"}]}},"_links":{"self":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16244"}],"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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/comments?post=16244"}],"version-history":[{"count":6,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16244\/revisions"}],"predecessor-version":[{"id":17789,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/posts\/16244\/revisions\/17789"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media\/16246"}],"wp:attachment":[{"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/media?parent=16244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/categories?post=16244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dotcom-tools.com\/web-performance\/wp-json\/wp\/v2\/tags?post=16244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}