{"id":10989,"date":"2014-03-24T20:50:36","date_gmt":"2014-03-24T09:50:36","guid":{"rendered":"https:\/\/creately.com\/blog\/?p=10989"},"modified":"2024-09-30T21:19:08","modified_gmt":"2024-09-30T10:19:08","slug":"update-image-optimization-css","status":"publish","type":"post","link":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/","title":{"rendered":"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App"},"content":{"rendered":"<div id=\"bsf_rt_marker\"><\/div><p style=\"text-align: left;\">User experience matters !!! One reason we get so many high user ratings is because we care deeply about user experience. For the last few weeks we&#8217;ve been working around the clock to make your Creately experience even better. This is an ongoing process but here&#8217;s some important changes from out latest release.<\/p>\n<h3>Image Optimization and CSS Adaptation<\/h3>\n<p>The story behind the idea is we needed to improve the speed and responsiveness of the Creately website and Creately Online application.\u00a0 We did a lot of research around this, even involving <a title=\"When Designers and Copywriters Work Together, the User Wins\" href=\"https:\/\/creately.com\/blog\/experience\/designers-copywriters-work-together\/\">some experts outside Creately for a fresh perspective<\/a>. We manage to identify some problem areas and already started working on some of them.<\/p>\n<p>The first step of this initiative is to optimize the current images and use the latest CSS techniques to present visuals in a better way. CSS has improved in leaps and bounds and it would be a travesty not to make use of all those latest methods. Image compressing methods has also improved and we saw a significant improvement in our load times and page sizes after these changes were applied.<\/p>\n<h3>Benefit = Fast Loading Site and App<\/h3>\n<div id=\"attachment_11030\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a style=\"color: #ea9629; text-decoration: underline; text-align: center;\" href=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11030\" class=\"wp-image-11030 \" title=\"Faster load time because of image optimization and CSS adaptation\" src=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\" alt=\"Speeding up Creately\" width=\"400\" height=\"300\" \/><\/a><p id=\"caption-attachment-11030\" class=\"wp-caption-text\">A faster loading Creately website and app<\/p><\/div>\n<p>If you are a frequent Creately user, you should see a considerable improvement in the load times especially in image heavy pages. Once we start to release fixes for other identified areas you should see more improvements across the site.<\/p>\n<p>These changes affect the Creately online app to a certain degree. You&#8217;ll see a slight improvement in the app loading time, especially if you&#8217;re loading new libraries or loading the app for the first time. You can reach our Help pages, <a href=\"https:\/\/creately.com\/diagram-community\/popular\">Diagram Community<\/a> and other pages quicker than before.<\/p>\n<p>As mentioned this is just the start of the ongoing optimization process to make your user experience even more awesome. Once we release all the fixes you&#8217;ll have a site that loads super fast. So stay tuned for the updates.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>User experience matters !!! One reason we get so many high user ratings is because we care deeply about user experience. For the last few weeks we&#8217;ve been working around the clock to make your Creately experience even better. This&#8230;<span class=\"continue-reading\"> <a href=\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/\">Read More<\/a><\/span><\/p>\n","protected":false},"author":20,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[97],"tags":[481,482,479,480],"class_list":["post-10989","post","type-post","status-publish","format-standard","hentry","category-announcements","tag-css-adaptation","tag-image-optimization","tag-releases","tag-updates"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creately Update: Image Optimization and CSS Adaptation = Faster Site and App - Creately Blog<\/title>\n<meta name=\"description\" content=\"Latest updates from Creately. The image optimization and CSS adaptation in the site and how these changes will help you by loading the site and app faster\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App - Creately Blog\" \/>\n<meta property=\"og:description\" content=\"Latest updates from Creately. The image optimization and CSS adaptation in the site and how these changes will help you by loading the site and app faster\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Creately Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/creately\" \/>\n<meta property=\"article:published_time\" content=\"2014-03-24T09:50:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-30T10:19:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\" \/>\n<meta name=\"author\" content=\"Shiraz Samsoodeen\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shiraz Samsoodeen\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/\"},\"author\":{\"name\":\"Shiraz Samsoodeen\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/94c5861d8276f20ae52a2471165ad70a\"},\"headline\":\"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App\",\"datePublished\":\"2014-03-24T09:50:36+00:00\",\"dateModified\":\"2024-09-30T10:19:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/\"},\"wordCount\":343,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\",\"keywords\":[\"CSS adaptation\",\"image optimization\",\"releases\",\"updates\"],\"articleSection\":[\"Announcements\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/\",\"url\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/\",\"name\":\"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App - Creately Blog\",\"isPartOf\":{\"@id\":\"https:\/\/creately.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\",\"datePublished\":\"2014-03-24T09:50:36+00:00\",\"dateModified\":\"2024-09-30T10:19:08+00:00\",\"description\":\"Latest updates from Creately. The image optimization and CSS adaptation in the site and how these changes will help you by loading the site and app faster\",\"breadcrumb\":{\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage\",\"url\":\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\",\"contentUrl\":\"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/creately.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/creately.com\/blog\/#website\",\"url\":\"https:\/\/creately.com\/blog\/\",\"name\":\"Creately Blog\",\"description\":\"Latest Product Updates and Tips on Working Visually\",\"publisher\":{\"@id\":\"https:\/\/creately.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/creately.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/creately.com\/blog\/#organization\",\"name\":\"Creately\",\"url\":\"https:\/\/creately.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"contentUrl\":\"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png\",\"width\":430,\"height\":237,\"caption\":\"Creately\"},\"image\":{\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/creately\",\"https:\/\/x.com\/creately\",\"https:\/\/www.instagram.com\/creately_app\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/creately.com\/blog\/#\/schema\/person\/94c5861d8276f20ae52a2471165ad70a\",\"name\":\"Shiraz Samsoodeen\",\"description\":\"Gamer, Growing Blogger and Tech lover. He provides customer support at Creately including writing blog posts and handling social media accounts. When not busy, he can be found either watching tv series or playing games. Follow him on Twitter\",\"sameAs\":[\"https:\/\/x.com\/samsoodeens\"],\"url\":\"https:\/\/creately.com\/blog\/author\/shiraz\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App - Creately Blog","description":"Latest updates from Creately. The image optimization and CSS adaptation in the site and how these changes will help you by loading the site and app faster","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App - Creately Blog","og_description":"Latest updates from Creately. The image optimization and CSS adaptation in the site and how these changes will help you by loading the site and app faster","og_url":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/","og_site_name":"Creately Blog","article_publisher":"https:\/\/www.facebook.com\/creately","article_published_time":"2014-03-24T09:50:36+00:00","article_modified_time":"2024-09-30T10:19:08+00:00","og_image":[{"url":"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg","type":"","width":"","height":""}],"author":"Shiraz Samsoodeen","twitter_misc":{"Written by":"Shiraz Samsoodeen","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#article","isPartOf":{"@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/"},"author":{"name":"Shiraz Samsoodeen","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/94c5861d8276f20ae52a2471165ad70a"},"headline":"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App","datePublished":"2014-03-24T09:50:36+00:00","dateModified":"2024-09-30T10:19:08+00:00","mainEntityOfPage":{"@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/"},"wordCount":343,"commentCount":0,"publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"image":{"@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage"},"thumbnailUrl":"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg","keywords":["CSS adaptation","image optimization","releases","updates"],"articleSection":["Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/","url":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/","name":"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App - Creately Blog","isPartOf":{"@id":"https:\/\/creately.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage"},"image":{"@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage"},"thumbnailUrl":"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg","datePublished":"2014-03-24T09:50:36+00:00","dateModified":"2024-09-30T10:19:08+00:00","description":"Latest updates from Creately. The image optimization and CSS adaptation in the site and how these changes will help you by loading the site and app faster","breadcrumb":{"@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#primaryimage","url":"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg","contentUrl":"https:\/\/creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/creately.com\/blog\/announcements\/update-image-optimization-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creately.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Creately Update: Image Optimization and CSS Adaptation = Faster Site and App"}]},{"@type":"WebSite","@id":"https:\/\/creately.com\/blog\/#website","url":"https:\/\/creately.com\/blog\/","name":"Creately Blog","description":"Latest Product Updates and Tips on Working Visually","publisher":{"@id":"https:\/\/creately.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creately.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/creately.com\/blog\/#organization","name":"Creately","url":"https:\/\/creately.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","contentUrl":"https:\/\/d3n817fwly711g.cloudfront.net\/uploads\/2023\/01\/creately-logo-symbol.png","width":430,"height":237,"caption":"Creately"},"image":{"@id":"https:\/\/creately.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/creately","https:\/\/x.com\/creately","https:\/\/www.instagram.com\/creately_app\/"]},{"@type":"Person","@id":"https:\/\/creately.com\/blog\/#\/schema\/person\/94c5861d8276f20ae52a2471165ad70a","name":"Shiraz Samsoodeen","description":"Gamer, Growing Blogger and Tech lover. He provides customer support at Creately including writing blog posts and handling social media accounts. When not busy, he can be found either watching tv series or playing games. Follow him on Twitter","sameAs":["https:\/\/x.com\/samsoodeens"],"url":"https:\/\/creately.com\/blog\/author\/shiraz\/"}]}},"_links":{"self":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/10989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/comments?post=10989"}],"version-history":[{"count":27,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/10989\/revisions"}],"predecessor-version":[{"id":31402,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/posts\/10989\/revisions\/31402"}],"wp:attachment":[{"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/media?parent=10989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/categories?post=10989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creately.com\/blog\/wp-json\/wp\/v2\/tags?post=10989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}