{"id":662,"date":"2012-03-19T09:00:33","date_gmt":"2012-03-19T09:00:33","guid":{"rendered":"http:\/\/pingler.com\/blog\/?p=662"},"modified":"2014-08-19T19:21:09","modified_gmt":"2014-08-19T19:21:09","slug":"the-basics-of-html-optimisation","status":"publish","type":"post","link":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/","title":{"rendered":"The Basics of HTML Optimisation"},"content":{"rendered":"<p><a href=\"http:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/html-optimisation-2.jpg\" data-wpel-link=\"internal\"><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-medium wp-image-5800\" src=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s-300x200.jpg\" alt=\"Optimize Highlight\" width=\"300\" height=\"200\" srcset=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s-300x200.jpg 300w, https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg 450w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>Anyone who is a code junkie knows that upon opening and viewing the source code for any particular site, it is traditionally filled with redundancies and extra pieces of code that simply are not needed. \u00a0The extra code results in a page having extra commands and therefore being \u201cbulkier\u201d than a site that has undergone the procedure of HTML optimisation, also sometimes referred to as client-side optimisation. \u00a0Each and every webmaster should consider the following pieces of information when designing his or her site so that the overall template and structure can be as efficient (fast) as possible.<\/p>\n<p><strong>The Most Common Culprits<\/strong><\/p>\n<p>Throughout the process of designing a HTML website, there are some common instances in which unnecessary or redundant pieces of code find themselves strewn about. \u00a0One example is the old-school HTML comment forms (&lt;!&#8211;, \u2192) that are often left in script blocks. \u00a0These are not needed by modern browsers and therefore should be removed. \u00a0Often used side-by-side with the comment pieces is the &lt;!CDATA \u2026 &gt; tag as well as many of the \u201conclick=\u201d functions that are added for mouse over changes and other javascript functions. \u00a0In the vast majority of instances, all of these types of HTML code are outdated and therefore not needed in your site&#8217;s newly-optimised layout.<\/p>\n<p><strong>Making the Appropriate Changes<\/strong><\/p>\n<p>Sometimes, our code is correctly placed in terms of meaning, but the actual line of code itself may be antiquated or less efficient than other forms. \u00a0A great example of this is the difference between the &lt;b&gt; code and the &lt;strong&gt; code. \u00a0For example, the &lt;b&gt; code changes the appearance of text and makes it far easier to read, but the &lt;em&gt; code does all of that plus gives search engines the cue that this particular piece of text is more important than the surrounding text and therefore deserves greater indexing influence.<\/p>\n<p><strong>Why Is HTML Optimisation Important?<\/strong><\/p>\n<p>There are a plethora of reasons to have your HTML code properly optimised, with one of the most obvious aspects pertaining to the ability for search engines and bots to locate and index the site. \u00a0What happens, however, when an individual using a mobile device comes to your site and is appalled to see slow loading times and inefficient formatting on their screen? \u00a0HTML optimisation is necessary as we begin to see a greater percentage of individuals browsing the web from their mobile devices. \u00a0HTML optimisation not only makes pages appear properly on mobile devices but it also reduces the amount of code and therefore, reduces the total loading size of any given page.<\/p>\n<p><strong>How to Optimise in a Flash<\/strong><\/p>\n<p>There are plenty of ways to optimise: you can go through, line-by-line, and remove\/alter the pieces of code that need to be changed or deleted. \u00a0There are also many tools available, such as <a href=\"..\/..\/seo-tools\/html-optimizer\/\" data-wpel-link=\"internal\">Pingler&#8217;s\u00a0 HTML Optimizer Tool,<\/a> that can be used to insert HTML source code into and achieve a more efficient, optimised result. \u00a0While some coding tools out there do not take into account all of the optimisations available and some even make the code less efficient, Pingler&#8217;s tool is designed with all of this in mind and gives you perfectly-formatted code each time.<\/p>\n<p><i><html><br \/>\n\t<head><br \/>\n\t\t<title><\/title><br \/>\n\t<\/head><br \/>\n\t<body><\/p>\n<p style=\"text-align: center;\">\n\t\t\t<a href=\"http:\/\/www.pingler.com\/account\/register\/\" data-wpel-link=\"external\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/www.pingler.com\/affiliates\/banners\/Pingler-468x60-01A.gif\" style=\"width: 468px; height: 60px;\" \/><\/a><\/p>\n<p>\t<\/body><br \/>\n<\/html><\/i><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Anyone who is a code junkie knows that upon opening and viewing the source code for any particular site, it is traditionally filled with redundancies and extra pieces of code that simply are not needed. \u00a0The extra code results in a page having extra commands and therefore being \u201cbulkier\u201d than a site that has undergone [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":5800,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,25],"tags":[170,202],"class_list":["post-662","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-plugins-and-tools","tag-html","tag-html-optimisation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>The Basics of HTML Optimisation - Pingler Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The Basics of HTML Optimisation - Pingler Blog\" \/>\n<meta property=\"og:description\" content=\"Anyone who is a code junkie knows that upon opening and viewing the source code for any particular site, it is traditionally filled with redundancies and extra pieces of code that simply are not needed. \u00a0The extra code results in a page having extra commands and therefore being \u201cbulkier\u201d than a site that has undergone [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/\" \/>\n<meta property=\"og:site_name\" content=\"Pingler Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/facebook.com\/pinglerdotcom\" \/>\n<meta property=\"article:published_time\" content=\"2012-03-19T09:00:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-08-19T19:21:09+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"450\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pingler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pingler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/\"},\"author\":{\"name\":\"Pingler\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9\"},\"headline\":\"The Basics of HTML Optimisation\",\"datePublished\":\"2012-03-19T09:00:33+00:00\",\"dateModified\":\"2014-08-19T19:21:09+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/\"},\"wordCount\":542,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/pingler.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg\",\"keywords\":[\"HTML\",\"HTML Optimisation\"],\"articleSection\":[\"General\",\"Plugins and Tools\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/\",\"url\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/\",\"name\":\"The Basics of HTML Optimisation - Pingler Blog\",\"isPartOf\":{\"@id\":\"https:\/\/pingler.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg\",\"datePublished\":\"2012-03-19T09:00:33+00:00\",\"dateModified\":\"2014-08-19T19:21:09+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage\",\"url\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg\",\"contentUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg\",\"width\":450,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pingler.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Basics of HTML Optimisation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pingler.com\/blog\/#website\",\"url\":\"https:\/\/pingler.com\/blog\/\",\"name\":\"Pingler.com\",\"description\":\"Ping\",\"publisher\":{\"@id\":\"https:\/\/pingler.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pingler.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pingler.com\/blog\/#organization\",\"name\":\"Pingler.com\",\"url\":\"https:\/\/pingler.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg\",\"contentUrl\":\"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg\",\"width\":300,\"height\":160,\"caption\":\"Pingler.com\"},\"image\":{\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"http:\/\/facebook.com\/pinglerdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9\",\"name\":\"Pingler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pingler.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g\",\"caption\":\"Pingler\"},\"sameAs\":[\"http:\/\/www.pingler.com\"],\"url\":\"https:\/\/pingler.com\/blog\/author\/pingler\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The Basics of HTML Optimisation - Pingler Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/","og_locale":"en_US","og_type":"article","og_title":"The Basics of HTML Optimisation - Pingler Blog","og_description":"Anyone who is a code junkie knows that upon opening and viewing the source code for any particular site, it is traditionally filled with redundancies and extra pieces of code that simply are not needed. \u00a0The extra code results in a page having extra commands and therefore being \u201cbulkier\u201d than a site that has undergone [&hellip;]","og_url":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/","og_site_name":"Pingler Blog","article_publisher":"http:\/\/facebook.com\/pinglerdotcom","article_published_time":"2012-03-19T09:00:33+00:00","article_modified_time":"2014-08-19T19:21:09+00:00","og_image":[{"width":450,"height":300,"url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg","type":"image\/jpeg"}],"author":"Pingler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pingler","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#article","isPartOf":{"@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/"},"author":{"name":"Pingler","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9"},"headline":"The Basics of HTML Optimisation","datePublished":"2012-03-19T09:00:33+00:00","dateModified":"2014-08-19T19:21:09+00:00","mainEntityOfPage":{"@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/"},"wordCount":542,"commentCount":1,"publisher":{"@id":"https:\/\/pingler.com\/blog\/#organization"},"image":{"@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage"},"thumbnailUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg","keywords":["HTML","HTML Optimisation"],"articleSection":["General","Plugins and Tools"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/","url":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/","name":"The Basics of HTML Optimisation - Pingler Blog","isPartOf":{"@id":"https:\/\/pingler.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage"},"image":{"@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage"},"thumbnailUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg","datePublished":"2012-03-19T09:00:33+00:00","dateModified":"2014-08-19T19:21:09+00:00","breadcrumb":{"@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#primaryimage","url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg","contentUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2012\/03\/26507816_s.jpg","width":450,"height":300},{"@type":"BreadcrumbList","@id":"https:\/\/pingler.com\/blog\/the-basics-of-html-optimisation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pingler.com\/blog\/"},{"@type":"ListItem","position":2,"name":"The Basics of HTML Optimisation"}]},{"@type":"WebSite","@id":"https:\/\/pingler.com\/blog\/#website","url":"https:\/\/pingler.com\/blog\/","name":"Pingler.com","description":"Ping","publisher":{"@id":"https:\/\/pingler.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pingler.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pingler.com\/blog\/#organization","name":"Pingler.com","url":"https:\/\/pingler.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg","contentUrl":"https:\/\/pingler.com\/blog\/wp-content\/uploads\/2024\/09\/pingler-logo.jpg","width":300,"height":160,"caption":"Pingler.com"},"image":{"@id":"https:\/\/pingler.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/facebook.com\/pinglerdotcom"]},{"@type":"Person","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/4995c81e4dee73f9670af7fd1e1529b9","name":"Pingler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pingler.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db71def0321a21d7d90da93e8a25172df87a2673a1d70d32d64cc075558a9597?s=96&d=mm&r=g","caption":"Pingler"},"sameAs":["http:\/\/www.pingler.com"],"url":"https:\/\/pingler.com\/blog\/author\/pingler\/"}]}},"_links":{"self":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":4,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/662\/revisions"}],"predecessor-version":[{"id":5801,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/posts\/662\/revisions\/5801"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/media\/5800"}],"wp:attachment":[{"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/media?parent=662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/categories?post=662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pingler.com\/blog\/wp-json\/wp\/v2\/tags?post=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}