{"id":10989,"date":"2014-03-24T20:50:36","date_gmt":"2014-03-24T09:50:36","guid":{"rendered":"https:\/\/stage.creately.com\/blog\/?p=10989"},"modified":"2014-03-25T18:26:30","modified_gmt":"2014-03-25T07:26:30","slug":"update-image-optimization-css","status":"publish","type":"post","link":"https:\/\/stage.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:\/\/stage.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<p>&nbsp;<\/p>\n<div id=\"attachment_11030\" style=\"width: 410px\" class=\"wp-caption aligncenter\"><a style=\"color: #ea9629; text-decoration: underline; text-align: center;\" href=\"https:\/\/stage.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\" alt=\"Speeding up Creately\" src=\"https:\/\/stage.creately.com\/blog\/wp-content\/uploads\/2014\/03\/speed-up.jpg\" 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>&nbsp;<\/p>\n<p>If you are a frequent Creately user, you should see a considerable improvement in the load times especially in <a title=\"Diagram Examples\" href=\"https:\/\/stage.creately.com\/diagram-examples\" target=\"_blank\">image heavy pages<\/a>. 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 <a title=\"Add more libraries in Creately\" href=\"https:\/\/stage.creately.com\/help\/Add-Object-Libraries\" target=\"_blank\">loading new libraries<\/a> or loading the app for the first time. You can reach our Help pages, Diagram Community 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:\/\/stage.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"],"_links":{"self":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/10989","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/comments?post=10989"}],"version-history":[{"count":23,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/10989\/revisions"}],"predecessor-version":[{"id":11044,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/posts\/10989\/revisions\/11044"}],"wp:attachment":[{"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/media?parent=10989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/categories?post=10989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stage.creately.com\/blog\/wp-json\/wp\/v2\/tags?post=10989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}