{"id":6536,"date":"2010-10-11T07:00:15","date_gmt":"2010-10-11T12:00:15","guid":{"rendered":"http:\/\/37d57f8fa2.nxcli.io\/blog\/?p=6536"},"modified":"2010-10-16T17:34:57","modified_gmt":"2010-10-16T22:34:57","slug":"slow-loading-website","status":"publish","type":"post","link":"https:\/\/www.marketingforsuccess.com\/blog\/web-design\/slow-loading-website\/","title":{"rendered":"Speed Up Your Website to Drive More Sales"},"content":{"rendered":"<p>I\u2019ve just started redesigning my business website \u2013 it\u2019s been about a year and a half since I last did it. One of the main reasons is that most of my work over the last year has involved WordPress projects. I think it\u2019s high time my own website was built in the content management system I recommend to clients!<\/p>\n<p>As I\u2019m working through the new site, I\u2019m culling content from the old one. Some of the revised verbiage includes text about creating maintainable websites. What does that mean, exactly? <strong>Aren\u2019t all websites maintainable?<\/strong><!--more--><\/p>\n<p>Well \u2013 sure they are. But the<em> ease <\/em>of maintaining them can vary a lot.<a href=\"https:\/\/www.marketingforsuccess.com\/blog\/wp-content\/uploads\/2010\/10\/website-maintenence.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright size-full wp-image-6538\" title=\"website maintenence\" src=\"https:\/\/www.marketingforsuccess.com\/blog\/wp-content\/uploads\/2010\/10\/website-maintenence.jpg\" alt=\"website maintenence\" width=\"150\" height=\"98\" \/><\/a><\/p>\n<p>For example\u2026 I\u2019ve recently worked for a client integrating a blog into an existing site. The site is only about 2 years old, but it has a couple of major strikes against it in terms of maintainability.<\/p>\n<p><strong>The site was coded using a layout technique called tables. <\/strong>Tables have been around for a long time, but most professional developers moved away from them in the last several years in favor of CSS (cascading style sheets) for laying out sites.<\/p>\n<p><strong>What\u2019s wrong with tables?<\/strong> One of the biggest problems is the large amount of excess code it adds to each page. Several extra lines of code are added for each bit of content in a table-based layout. For a complex design, this can really add up. It can also impact the speed of a site \u2013 larger pages load more slowly.<\/p>\n<p>Making changes to a table-based site can be frustrating, complicated and slow. Wading through all that extra stuff takes time and it increases maintenance costs, and it\u2019s sure a lot easier to make mistakes when working on one.<\/p>\n<p><strong>The site has a menu that uses images instead of text. <\/strong>Using images for menu links was long considered taboo if you were trying to improve search engine rankings because Google\u2019s bots supposedly couldn\u2019t follow image links. That\u2019s not so much an issue now \u2013 but what was a problem is the enormous amount of code used on my client\u2019s site to \u2018power\u2019 the menu.<\/p>\n<p>To illustrate the difference between a simple text menu (which we could easily make look almost identical to the old image-based menu), I copied and pasted the code into a file for my client to check out. The code to run just the image menu took up over four <em>pages<\/em>. That was a shock to me, because it\u2019s all completely unnecessary. In contrast, the code for the new menu took up about \u00bd of a page.<\/p>\n<p>Removing all that extra code will benefit the site in a few ways; first, it\u2019s a slow site anyway. It\u2019s slow enough that when you run a mouse down the menu, there\u2019s a delay for each menu item while the browser gets the next image from the server.<\/p>\n<p>And maintenance of the menu? If you don\u2019t have the original image files and fonts, you\u2019re out of luck. Each menu button has to be created from scratch, and adding a new button (i.e., a new page on the website) is a minor nightmare.<\/p>\n<p><strong>So what happened with the project?<\/strong><\/p>\n<p>The site is small and the pages are not very complex, so they\u2019ll stay in tables for now. But the client agreed to have us replace the menu with one that looks the same, but uses far less code. Each page on the site will probably be reduced about 60-70% in size which should speed up loading time. Plus, if the client decides to add new pages in the future, it will be an easy task to expand the number of links in the menu.<\/p>\n<p>Ease of maintenance is an idea that doesn\u2019t always pop up in a client\u2019s mind during the web development process. But care \u2013 and a little forethought &#8211; during development can really decrease the time and money a business owner may eventually spend on his or her site down the road.<\/p>\n<p>&#8211; <em>Debbie<\/em><\/p>\n<table style=\"text-align: left;\" border=\"0\" cellspacing=\"8\" cellpadding=\"8\" width=\"450\">\n<tbody>\n<tr>\n<td width=\"450\" height=\"0\" valign=\"top\" bgcolor=\"#ececec\"><strong><a href=\"https:\/\/www.marketingforsuccess.com\/blog\/debbie-campbell\/\">About Debbie Campbell<br \/>\n<\/a><\/strong><a href=\"https:\/\/www.marketingforsuccess.com\/websales.html\"><strong>Related Resources<\/strong><\/a><strong><a href=\"https:\/\/www.marketingforsuccess.com\/blog\/author\/dcampbell\/\"><br \/>\nMore Posts by Debbie Campbell<\/a><\/strong><\/p>\n<p>To discover the easy and inexpensive ways <span style=\"text-decoration: underline;\">anyone can attract more clients and maximize their profits<\/span>, sign up for your<strong> <\/strong><strong><a href=\"https:\/\/www.marketingforsuccess.com\/profitrules-es.html\">FREE <\/a><\/strong><strong><a href=\"https:\/\/www.marketingforsuccess.com\/profitrules-es.html\">Profit Now <\/a><\/strong><strong><a href=\"https:\/\/www.marketingforsuccess.com\/profitrules-es.html\">Report<\/a>. <\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>I\u2019ve just started redesigning my business website \u2013 it\u2019s been about a year and a half since I last did it. One of the main reasons is that most of my work over the last year has involved WordPress projects. I think it\u2019s high time my own website was built in the content management system [&hellip;]<\/p>\n","protected":false},"author":47,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[323],"tags":[331,408,330],"_links":{"self":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/posts\/6536"}],"collection":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/users\/47"}],"replies":[{"embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/comments?post=6536"}],"version-history":[{"count":0,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/posts\/6536\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/media?parent=6536"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/categories?post=6536"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.marketingforsuccess.com\/blog\/wp-json\/wp\/v2\/tags?post=6536"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}