{"id":1913,"date":"2018-09-12T19:00:04","date_gmt":"2018-09-12T13:30:04","guid":{"rendered":"http:\/\/www.idslogic.com\/blog\/?p=1913"},"modified":"2025-02-24T15:48:36","modified_gmt":"2025-02-24T10:18:36","slug":"is-your-sitefinity-website-slow-a-big-image-may-be-a-big-problem","status":"publish","type":"post","link":"https:\/\/www.idslogic.com\/blog\/is-your-sitefinity-website-slow-a-big-image-may-be-a-big-problem","title":{"rendered":"Is Your Sitefinity Website Slow? A Big Image May Be a Big Problem"},"content":{"rendered":"<p><span style=\"font-size: 14pt;\">To build an attractive website, it is very important to add relevant images together with the content so that it helps the visitors to have a clear understanding of the site. <\/span><\/p>\n<p><span style=\"font-size: 14pt;\">We know that effective web pages have to be amazing and the images always play a vital role in it. But for the developers and the designers adding a crystal clear photo to your website and making it perform at its peak is no easy task.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">But at the same time we also know that images play a great role in hampering the performance of the site and your web images can really cost you a lot.<\/span><\/p>\n<p><strong><span style=\"color: #008000; font-size: 18pt;\">Why is My Sitefinity Website so Slow?<\/span><\/strong><\/p>\n<p><span style=\"font-size: 14pt;\">If you have observed that your website takes a long time to load, then chances are that your site is slow because of your large images. <\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Mostly the images are highly polished, and professionally designed website may often load with massive imagery that might be attractive, but it may compromise on your loading time.<\/span><\/p>\n<blockquote><p><span style=\"font-size: 18pt; color: #0000ff;\">&#8220;If you have created a <span style=\"color: #ff0000;\">Sitefinity based website<\/span>, then it\u2019s a good idea to plan how you want to use the images on your website and also consider the ideal dimensions that you should use.&#8221;<\/span><\/p><\/blockquote>\n<p><span style=\"font-size: 14pt;\"><a href=\"\/dedicated-sitefinity-developer\/\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-1148\" src=\"\/blog\/wp-content\/uploads\/2017\/09\/Hire-Sitefinity-Developers.jpg\" alt=\"Hire-Sitefinity-Developers\" width=\"823\" height=\"100\" srcset=\"https:\/\/www.idslogic.com\/blog\/wp-content\/uploads\/2017\/09\/Hire-Sitefinity-Developers.jpg 823w, https:\/\/www.idslogic.com\/blog\/wp-content\/uploads\/2017\/09\/Hire-Sitefinity-Developers-300x36.jpg 300w\" sizes=\"auto, (max-width: 823px) 100vw, 823px\" \/><\/a><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Though you might need a big image for your website design for that fancy and full screen background effect, but many sites load the images that display on only small pixel windows. Resizing the images to accurately fit the display area can often save the load on your Sitefinity website.<\/span><\/p>\n<hr \/>\n<p><span style=\"color: #003366; font-size: 18pt;\"><strong>How Resizing May Help?<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Whenever you upload an image, your Sitefinity website can automatically generate many versions with the different and pre-determined sizes. The different sizes can be used for your pages or for your templates. For example:<\/span><\/p>\n<blockquote><p><span style=\"font-size: 18pt; color: #0000ff;\">150X150 px news list thumbnail<\/span><\/p>\n<p><span style=\"font-size: 18pt; color: #0000ff;\">600&#215;300 px full article header image<\/span><\/p>\n<p><span style=\"font-size: 18pt; color: #0000ff;\">300&#215;300 px featured article thumbnail<\/span><\/p><\/blockquote>\n<p><span style=\"font-size: 14pt;\">You only have to upload and the Sitefinity will work with scaling, cropping and saving a separate file for the dimensions.<\/span><\/p>\n<hr \/>\n<p><span style=\"color: #003366; font-size: 18pt;\"><strong>How can You Get Started with Optimizing the Images?<\/strong><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Slow websites are often frustrating for the end users and they may not wait for your website to load. They will simply leave your site and move on to some other.\u00a0 <\/span><\/p>\n<p><span style=\"font-size: 14pt;\">If you have a business website, then you should know that Google prefers fast websites and if you are using large images than the images should be optimized. Images that are larger than 180KB can slow down your website and when you have more images, then you may face typical issues.<\/span><\/p>\n<p><span style=\"font-size: 16pt;\"><span style=\"color: #003300;\"><strong>Identify the large images<\/strong>:<\/span> <span style=\"font-size: 14pt;\">It may be difficult to choose the large images, but watch out for large featured images or those that are uncompressed.<\/span><\/span><\/p>\n<hr \/>\n<p><span style=\"font-size: 16pt;\"><span style=\"color: #003300;\"><strong>Organize the<\/strong> <strong>files:<\/strong><\/span> <span style=\"font-size: 14pt;\">It is recommended that you have a proper plan to optimize your image and save them in specific folders. This will make the entire process more efficient and also help to find anything that you might need later on.<\/span><\/span><\/p>\n<blockquote>\n<p style=\"box-shadow: 0 0 16px #cccccc; padding: 10px;\"><span style=\"font-size: 14pt;\"><span style=\"color: #800000;\"><strong>Also Read:\u00a0<\/strong><\/span><span style=\"color: #ff0000;\"><a style=\"color: #ff0000;\" href=\"\/blog\/how-to-make-your-sitefinity-website-200-times-faster\">How to Make Your Sitefinity Website 200 Times Faster?<\/a><\/span><\/span><\/p>\n<\/blockquote>\n<hr \/>\n<p><span style=\"font-size: 16pt;\"><span style=\"color: #003300;\"><strong>Set the sizes<\/strong>:\u00a0<\/span> <span style=\"font-size: 14pt;\">It is here where you can tell Sitefinity the sizes that you want to create while you upload the images. This should be determined beforehand, but you can also add new sizes according to your choice.<\/span><\/span><\/p>\n<hr \/>\n<p><span style=\"font-size: 16pt;\"><span style=\"color: #003300;\"><strong>Upload the images:<\/strong> <\/span><span style=\"font-size: 14pt;\">Once you tell Sitefinity about the size, you can start uploading and as long as you do so, it will make the task easier for the content editors.<\/span><\/span><\/p>\n<p><span style=\"font-size: 14pt;\">So to conclude, the easiest means to improve the performance of your <strong><a href=\"\/sitefinity-development\/\">Sitefinity application<\/a><\/strong> is to check all your images and measure and analyze them for best performance results.<\/span><\/p>\n<hr \/>\n<div class=\"newsletter_form\">\n<h2>Sign up our Newsletter!<\/h2>\n<div class=\"emaillist\" id=\"es_form_f0-n1\"><form action=\"\/blog\/wp-json\/wp\/v2\/posts\/1913#es_form_f0-n1\" method=\"post\" class=\"es_subscription_form es_shortcode_form  es_ajax_subscription_form\" id=\"es_subscription_form_6a3a533fa5eff\" data-source=\"ig-es\" data-form-id=\"0\"><div class=\"es-field-wrap\"><label>Name<br \/><input type=\"text\" name=\"esfpx_name\" class=\"ig_es_form_field_name\" placeholder=\"\" value=\"\" \/><\/label><\/div><div class=\"es-field-wrap\"><label>Email*<br \/><input class=\"es_required_field es_txt_email ig_es_form_field_email\" type=\"email\" name=\"esfpx_email\" value=\"\" placeholder=\"\" required=\"required\" \/><\/label><\/div><input type=\"hidden\" name=\"esfpx_form_id\" value=\"0\" \/><input type=\"hidden\" name=\"es\" value=\"subscribe\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es_form_identifier\" value=\"f0-n1\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es_email_page\" value=\"1913\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es_email_page_url\" value=\"https:\/\/www.idslogic.com\/blog\/is-your-sitefinity-website-slow-a-big-image-may-be-a-big-problem\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_status\" value=\"Unconfirmed\" \/>\n\t\t\t<input type=\"hidden\" name=\"esfpx_es-subscribe\" id=\"es-subscribe-6a3a533fa5eff\" value=\"e12a72702e\" \/>\n\t\t\t<label style=\"position:absolute;top:-99999px;left:-99999px;z-index:-99;\" aria-hidden=\"true\"><span hidden>Please leave this field empty.<\/span><input type=\"email\" name=\"esfpx_es_hp_email\" class=\"es_required_field\" tabindex=\"-1\" autocomplete=\"-1\" value=\"\" \/><\/label><input type=\"submit\" name=\"submit\" class=\"es_subscription_form_submit es_submit_button es_textbox_button\" id=\"es_subscription_form_submit_6a3a533fa5eff\" value=\"Subscribe\" \/><span class=\"es_spinner_image\" id=\"spinner-image\"><img decoding=\"async\" src=\"https:\/\/www.idslogic.com\/blog\/wp-content\/plugins\/email-subscribers\/lite\/public\/images\/spinner.gif\" alt=\"Loading\" \/><\/span><\/form><span class=\"es_subscription_message \" id=\"es_subscription_message_6a3a533fa5eff\" role=\"alert\" aria-live=\"assertive\"><\/span><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>To build an attractive website, it is very important to add relevant images together with the content so that it helps the visitors to have a clear understanding of the site. We know that effective web pages have to be&#8230;<\/p>\n","protected":false},"author":1,"featured_media":9514,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[256,251],"tags":[285,226,573],"class_list":["post-1913","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","category-sitefinity","tag-sitefinity-cms","tag-sitefinity-development","tag-sitefintiy-cms-development"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/1913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/comments?post=1913"}],"version-history":[{"count":7,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/1913\/revisions"}],"predecessor-version":[{"id":10593,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/posts\/1913\/revisions\/10593"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/media\/9514"}],"wp:attachment":[{"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/media?parent=1913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/categories?post=1913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.idslogic.com\/blog\/wp-json\/wp\/v2\/tags?post=1913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}