Dear Developers, Stop Loading Admin Scripts & Styles On Every Page
Simple Way to Load a CSS File
This is a simple way of loading CSS files that almost everyone uses because it is super easy.function load_custom_wp_admin_style() {
wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
wp_enqueue_style( 'custom_wp_admin_css' );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );
This method sucks because if you have an incredibly simple plugin that doesn't need to be used on any page, except the options panels; then you just loaded a CSS sheet on every... single... page. This example is nearly identical for JavaScript files.
The Better Way to Load CSS Files
Now we are going to load this CSS sheet on a specific plugin's page within the admin panel.function load_custom_wp_admin_style($hook) {
// Load only on ?page=mypluginname
if($hook != 'toplevel_page_mypluginname') {
return;
}
wp_enqueue_style( 'custom_wp_admin_css', plugins_url('admin-style.css', __FILE__) );
}
add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' );
The above code can also be adopted for themes by changing the hook URL. Additionally, this can also be applied to JavaScript files. While the above code is a solid way to fix the issue, it is something that shouldn't need to be fixed in the first place.
What are your thoughts on the above issue is it something that should be fixed?
Scott Hartley
Founder & CEO, Sert Media
Founder and CEO of Sert Media, a Nashville-based digital marketing agency. Scott has spent over 15 years helping businesses grow through SEO, web performance optimization, and strategic digital marketing. His deep expertise in WordPress development, site speed, and technical SEO has guided hundreds of brands toward measurable results. When he's not auditing Core Web Vitals or refining campaign strategies, he's writing about the tools, techniques, and trends shaping the modern web.
Related Articles
How to Add Security Headers to WordPress Using Cloudflare Transform Rules
If you've ever run your WordPress site through securityheaders.com and gotten a D or F…
Use This Cloudflare Rule To Reduce Plugin Hack Attempts
Cloudflare Firewall Rules give you a lot of flexibility in further protecting your website. Here…
Set Up Cloudflare's Automatic Platform Optimization Feature
Automatic Platform Optimization (APO) is a new feature from Cloudflare that allows you to cache…