{"id":4118,"date":"2020-08-30T14:21:53","date_gmt":"2020-08-30T14:51:53","guid":{"rendered":"https:\/\/ultering.com\/it4us\/?p=4118"},"modified":"2021-01-21T15:31:23","modified_gmt":"2021-01-21T16:01:23","slug":"web-site-performance-at-least-a-quadruped-beast","status":"publish","type":"post","link":"https:\/\/ultering.com\/it4us\/?p=4118","title":{"rendered":"WEB: Site Performance &#8211; At Least a Quadruped Beast"},"content":{"rendered":"<p>&nbsp;<\/p>\n<h3><\/h3>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a0528b981e0e\" class=\"ez-toc-cssicon-toggle-label\"><span class><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\" \/><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\" \/><\/svg><\/span><\/span><\/label><input type=\"checkbox\" id=\"ez-toc-cssicon-toggle-item-6a0528b981e0e\" checked aria-label=\"Toggle\"><nav><ul class=\"ez-toc-list ez-toc-list-level-1 \"><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ultering.com\/it4us\/?p=4118\/#Maintaining_website_performance_is_like_working_with_a_quadruped_beast\" title=\"Maintaining website performance is like working with a quadruped beast.\">Maintaining website performance is like working with a quadruped beast.<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ultering.com\/it4us\/?p=4118\/#If_just_one_leg_fails_your_site_goes_down\" title=\"If just one leg fails, your site goes down.\">If just one leg fails, your site goes down.<\/a><\/li><\/ul><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ultering.com\/it4us\/?p=4118\/#When_Is_It_Time_to_Think_About_Performance\" title=\"When Is It Time to Think About Performance?\">When Is It Time to Think About Performance?<\/a><ul class=\"ez-toc-list-level-3\"><li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ultering.com\/it4us\/?p=4118\/#How_do_I_measure_a_page_size\" title=\"How do I measure a page size?\">How do I measure a page size?<\/a><\/li><\/ul><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ultering.com\/it4us\/?p=4118\/#The_4-factors_Performance_Issues_at_least\" title=\"The 4-factors Performance Issues (at least)\">The 4-factors Performance Issues (at least)<\/a><\/li><li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ultering.com\/it4us\/?p=4118\/#Checking_Performance\" title=\"Checking Performance\">Checking Performance<\/a><\/li><\/ul><\/nav><\/div>\n<h3 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"Maintaining_website_performance_is_like_working_with_a_quadruped_beast\"><\/span>Maintaining website performance is like working with a quadruped beast.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h3 style=\"text-align: center;\"><span class=\"ez-toc-section\" id=\"If_just_one_leg_fails_your_site_goes_down\"><\/span>If just one leg fails, your site goes down.<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p style=\"text-align: center;\"><noscript><img decoding=\"async\" class=\"size-full wp-image-4119 aligncenter\" style=\"margin-top: 30px;\" src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2020\/08\/quadruped_robot.jpg\" alt width=\"259\" height=\"194\"><\/noscript><img decoding=\"async\" class=\"size-full wp-image-4119 aligncenter lazyload\" style=\"margin-top: 30px;\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20259%20194%22%3E%3C%2Fsvg%3E\" alt width=\"259\" height=\"194\" data-src=\"https:\/\/ultering.com\/it4us\/wp-content\/uploads\/2020\/08\/quadruped_robot.jpg\"><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"When_Is_It_Time_to_Think_About_Performance\"><\/span>When Is It Time to Think About Performance?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 14pt;\">I usually think about performance when I access a site that has a heavy page, but heavy is not a good measure since it leads to the doubt &#8220;how much heavy&#8221;.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">I usually make the test performance with pages having sizes of around 5 MB. <\/span><br>\n<span style=\"font-size: 14pt;\">If it loads slowly enough to make you avoid using it, it is time to consider thinking about performance.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Although time is a subjective measure, comparing by the average navigation time, it is good enough for me.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Fixing a loading time may be an alternative for the sake of better precision. On the web, you may get many opinions.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_do_I_measure_a_page_size\"><\/span><strong><span style=\"font-size: 14pt;\">How do I measure a page size?<\/span><\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-size: 14pt;\">A simple method is to download the page using the browser&#8217;s &#8220;Save as..&#8221; option.<\/span><br>\n<span style=\"font-size: 14pt;\">After the download, you check the size of the file of files downloaded.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"The_4-factors_Performance_Issues_at_least\"><\/span>The 4-factors Performance Issues (at least)<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 14pt;\">Most of the time, when judging a site performance we first think about connection speed and techs behind it.<\/span><br>\n<span style=\"font-size: 14pt;\">This approach leads to severe mistakes.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">We must go, at least, through all the 4-factors performance issues:<\/span><\/p>\n<ol>\n<li><span style=\"font-size: 14pt;\"><strong>Technology usage &#8211; the way things are done.<\/strong><\/span><br>\n<span style=\"font-size: 14pt;\">Language: Java, JavaScript, Ruby, etc. and their frameworks.<\/span><br>\n<span style=\"font-size: 14pt;\">Database: Oracle, MongoDB, etc. ; concurrency, locks; etc.<\/span><br>\n<span style=\"font-size: 14pt;\">Project architecture \u2014 the way things are done, for instance too many layers, heavy objects running everywhere, memory consumption, memory swap, etc.<\/span><br>\n<span style=\"font-size: 14pt;\">Software update \u2014 Do you have the last versions?<br>\n.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><strong><strong>Connection speed, throughput, concurrency, protocol, etc.<br>\n<\/strong><\/strong><\/span>.<\/li>\n<li><span style=\"font-size: 14pt;\"><strong>Data traffic generation \u2014 The way the content is handled.<br>\n<\/strong>Things like images&#8217; size and format, pagination, data size downloaded for each hit, synchronicity\/asynchronicity, cache, etc.<br>\n.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\"><strong>Client&#8217;s and Servers&#8217; Hardware.<\/strong><\/span><br>\n<span style=\"font-size: 14pt;\">How much memory do have a client and the server on the two sides of the connection?<\/span><br>\n<span style=\"font-size: 14pt;\">Their CPU architecture like speed, cache channels, parallelism, bus, etc.<\/span><br>\n<span style=\"font-size: 14pt;\">An easy way to check all this is making the following question:<\/span><br>\n<span style=\"font-size: 14pt;\"><strong><em>How old is the hardware?<br>\n<\/em><\/strong>This question is usually ignored.<\/span><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Checking_Performance\"><\/span>Checking Performance<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-size: 14pt;\">This is a huge subject.<\/span><br>\n<span style=\"font-size: 14pt;\">We may write many books about this.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">My fast approach for &#8220;real life&#8221; follows the list below, following the order.<\/span><br>\n<span style=\"font-size: 14pt;\">First I need to care about the techs to be used and how the project is constructed.<\/span><br>\n<span style=\"font-size: 14pt;\">Satisfied this, the next step (2) is to check how things work when running.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">The 3rd step considers the heaviest requests that are possible for the application.<\/span><br>\n<span style=\"font-size: 14pt;\">Well, if you&#8217;ve got low performance on 2nd step, this step has no sense at all.<\/span><\/p>\n<p><strong><span style=\"font-size: 14pt;\">The 4th step is one that is most of the time forgotten or ignored.<\/span><\/strong><br>\n<span style=\"font-size: 14pt;\">We are used to working on our machines but the time goes on, making things older and less powerful.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\">Consider that the browser nowadays has too much more processing since the web specifications increased tremendously.<\/span><br>\n<span style=\"font-size: 14pt;\">Client processing is much more intense than before when first came the idea to move part of the task to the clients.<\/span><br>\n<span style=\"font-size: 14pt;\">Old clients are slow.<\/span><\/p>\n<p><span style=\"font-size: 14pt;\"><strong>Before fricking out, consider how old is the hardware used to test, and please perform a test using&nbsp; up to date hardware.<br>\n<\/strong><\/span><span style=\"font-size: 14pt;\"><strong>Perform the test suggested at the beginning of this post accessing heavy pages (size about 5 MB).<\/strong><\/span><br>\n<span style=\"font-size: 14pt;\"><br>\nConsider the following requirements for the time I&#8217;ve published this post at Ago, 2020:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 14pt;\">CPU<\/span><br>\n<span style=\"font-size: 14pt;\">Minimum i7 8th generation.<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Memory<\/span><br>\n<span style=\"font-size: 14pt;\">Minimum 16 GB (check their speed)<\/span><\/li>\n<li><span style=\"font-size: 14pt;\">Mass storage<\/span><br>\n<span style=\"font-size: 14pt;\">Minimum: <strong>SSD<\/strong> for running O.S. processes and possibly mechanical HDs for the rest.<\/span><\/li>\n<\/ul>\n<h3><\/h3>\n<p><span style=\"font-size: 14pt;\"><strong>Think that new techs require new hardware.<\/strong><\/span><br>\n<span style=\"font-size: 14pt;\"><strong>It doesn&#8217;t make sense to project a new technology restraining it by the old requirements, does it?<\/strong><\/span><br>\n<span style=\"font-size: 14pt;\"><strong>It may keep compatibility but it may not lose power because of the new works with the most present and the future.<\/strong><\/span><\/p>\n<p><span style=\"font-size: 16pt; font-family: 'comic sans ms', sans-serif;\"><em>Old i5 and i7 machines, 8 GB RAM memory vs. mechanical HDs, are now too slow for a &#8220;fast approach&#8221;.<\/em><\/span><\/p>\n<p><span style=\"color: #ff0000;\"><strong><span style=\"font-size: 14pt;\">You&#8217;ll be amazed at how heavy sites become wonderful ones when using recent hardware, just because we forget that the time doesn&#8217;t stop requiring hardware update.<\/span><\/strong><\/span><br>\n<span style=\"color: #ff0000;\"><strong><span style=\"font-size: 14pt;\">New features are constantly added making much more but requiring much, much more.<\/span><\/strong><\/span><\/p>\n<p><strong><span style=\"color: #3366ff; font-size: 14pt;\">&#8220;With great power comes great responsibility&#8221;<\/span><\/strong><\/p>\n<p><strong><span style=\"font-size: 14pt;\">Well, we also may think as:<\/span><\/strong><\/p>\n<p><span style=\"font-size: 14pt;\"><strong><span style=\"color: #ff6600;\">&#8220;With great power comes great demand&#8221;&nbsp; <\/span><\/strong><noscript><img decoding=\"async\" src=\"https:\/\/ultering.com\/it4us\/wp-content\/plugins\/wp-edit\/plugins\/emoticons\/img\/smiley-cool.gif\"><\/noscript><img decoding=\"async\" src=\"data:image\/gif;base64,R0lGODlhAQABAIAAAAAAAP\/\/\/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" data-src=\"https:\/\/ultering.com\/it4us\/wp-content\/plugins\/wp-edit\/plugins\/emoticons\/img\/smiley-cool.gif\" class=\" lazyload\"><\/span><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<!--CusAds0-->\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>&nbsp; Maintaining website performance is like working with a quadruped beast. If just one leg fails, your site goes down. &nbsp; &nbsp; When Is It Time to Think About Performance? I usually think about performance when I access a site that has a heavy page, but heavy is not a good measure since it leads &#8230; <a href=\"https:\/\/ultering.com\/it4us\/?p=4118\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &#8220;WEB: Site Performance &#8211; At Least a Quadruped Beast&#8221;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[158],"tags":[],"class_list":["post-4118","post","type-post","status-publish","format-standard","hentry","category-se"],"_links":{"self":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/4118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4118"}],"version-history":[{"count":6,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/4118\/revisions"}],"predecessor-version":[{"id":4239,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/4118\/revisions\/4239"}],"wp:attachment":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}