---
title: "« Minifier » et regrouper les fichiers CSS"
id: "830"
type: "post"
slug: "minifier-regrouper-fichiers-css-wordpress"
published_at: "2016-04-05T15:26:39+00:00"
modified_at: "2019-08-13T14:53:01+00:00"
url: "https://www.mistersize.com/blog/minifier-regrouper-fichiers-css-wordpress/"
markdown_url: "https://www.mistersize.com/blog/minifier-regrouper-fichiers-css-wordpress.md"
excerpt: "1. Créer le fichier CSS minifié Ici vous allez pouvoir lister les fichiers CSS à minifier, pour les ajouter à votre nouveau fichier css-minify.php : // First of all send css header header(\"Content-type: text/css\"); $url = TEMPLATEPATH . \"/css/\"; //..."
taxonomy_category:
  - "Blog"
taxonomy_post_tag:
  - "WordPress"
---

[j'aime](#partage)
[Commenter](#comments-list)
Taggué dans : [WordPress](https://www.mistersize.com/tag/wordpress/)

## 1. Créer le fichier CSS minifié

Ici vous allez pouvoir lister les fichiers CSS à minifier, pour les ajouter à votre nouveau fichier css-minify.php :

```
// First of all send css header
header("Content-type: text/css");

$url = TEMPLATEPATH . "/css/";
// Array of css files
$css = array(
	$url. 'responsive.css',
	$url. 'custom.css',
	$url. 'comments.css',
	$url. 'wordpress.css'
	
);

// Loop the css Array
foreach ($css as $css_file) {

    // Load the content of the css file 
    $css_content .= file_get_contents($css_file);
}

// Remove comments also applicable in javascript
$css_content = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $css_content);
// Remove space after colons
$css_content = str_replace(': ', ':', $css_content);

// Remove whitespace
$css_content = str_replace(array("\n", "\t", '  ', '    ', '    '), '', $css_content);

// print the css content
echo $css_content;
```

Enregistrez le fichier ci-dessus dans /css/css-minify.php.

## 2. Enregistrer et appeler le fichier généré dans votre thème

```
function mrsize_add_css_styles()
{
		
	if (!current_user_can('update_plugins')) { 
		wp_register_style( 'minify-style', get_template_directory_uri() . '/css/css-minify.php', array(), '1', 'all' );
	} // end if public
} // end function
add_action( 'wp_enqueue_scripts', 'mrsize_add_css_styles', 20, 1 );
```

Voila une méthode simple pour accélérer votre site.

Besoin d’un spécialiste **WordPress** pour votre projet ? [Contactez-moi](https://www.mistersize.com/contact/)