{"id":8198,"date":"2016-06-23T17:48:24","date_gmt":"2016-06-23T23:48:24","guid":{"rendered":"http:\/\/www.evolutionarydesigns.net\/blog\/?p=8198"},"modified":"2016-06-23T17:48:25","modified_gmt":"2016-06-23T23:48:25","slug":"designing-website-speed","status":"publish","type":"post","link":"http:\/\/www.evolutionarydesigns.net\/blog\/2016\/06\/23\/designing-website-speed\/","title":{"rendered":"Designing a Website for Speed"},"content":{"rendered":"<p><a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2016\/06\/23\/designing-website-speed\/speed\/\" rel=\"attachment wp-att-8203\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8203\" title=\"Designing a Website for Speed\" src=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?resize=600%2C400\" alt=\"Designing a Website for Speed\" width=\"600\" height=\"400\" srcset=\"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?w=2048 2048w, https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?resize=150%2C100 150w, https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?resize=300%2C200 300w, https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?resize=768%2C512 768w, https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?resize=1024%2C683 1024w, https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?resize=270%2C180 270w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Currently, around half of the world\u2019s population is using internet, and approximately one quarter is going online via some sort of mobile devices. Clearly, opting for a responsive theme can be beneficial for your website and business, as Google loves responsive websites and ranks them high in search rankings. However, unless your <a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2012\/05\/22\/what-is-responsive-design\/\">responsive website<\/a> provides fast and positive user experience, the chances are that it will be somewhat useless. <em>Image Source: <a href=\"https:\/\/www.flickr.com\/photos\/cblue98\/10142836294\/in\/photolist-gshFRQ-5pvBVs-4rKksX-836mpn-Tdhfa-9DFqo2-cHjZf-3gNDcj-bbFAWP-D9u1Wn-2cD2yC-idme9F-bSAsgZ-hGC6AA-4QUCKR-3mvf38-78hhx3-atfmxU-ySrtqA-aULqDa-4RU7Tj-r5bGuA-6CAPRZ-e56J8M-9Fi8xm-8gpCW5-95U8sb-KfUZo-bUhNbd-3ehAT-o9gSJH-3fX9PY-5DJBKT-7WHqgw-eHn9zp-aipyk-3EPd3-dXi2Dq-3gNCVb-dRgdPg-4XFQBd-3PgQ1p-7Czqt5-3gJgfM-qfQfGi-5bGWUF-4nun91-9TshNe-5yG1Pu-nRrrkN\">Flickr<\/a><\/em><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">The fact is that consumers\u2019 attention span is steadily getting shorter, and if the website takes too much time to load, they tend to abandon it. In fact, if a website takes more than three seconds to load, 40% of users will leave, what can have negative effect on your business profit in the long run. Just one second delay in loading a page can result in a 7% decrease in conversion. In the U.S. alone, slow websites cause the loss of almost $500 billion each year in the e-commerce trade. The impact website speed has on your business is more than evident and the following article outlines a number of steps and advice you should take to ensure your website doesn\u2019t get left behind in the <a href=\"http:\/\/www.evolutionarydesigns.net\/blog\/2016\/02\/05\/basic-seo-tactics-webmasters\/\">search rankings<\/a>. <\/span><\/p>\n<h2><b>Consumers want speed, and so does Google<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">There are many factors Google takes into consideration when ranking a website. After the launch of Google\u2019s latest project called AMP (Accelerated Mobile Pages), page speed became one of the most important factors of the \u00a0Google\u2019s search algorithm. This is an open source project that is supported by other giants in the game, such as Facebook. If you want to try Google\u2019s solution and see the documentation, you can visit the <\/span><a href=\"https:\/\/github.com\/ampproject\"><span style=\"font-weight: 400;\">GitHub AMP page<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">I have recently talked to one of the experts from <\/span><a href=\"https:\/\/fourdots.com\/new-york-seo\"><span style=\"font-weight: 400;\">Four Dots New York SEO<\/span><\/a><span style=\"font-weight: 400;\">, and he told me that Google is constantly upping the bar on page speed. For example, \u00a0\u00a0these days it is unacceptable for a mobile site to take more than one second to render. If you consider that majority of mobile websites take over four seconds to load, one second probably seems almost impossible. Actually, it is achievable if you possess the right knowledge. <\/span><\/p>\n<h2><b>Content is getting heavier<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Even though the technology is continually advancing, mobile experiences are geting slower. Annual reports of Radware\u2019s Mobile eCommerce show that the average loading page time jumped from 4.33 seconds in 2013, to 4.8 seconds in 2014, and <\/span><a href=\"https:\/\/blog.radware.com\/applicationdelivery\/applicationaccelerationoptimization\/2015\/09\/state-of-the-union-summer-2015\/\"><span style=\"font-weight: 400;\">in 2015 it increased to 5.5<\/span><\/a><span style=\"font-weight: 400;\">. The cause of such a decrease in speed is the fact that today, web pages include more data than before, because of infographics, videos and crowd sites with more complex functions. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Radware also discovered that an average page increased by a \u00a0whopping 70% in size and page complexity over a period of one year. This definitely makes improving load speeds extremely difficult, although not imposible, so to make sure that your site is as fast as a speeding bullet:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Pay attention to the size of your web page, as it is a crucial factor that affects loading times. Try to reduce the number and size of files that your page has to load.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Use comprehension tools to recude the amount of heavy data that has to be loaded, such as images and videos.<\/span><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2><b>Flash Is Gone<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Try to <\/span><a href=\"http:\/\/www.cnet.com\/news\/gone-in-a-flash-facebook-says-adobes-plug-in-is-a-security-risk-no-longer-worth-taking\/\"><span style=\"font-weight: 400;\">stay away from Flash<\/span><\/a><span style=\"font-weight: 400;\">, because it\u2019s heavy format can be harmful to your page. Many mobile applications are already discouraging the use of Flash, while Google is killing Flash by completely removing it from Chrome.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">When it comes to loading speeds, Java is much better than Flash, but keep in mind that it can make your website run rather slow. Google\u2019s AMP controls third-party Javascript so that it does not interfere with page load. If you have any Javascript-based content on your page, here is what you can do:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">If you have content which is below the fold, you can set it in such way that it loads after user scrolls down.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You can time loading of certain below the fold elements, so that they don&#8217;t affect initial loading times.<\/span><\/li>\n<\/ul>\n<h2><b>Additional tips<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">To ensure that your website is fast enough, include leveraging browser caching for your website, setting expiration dates for cached recources and using a <\/span><a href=\"https:\/\/gtmetrix.com\/why-use-a-cdn.html\"><span style=\"font-weight: 400;\">Content Delivery Network<\/span><\/a><span style=\"font-weight: 400;\">. Furthermore, you should be careful when selecting a font for your page as some of them can be unusually large. <\/span><\/p>\n<h3><b>Conclusion<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Due to the growing amount of media we require, such as video, images and gifs, speed has never been more difficult to achieve. Many factors have to be taken into consideration when designing a website, but they should all be subordinated to the one that customers value the most \u2013 speed. \u00a0Surely, frameworks such as Google\u2019s AMP can be useful, but you are the one that makes decision regarding the amount and size of content, so try to make wise choices.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Currently, around half of the world\u2019s population is using internet, and approximately one quarter is going online via some sort of mobile devices. Clearly, opting for a responsive theme can be beneficial for your website and business, as Google loves responsive websites and ranks them high in search rankings. However, unless your responsive website provides [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":8203,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[34,49,30,6],"tags":[1491,1474,1480,1475],"class_list":["post-8198","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-google","category-seo","category-web-design","tag-google","tag-page-speed","tag-web-design","tag-webdev","entry"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.evolutionarydesigns.net\/blog\/wp-content\/uploads\/2016\/06\/Speed.jpg?fit=2048%2C1365","jetpack_shortlink":"https:\/\/wp.me\/pJPdG-28e","jetpack_sharing_enabled":true,"jetpack-related-posts":[],"jetpack_likes_enabled":true,"_links":{"self":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/8198","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/comments?post=8198"}],"version-history":[{"count":6,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/8198\/revisions"}],"predecessor-version":[{"id":8205,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/posts\/8198\/revisions\/8205"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media\/8203"}],"wp:attachment":[{"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/media?parent=8198"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/categories?post=8198"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.evolutionarydesigns.net\/blog\/wp-json\/wp\/v2\/tags?post=8198"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}