Infographic - Website Page Load Time Optimization: A must for good UX!

IS YOUR WEBSITE BATTLING A POOR LOADING TIME ? VISITORS ARE DEMANDING 3 SECONDS! 2-3 seconds determine whether your site is good enough to be explored or it's better to part ways! If the page doesn't load or render well, visitors abandon the page and in turn you lose out on the ROI! So, loading time and bottom lines are inversely proportional and if you are encountering a drop in your bottom lines due to poor loading time, do consider the below tips from the Monastery! 1SECOND DELAY IN 11% 16% 7% PAGE LOAD TIME LEADS TO LOSS IN FEWER PAGE VIEWS DECREASE IN CUSTOMER SATISFACTION CONVERSIONS SURVEYS IN THE PAST HAVE SHOWED CONSIDERABLE FACTS ABOUT LOADING TIME AND ROI. % More than 83% of people expect a web page to load in 3 seconds or less. More than 40% will abandon a web page if it takes more than 3 seconds to load. If an e-commerce site is making $100,000 per day, a 1 second page delay could potentially cost $2.5 million lost in sales every year. 73% of mobile internet users say that they have encountered a website that was too slow to load. Conversion rate increases 74% when page load time improves from 8 to 2 seconds. More than 73% of consumers won't return to a website if it doesn't load properly on their mobile devices. NOT ONLY DO YOU LOSE ROI, BUT IT ALSO HAMPERS THE SEO,USER EXPERIENCE AND BRAND IMAGE OF THE COMPANY. 46% of visitors who failed to get through the site due to loading times are expected to tell the friends about the same. 44% of visitors will develop a negative image of the company if the site crashes or the load time is poor. In late 2010, Google publicly announced that site speed was a new signal introduced into their organic search-ranking algorithm. HERE'S AN EXCELLENT CALCULATOR THAT ALLOWS YOU TO ASCERTAIN THE LOSS ON ACCOUNT OF POOR LOAD TIME http://www.tagman.com/conversion-loss-calculator/ SMALLER THAT LEAD TO CHALLENGES LONGER LOAD TIMES. Longer sign-up forms Overuse of DIVs and Tables Complex analytics and tracking codes Infrastructure, ISPS and Cable Operator issues Slow servers OS and Browsers Excessive advertisements Heavy Images Overload of plugins• Overall code Quality Incompatible technologies that clash with browsers IMPORTANT SPEED ANALYSIS TOOLS CHANTING YOUR FUTURE LOUD AND CLEAR! GT Google Page Speed Yahoo's YSlow GT Matrix Pingdom Google Page Speed is a tool by Google that calculates your site speed using certain rules and parameters YSlow grades web page based Both Google Page Speed and YSlow determines site's speed With Pingdom's website on one of three predefined monitoring, you'll be the first to know when your website is down, and you'll stay on top of rulesets or a user-defined by some common and some ruleset. It offers suggestions not so common rules, The your website's performance. Pingdom's Ping test and Traceroute tools provides and come up with the site's for improving the page's benefit of GTmetrix is that you can analyze your page using both services, aka. Google Page speed analysis. performance, summarizes the page's components, displays statistics about the page, and network response time helping Speed and YSlow and get different perspectives on how provides tools for performance analysis. you to track down possible to optimize your code. errors more easily. OTHER TOOLS P LOAD IMPACT P3 PERFORMANCE PLUGIN PROFILER 10 DIVINE CONSIDERATIONS FOR IMPROVING THE PAGE LOAD TIMES. REDUCE THE HTTP REQUESTS According to Yahoo, 80% of a web page's load time is spent downloading pieces of the entire page - images, videos, stylesheets, etc. That being said, simplifying your design and put less components on every page. Lesser the components, fewer the HTTP requests and faster the site. JS and CSS Optimiser is a great plugin to reduce the number of HTTP requests. USE A CONTENT DELIVERY NETWORK (CDN) The user's proximity to your web server has an impact on response times. Deploying your content across multiple, geographically dispersed servers will make your pages load faster from the user's perspective. 75% of the retail sites as per one of the surveys do not use CDN. ENABLE BROWSER CACHING Make sure that the cache-able resources like JS, CSS files, media files, etc. are set to expire after a minimum of 1 week to a maximum of 1 year according to RFC guidelines. With right enabling of browser caching, atleast the subsequent site visitors will surely encounter faster loading times. Wordpress Plugins like W3 Total Cache is highly recommended although both WP Super Cache and Quick Cache can also improve caching and therefore reduce page loading times. AVOID REDIRECTS Inserting a redirect between the user and the HTML document delays everything in the page. Avoid 404 errors especially as every HTTP request will add on to a cost. MINIFY THE UNNECESSARY CODE ELEMENTS Eliminate extra spaces, line breaks, and indentation in your code so your pages are as lean as possible. As per Google, removing unused CSS yields faster page speeds. You can minify the code using CSS minifying tools like YUI Compressor and JS minifying tools like JSMIN. Optimize the CSS sprites. Arrange the images in the sprite horizontally as opposed to vertical for a smaller file size. Also, combine similar colors and don't leave massive gaps between the images. REDUCE THE BANDWIDTH THROUGH COMPRESSION 22% of the retail sites as per one of the surveys don't use compression. Reduce the bandwidth of your pages by using compression. It is expected that by 2016, average size of one page will be 2MBS. Reducing bandwidth with tools like Gzip can reduce the page download time by 70%. REDUCE THE DOM ELEMENTS The Document Object Model (DOM) is an application programming interface (API) for valid HTML and well-formed XML documents. A high number of DOM elements can be a symptom that there's something that should be improved. 500-700 DOM are alright, but nothing more is good. REDUCE COOKIE SIZE HTTP cookies are used for a variety of reasons such as authentication and personalization. Eliminate unnecessary cookies. Keep cookie sizes as low as possible to minimize the impact on the user response time. MINIMIZE THE NUMBER OF IFRAMES Although Iframes allow an HTML document to be inserted in the parent document with a parallel download, they block page onload and are non-semantic. Minimize their usage. CONFIGURE ETAGS An "entity" is another word a "component": images, scripts, stylesheets, etc. ETags validate the components so that the browser matches it, validates it and sends faster responses from the server. However, if not configured properly the response time increases. 7 REAL WORLD CASES ON PAGE LOAD OPTIMIZATION! Microsoft found that Bing searches that were 2 seconds slower resulted in a 4.3% drop in revenue per user. Shopzilla shaved off their load times from 6 seconds to 1.2 seconds and experienced 5-12% revenue hike. Walmart increased the conversion by 2% for every 1 second of load time improvement. Amazon reported 1% loss in revenue per 100ms site load delay. Mozilla improved conversions by 15.4% shaving off 2.2 seconds of load time. Honorable US President Obama's fundraising campaign increased donation conversions by 14% when they decreased the page speed from 5 seconds to 2 seconds. Yahoo increased traffic by 9% for every 400milliseconds of improvement. THEN WHEN YOU MEDITATE PAGE SPEED OPTIMIZATION, IT BOOSTS YOUR BUSINESS - LIKE ZOO00OOM! 80% MORE LIKELY TO 72% LESSER CUSTOMER MATCH BUSINESS PROCESSES 17% FEWER COMPLAINTS DISSATISFACTION WITH 20% REDUCED TRANSACTIONS ERRORS Companies that optimize their website speed and performance through content audits, code optimization and server monitoring receive 17% fewer Proactive businesses who timely optimize website speed gets a rewarding 72% lesser customer Speed optimized sites are 80% more likely to match the web transactions to specific business processes. 20% more dissatisfaction ratio as the customer transactions were error free for complaints about response time compared to the companies who don't. relish the usability of such sites much optimized sites. more than non-optimized sites. OTHER BENEFITS INCLUDE Improved search visibility Improved word of mouth and brand experience Increase in the customer loyalty Quicker checkout times Reduced downloading time for low bandwidth users Webby Monks Webby Monks is one of the swiftest PSD to Responsive HTML Conversion companies with expertise in WordPress, WooCommerce and Bootstrap. To know more about Webby Monks, visit: www.webbymonks.com or email us on [email protected] * +1 213 674 MONK f facebook.com/webbymonks Webby Monks M [email protected] S webbymonks e twitter.com/webbymonks O pinterest.com/webbymonks www.webbymonks.com Sources : Econsultancy | Get Elastic | Business2Community | Smart Insights | Google | Moz | Kiss Metrics | Crazy Egg | Ansonalex | Custora