Pb combinaison fichiers JS

majed · #1 2016-07-21 10:32:28 · wordpress, fichiers

Bonjour la communauté,

J'espère que c'est le bon endroit pour poster une telle question ?
Afin d'optimiser la speed d'un site wordpress j'ai pu amélioré pas mal de points, sauf que j'arrive pas à combiner cette fois des fichiers JS (reste 25 en tout quand je fais le test sous tools.pingdom.com)
Au départ j'ai installé WP FASTTEST CACHE ça a marchait sur d'autres sites mais pas celui là
Ensuite j'ai installé W3 TOTAL CACHE pareil sans résultats
Quand je fais à la mano (regrouper les fichiers JS en un seul) pb d'affichage du site

quelqun'un aurait il une solution à ce genre de pb ?

Merci

Edenllau · #2 2016-07-21 15:28:03

Payant, mais je suis un énooorme fan de WP rocket que j'installe partout et qui ne m'a jamais déçu

DevForEver · #3 2016-07-21 15:36:11 · fichiers

regrouper et minifier les librairies en 1 seul fichier devrait marcher, y a pas de raison
Quelle erreur est affichée dans la console lorsque tu lances le site avec le fichier assemblé ?

majed a écrit :

Quand je fais à la mano (regrouper les fichiers JS en un seul) pb d'affichage du site

A la mano peut être dangereux, il suffit d'un caractère en trop ou d'un encodage un peu bof pour que le fichier parte en live.
Que contiennent tes fichiers js, est-ce que ce sont tous des objets JS ?

majed · #4 2016-07-22 09:13:48

@DevForEver : pouvoir récuperer 25 fichier JS et les combiner en un seul (entre plugin et théme) c'est du taf en plus risque d'erreur, je t'ai envoyé l'url en MP
@Edenllau : oui je connais mais payant

DevForEver · #5 2016-07-22 14:06:48 · fichier

Sur un CMS propriétaire, nous utilisons une fonction PHP de rassemblement de JS du style:

//liste des JS à combiner

        $fin = array($_SERVER['DOCUMENT_ROOT'] . '/assets/outer.js',

            $_SERVER['DOCUMENT_ROOT'] . '/assets/cookie.js');

        //fichier JS unique

        $fout = '/cdn/v1.js';

        if (!file_exists($_SERVER['DOCUMENT_ROOT'] . $fout)) {

            require_once $_SERVER['DOCUMENT_ROOT'] . '/core/parser/jsmin.php';

            $jsfunc = '';

            foreach ($fin as $file) {

                $jsfunc.= file_get_contents($file);

            }

            $jsfunc = JSMin::minify($jsfunc);

            $fhandle = @fopen($_SERVER['DOCUMENT_ROOT'] . $fout, 'w');

            if ($fhandle) {

                fwrite($fhandle, trim($jsfunc));

                fclose($fhandle);

            }

        }

jsmin.php: se trouve facilement sur le net.

La fonction ajoute les fichiers JS un à la suite de l'autre puis minifie l'ensemble pour réduire la taille du fichier unique.
Ne sachant pas quel fichier JS sur les 25, bloque la construction du fichier unique, une solution serait d'y aller progressivement, à chaque fois en ajouter 2-3 de plus dans le tableau $fin.

Entre les fonctions inline du code HTML et la lib de loader qui devront rester en fichier à part, à priori toutes les autres libs JS se laissent rassembler dans un fichier unique.

Pb combinaison fichiers JS

#1 2016-07-21 10:32:28 · wordpress, fichiers

Pb combinaison fichiers JS

#2 2016-07-21 15:28:03

Re : Pb combinaison fichiers JS

#3 2016-07-21 15:36:11 · fichiers

Re : Pb combinaison fichiers JS

#4 2016-07-22 09:13:48

Re : Pb combinaison fichiers JS

#5 2016-07-22 14:06:48 · fichier

Re : Pb combinaison fichiers JS

Pied de page des forums