{"id":59,"date":"2021-11-09T13:11:07","date_gmt":"2021-11-09T13:11:07","guid":{"rendered":"https:\/\/rabbitloader.com\/kb\/?p=59"},"modified":"2024-04-09T16:31:44","modified_gmt":"2024-04-09T16:31:44","slug":"new-errors-with-rabbit-loader","status":"publish","type":"post","link":"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/","title":{"rendered":"I see new errors that were not before"},"content":{"rendered":"\n<p>Rabbit Loader modifies the webpage&#8217;s original HTML structure before serving to the visitor to tune resource loading and boost PageSpeed score by improving Core Web Vitals. Though our algorithm is sophisticatedly designed to be compatible with existing components of the website, modifying the original HTML can raise new issues that were not there before.<\/p>\n\n\n\n<p>In any case, as the original HTML is hidden behind the optimization layer, and not exposed to visitors, at times it can raise concern if there are any issues with the webpage. When the development team is debugging, they need to have a clear idea of whether the issue observed is from the origin or because of the Rabbit Loader layer.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_65 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\">Page Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#things_you_should_try\" title=\"Things you should try\">Things you should try<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#bypassing_rabbit_loader\" title=\"Bypassing Rabbit Loader\">Bypassing Rabbit Loader<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#validate_the_html_markup\" title=\"Validate the HTML markup\">Validate the HTML markup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#browsers_console_errors\" title=\"Browser&#8217;s Console Errors\">Browser&#8217;s Console Errors<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#turn_off_javascriptcss_minification\" title=\"Turn off JavaScript\/CSS minification\">Turn off JavaScript\/CSS minification<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#turn_on_%e2%80%98me_mode\" title=\"Turn on &#8216;Me&#8217; mode\">Turn on &#8216;Me&#8217; mode<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#known_issues\" title=\"Known Issues\">Known Issues<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rabbitloader.com\/kb\/new-errors-with-rabbit-loader\/#1_w3c_markup_validation\" title=\"1. W3C Markup Validation\">1. W3C Markup Validation<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"things_you_should_try\"><\/span>Things you should try<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"bypassing_rabbit_loader\"><\/span>Bypassing Rabbit Loader<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>By adding the &#8216;?norl=1&#8217; parameter to any URL, you can see if the issue is still there. If so, it is certainly coming from the origin. Let&#8217;s see a few examples-<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Public URL (optimized)<\/strong><\/td><td><strong>URL parameter to skip optimization<\/strong><\/td><\/tr><tr><td>https:\/\/example.com<\/td><td>https:\/\/example.com\/?norl=1<\/td><\/tr><tr><td>https:\/\/example.com\/?foo=bar<\/td><td>https:\/\/example.com\/?foo=bar&amp;norl=1 <\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">URL examples to access the unoptimized version<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"validate_the_html_markup\"><\/span>Validate the HTML markup<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Validation of the original HTML markup ensures that there are no issues at the origin side. The validation can be easily done using the W3C tool available completely free.<\/p>\n\n\n\n<p>Go to https:\/\/validator.w3.org\/ and enter the website&#8217;s URL with RabbitLoader bypassed (just explained above). Once the result appears, you can ignore the &#8220;warning&#8221; and &#8220;info&#8221; messages and just focus on the &#8220;error&#8221; messages.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"666\" src=\"https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/w3c-html-validation-1024x666.png\" alt=\"w3c-html-validation\" class=\"wp-image-641\" srcset=\"https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/w3c-html-validation-1024x666.png 1024w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/w3c-html-validation-300x195.png 300w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/w3c-html-validation-768x499.png 768w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/w3c-html-validation.png 1486w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"93\" src=\"https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2023\/09\/image-1024x93.png\" alt=\"\" class=\"wp-image-564\" srcset=\"https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2023\/09\/image-1024x93.png 1024w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2023\/09\/image-300x27.png 300w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2023\/09\/image-768x70.png 768w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2023\/09\/image-1536x140.png 1536w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2023\/09\/image.png 1562w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>There are some common issues observed, and you can look for these messages in the report-<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Bogus comment<\/strong> &#8211; When the HTML comment <a href=\"https:\/\/blog.christosoft.de\/2015\/04\/html5-bogus-comment\/\">dashes are not properly typed<\/a>. <\/li>\n\n\n\n<li><strong>Stary start tag<\/strong> &#8211; Indicates that the HTML structure is not followed. For example, when there are two HEAD or two BODY tags found in the HTML, this error may come.<\/li>\n\n\n\n<li><strong>Stray end tag<\/strong> &#8211; Indicates that some HTML elements are closed multiple times.<\/li>\n\n\n\n<li>Start tag &#8220;body&#8221; seen but an element of the same type was already open.<\/li>\n\n\n\n<li>End tag &#8220;<em>nav<\/em>&#8221; seen, but there were open elements. [In place of &#8220;<em>nav<\/em>&#8221; there can be other elements]<\/li>\n\n\n\n<li>Unclosed element &#8220;<em>div<\/em>&#8220;. [In place of &#8220;<em>div<\/em>&#8221; there can be other elements]<\/li>\n<\/ol>\n\n\n\n<p>The presence of any of the above messages in the report indicates that the HTML is broken and needs to be corrected.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"browsers_console_errors\"><\/span>Browser&#8217;s Console Errors<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you see any error in the browser&#8217;s console, you can verify the cause of the error by bypassing the Rabbit Loader optimization layer as explained above. It will give you a fair idea of the issue before reaching out to the support team.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"turn_off_javascriptcss_minification\"><\/span>Turn off JavaScript\/CSS minification<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>It may happen that code minification is causing new issues. This can be verified by<a href=\"https:\/\/rabbitloader.com\/kb\/minify-html-css-javascript\/\" target=\"_blank\" rel=\"noreferrer noopener\"> turning off the code minification<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"turn_on_%e2%80%98me_mode\"><\/span>Turn on &#8216;Me&#8217; mode<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>By turning on the &#8216;Me&#8217; mode, only you can see the optimized version of the website. This is helpful for testing even production websites. By enabling &#8216;Me&#8217; mode, only you can see the optimized version of the website by appending &#8216;?rltest=1&#8217; to the URLs.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/me-mode-1024x536.jpg\" alt=\"me-mode\" class=\"wp-image-341\" srcset=\"https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/me-mode-1024x536.jpg 1024w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/me-mode-300x157.jpg 300w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/me-mode-768x402.jpg 768w, https:\/\/rabbitloader.com\/kb\/wp-content\/uploads\/2021\/11\/me-mode.jpg 1142w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">RabbitLoader WordPress Me mode<\/figcaption><\/figure>\n<\/div>\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"How to Activate &#039;Me&#039; Mode on RabbitLoader?\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/ol4nuYuYTeM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"known_issues\"><\/span>Known Issues<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_w3c_markup_validation\"><\/span>1. W3C Markup Validation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>As Rabbit Loader temporarily modifies a few attributes to control resource loading, <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noreferrer noopener\">W3C Markup Validator<\/a> can raise flags when validating the modified markup as some of the attributes&#8217; values are not recognized as standard HTML definition. However, as the sole purpose of W3C validation is to catch unintended mistakes and ensure your page&#8217;s structure is proper, you can validate your original HTML by appending the bypass parameter as explained above.<\/p>\n\n\n\n<p>Feel free to contact RabbitLoader support if any help is required.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Rabbit Loader modifies the webpage&#8217;s original HTML structure before serving to the visitor to tune resource loading and boost PageSpeed score by improving Core Web Vitals. Though our algorithm is sophisticatedly designed to be compatible with existing components of the website, modifying the original HTML can raise new issues that were not there before. In [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-59","post","type-post","status-publish","format-standard","hentry","category-troubleshooting"],"_links":{"self":[{"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/posts\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":9,"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/posts\/59\/revisions"}],"predecessor-version":[{"id":676,"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/posts\/59\/revisions\/676"}],"wp:attachment":[{"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/media?parent=59"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/categories?post=59"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rabbitloader.com\/kb\/wp-json\/wp\/v2\/tags?post=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}