Introduction
NitroPack is a popular WordPress optimization plugin that boosts website speed. However, it automatically adds a footer badge linking to NitroPack.io, which many site owners in Melbourne, Australia prefer to remove for a cleaner, more professional look.
Since NitroPack doesn’t provide an official way to disable it, this guide will show you a simple jQuery-based solution to hide the badge without affecting performance.
Why Hide the NitroPack Footer Badge?
- Branding & Aesthetics: It disrupts your website’s clean and professional design.
- SEO Considerations: The badge contains an external link to NitroPack.io, which may impact your website’s authority.
- No Built-in Option: NitroPack does not allow disabling the badge in its settings.
How NitroPack Injects the Badge
NitroPack inserts the footer badge dynamically using JavaScript, placing it within a <template> tag with randomly generated class names.
<span onclick="window.location.href = 'https://nitropack.io/'" class="dTATMQN5uM5k22jZADOkTN1NjTQAYWOlink theme--light"> Automated page speed optimizations </span>
Since class names change dynamically, CSS-only solutions won’t work. Instead, we use a jQuery-based approach to hide the badge.
How to Hide the NitroPack Badge Using jQuery
Here’s a quick and effective jQuery script to hide the NitroPack footer badge.
Code to Hide the Badge:
<script>
jQuery(document).ready(function(){
setTimeout(function(){
var tag_new = jQuery("template").last().attr("id");
console.log(tag_new);
jQuery("#" + tag_new).css("display", "none");
jQuery("#" + tag_new).next().next().css("display", "none");
}, 100);
});
</script>
How This Works:
- Waits 100ms to allow NitroPack to inject the badge.
- Finds the last
<template>tag added to the page. - Hides the template by applying
display: none. - Hides the next two elements to remove the badge completely.
- Logs the template ID for debugging in the console.
With this script, the NitroPack badge will disappear from your website’s front-end, giving it a cleaner look.
Does This Affect SEO?
Hiding the badge with jQuery only removes it from the visible front-end—it does not delete the badge from the page source. Here’s what this means for SEO:
- 🔍 Search engines can still detect the NitroPack badge.
- 🔗 The backlink to NitroPack.io remains in the HTML source code.
- 💡 For complete removal, consider backend modifications.
If SEO is a top priority, consulting a WordPress expert for a custom backend solution may be beneficial.
About Madil.com.au & Muhammad Adil
Madil.com.au is a leading WordPress development and optimization agency in Melbourne, Australia. Founded by Muhammad Adil, an experienced WordPress developer and SEO expert, we specialize in:
- ✅ Custom WordPress Development
- ✅ WooCommerce & Ecommerce Solutions
- ✅ Website Speed Optimization
- ✅ SEO & Performance Enhancements
Serving businesses across Melbourne and Australia, we help ensure your website loads fast and delivers the best user experience.
Need help optimizing your WordPress site? Book a consultation with Adil here!
Final Thoughts
By using this jQuery fix, you can successfully hide the NitroPack badge and maintain a clean, professional design. However, if complete removal (including from the page source) is required, a backend solution is necessary.
For expert WordPress optimization, website speed enhancements, and custom development services, contact Madil.com.au today! 🚀
