28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Voila, la question que je me pose est assez technique.
Je suis entrain de voir comment optimisez la vitesse de chargement de mes pages. Mais ma question ce pose, après l'étape de "l'allégement" des images.

Pour mes feuilles de styles, j'aime beaucoup avoir plusieurs petites que une seule grosse feuilles, le problème, c'est que plusieurs petites envois plus de requêtes au navigateurs.

Par exemple, entre une page d'accueil avec 5 .css et la même page avec une seule et même css, la page avec une seule .css gagne 1/2 seconde en vitesse de chargement.

Donc, ca vaut le coup. Point faible, la page en question est très volumineuse, et il faut l'avouer un peu moins facilement consultable que des page avec peu de contenu.

Du coup, j'ai trouver un lien concernant une méthode d'optimisation des pages avec .php. Le voici :

http://www.fiftyfoureleven.com/weblog/web-development/css/css-php-organized-optimized#comments

J'ai bien essayer de faire fonctionner cette technique dans mon cas, mais sans succès, (je suis héberger chez OVH). J'aurais aimer savoir si quelqu'un d'entre vous l'utilise ? et si oui, si peut-être vous pourriez m'aider à résoudre le problème.

Voila un peu de code :

.htaccess
AddHandler application/x-httpd-php .css


index.php
<link href="css/index2Fusion.css" rel="stylesheet" type="text/css" />



index2Fusion.css

<?php
header('Content-type: text/css');
include("index2.css");
include("logobanniere.css");
include("login.css");
include("leftbloc2.css");
?>


a noter que mes .css sont contenu dans le même répertoire que le .htaccess et index2Fusion.css

Merci à vous
scouture10 a écrit :
J'ai bien essayer de faire fonctionner cette technique dans mon cas, mais sans succès

C'est à dire?
Qu'est-ce qui marche, qu'est-ce qui ne marche pas?
Et peut-on voir la page?