WP-Mix

A fresh mix of code snippets and tutorials

Set X-UA-Compatible via .htaccess

It’s relatively well known that you can set X-UA-Compatible headers with HTML.. here is how to do it with a bit of .htaccess.

Let’s say you have this defined in the head section of your web pages:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

That method works fine, but it’s also possible to set X-UA-Compatible headers via .htaccess, which can help to decrease page load times and shave off a little bandwidth.

Just add the following slice to root .htaccess:

<FilesMatch "\.(htm|html|php)$">
	<IfModule mod_headers.c>
		Header set X-UA-Compatible "IE=Edge,chrome=1"
	</IfModule>
</FilesMatch>

Of course you can change IE=Edge,chrome=1 to whatever is required. Compare with the HTML meta tag to better see what’s what. Also, remember to edit the FilesMatch directive to suit your needs.

Learn more

.htaccess made easyWizard’s SQL Recipes for WordPress