Gzippé CSS et Javascript par soit même (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 21)
  • Auteur
    Messages
  • #517546
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 3.4.2
    – Version de PHP/MySQL : PHP 5.3.18 / Mysql 5.0.92
    – Thème utilisé : Modularity hautement bidouillé
    – Extensions en place : pas mal
    – Nom de l’hebergeur : 02 switch
    – Adresse du site : http://www.concertsenboite.fr

    Problème(s) rencontré(s) :

    Bonjour,
    Dans un soucis d’accélération du site,je cherche depuis quelques jours à envoyer une version Gzippé de mon CSS et des Javascript.
    02 switch, après discussion, me confirme avoir désactivé cette option :( .

    Mon unique solution, à priori, serait de créer moi même mes .gz de mon Css et des Javascript et de gérer ça par .htaccess en gardant les versionss non zippé pour les navigateurs non compatibles.
    C’est une solution qui me convient, je ne bidouille JAMAIS mon CSS et mes Javascripts !

    Sauf que je n’y arrive pas.

    J’ai bêtement tenté de pointer sur un fichier “.jz.gz” pour au moins avoir une preuve que ça puisse marcher sur un navigateur compatible mais ce n’est pas pris en compte à priori :(

    mes compétences en .htaccess trouvent rapidement leurs limites et j’ai beau prendre des bouts de codes à droite ou à gauche, ben ça ne marche pas !
    A priori j’ai 150 Ko à gagner à la première connexion (c’est ensuite 3 jours en cache), ce n’est pas négligeable.

    Si quelque qu’un peut m’aider, je lui serais éternellement reconnaissant.

    #867216
    Li-An
    Modérateur
    Maître WordPress
    25408 contributions

    Il y a des plugins qui le font assez bien – genre Better WordPress Minify

    #867217
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions
    Li-An wrote:
    Il y a des plugins qui le font assez bien – genre Better WordPress Minify

    Merci pour cette réponse mais ce n’est pas le but recherché. je minify déjà mes CSS (pour les Javascript, j’y arrive pas, plus rien ne marche).

    Je cherche à compresser tout ça en GZIP, ce qui représente la seconde étape

    #867218
    Aphrodite
    Participant
    Maître WordPress
    4739 contributions

    ca c’est le serveur qui gere ca. Donc est ce que le mod gzip est installé sur ton serveur déja, ensuite comment l’activer ? A voir avec ton hébergeur 🙂

    #867219
    Li-An
    Modérateur
    Maître WordPress
    25408 contributions

    J’en apprends tous les jours.
    Je me demande pourquoi 2os l’a désactivé. Mais je ne sais pas si ça va de pénaliser tant que ça. Puisque la création zip est gérée par le serveur, c’est ça ?

    #867220
    Aphrodite
    Participant
    Maître WordPress
    4739 contributions

    ca peut penaliser la rapidité d’affichage, donc l’utilisateur mais surtout google qui prend en compte ce parametre pour son référencement. il aime les sites rapides 🙂

    #867221
    Aphrodite
    Participant
    Maître WordPress
    4739 contributions

    oups trop vite.

    Oui la compression gzip est un module PHP souvent les hébergeurs l’installent mais il n’est pas forcement actif sur le compte d’hébergement, ca reste au choix du client qui l’oublie généralement.

    Ca vaut le coup de verifier aupres de l’hébergeur, car un gzip + un bon plugin de cache (j’utilise quick cache c’est assez radical) a divisé par 4 le temps d’affichage de mes sites. les stats google ont immédiatement remonté….

    #867222
    Li-An
    Modérateur
    Maître WordPress
    25408 contributions

    O2sw n’aime pas beaucoup les plugins de cache. Il considère que le surcoût process pour générer le cache n’en vaut pas la chandelle. Reste à voir avec Google – qui est l’unique réel intéressé. Un bon htaccess va stocker tous les java dans le cache des visiteurs qui n’auront un peu d’attente que lors de la première visite. On parle de 150 ko, ce n’est pas la mer à boire.

    #867223
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions
    Aphrodite wrote:
    ca c’est le serveur qui gere ca. Donc est ce que le mod gzip est installé sur ton serveur déja, ensuite comment l’activer ? A voir avec ton hébergeur 🙂

    Comme O2 switch désactive ce mod et comme mon CSS et les javascripts ne changent pas, au lieu de gzipper par le serveur, je souhaite proposer une version prézippée et une normale et j’imagine que par htaccess ou php je peux contourner le mod manquant.

    Et c’est là que j’ai besoin d’aide

    #867224
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions
    Li-An wrote:
    On parle de 150 ko, ce n’est pas la mer à boire.

    C’est près de 10% de réduction, c’est énorme tant en bande passante qu’en vitesse d’affichage qui donnera envie de se ballader dans le site !

    Et puis j’aime les défis et surtout ne pas baisser les bras à la première difficulté.

    #867225
    Aphrodite
    Participant
    Maître WordPress
    4739 contributions

    justement le gzip peut s’activer via htaccess a voir avec l’hebergeur. Mais cxa ne changerait rien si je comprend bien le gzip zip TOUT lecontnu d’un site, pas un fichier particulier.

    #867226
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Le site concert en boite est “gzippé” actuellement, c’était ce que tu voulais obtenir?

    #867227
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions
    Guy wrote:
    Le site concert en boite est “gzippé” actuellement, c’était ce que tu voulais obtenir?

    Que nenni.
    selon les tests en ligne, les .JS et .CSS ne sont pa Gzippé, uniquement le HTML à priori, ce qui limite l’intérêt.

    Si vous compressez les ressources suivantes à l’aide de gzip, vous pourriez réduire la taille du transfert de 155,2 Ko (réduction de 73 %).
    Si vous compressez http://www.concertsenboite.fr/…/7ccb0895b66e98c58ef6b46ca94c6849.css?…, vous pourriez libérer 50,2 Ko (réduction de 78 %).
    Si vous compressez http://www.concertsenboite.fr/…/jquery-qtip.js, vous pourriez libérer 28,3 Ko (réduction de 75 %).
    Si vous compressez http://www.concertsenboite.fr/…/jquery.cycle.js, vous pourriez libérer 21,2 Ko (réduction de 75 %).
    Si vous compressez http://www.concertsenboite.fr/…/ui.slider.js, vous pourriez libérer 10,5 Ko (réduction de 74 %).
    Si vous compressez http://www.concertsenboite.fr/…/daves-wordpress-live-search.js?…, vous pourriez libérer 9,2 Ko (réduction de 70 %).
    Si vous compressez http://www.concertsenboite.fr/…/excanvas.compiled.js?…, vous pourriez libérer 6,9 Ko (réduction de 61 %).
    Si vous compressez http://www.concertsenboite.fr/…/gdsr.js?…, vous pourriez libérer 6,1 Ko (réduction de 76 %).
    Si vous compressez http://www.concertsenboite.fr/…/hautpage.js, vous pourriez libérer 5 Ko (réduction de 69 %).
    Si vous compressez http://www.concertsenboite.fr/…/jquery-ui-1.7.2.custom.min.js?…, vous pourriez libérer 5 Ko (réduction de 62 %).
    Si vous compressez http://www.concertsenboite.fr/…/spinners.min.js?…, vous pourriez libérer 4,9 Ko (réduction de 62 %).
    Si vous compressez http://www.concertsenboite.fr/…/superfish.js, vous pourriez libérer 2,1 Ko (réduction de 59 %).
    Si vous compressez http://www.concertsenboite.fr/…/jquery.lazyload.mini.js?…, vous pourriez libérer 2,1 Ko (réduction de 72 %).
    Si vous compressez http://www.concertsenboite.fr/…/supersubs.js, vous pourriez libérer 1,7 Ko (réduction de 53 %).
    Si vous compressez http://www.concertsenboite.fr/…/gce-script.js, vous pourriez libérer 902 o (réduction de 55 %).
    Si vous compressez http://www.concertsenboite.fr/…/lazy-widget-loader.js?…, vous pourriez libérer 520 o (réduction de 47 %).
    Si vous compressez http://www.concertsenboite.fr/…/search.js, vous pourriez libérer 439 o (réduction de 56 %).
    Si vous compressez http://www.concertsenboite.fr/…/slider.js, vous pourriez libérer 300 o (réduction de 61 %).

    #867228
    Guy
    Participant
    Maître WordPress
    14817 contributions

    Oui, ton entête HTTP comporte un content-encoding: gzip, ce qui indique que ton serveur peut servir des pages comprimés. Tu pourras donc à priori le configurer dans un .htaccess

    Avec des outils en ligne tel que http://www.webtoolhub.com/tn561386-compression-checker.aspx ou http://www.whatsmyip.org/http-compression-test/ on voit un taux de compression proche de 80% , ca me semble déjà pas mal 🙂

    #867229
    CAMEO172
    Participant
    Maître WordPress
    1395 contributions
    Guy wrote:
    Oui, ton entête HTTP comporte un content-encoding: gzip, ce qui indique que ton serveur peut servir des pages comprimés. Tu pourras donc à priori le configurer dans un .htaccess

    Avec des outils en ligne tel que http://www.webtoolhub.com/tn561386-compression-checker.aspx ou http://www.whatsmyip.org/http-compression-test/ on voit un taux de compression proche de 80% , ca me semble déjà pas mal 🙂

    Original Size: 85.21 KB
    Compressed Size: 17.42 KB
    Data Savings: 79.56%

    ces 80%, c’est je pense la partie .html
    Il y a près de 1 Mo avec les photos, le .CSS et les .JS

    O2switch autorise le Gzip mais à priori uniquement sur le HTML.

    je reste à l’affut de ce gain de 150 Ko qui me ferait gagner encore un peu de temps et rendrait le site plus visible (et mieux noté).

15 sujets de 1 à 15 (sur un total de 21)
  • Vous devez être connecté pour répondre à ce sujet.