Aide générale » Encodage UTF8

 Le 10/01/2019 à 11h58 m-ickael Avatar  
 


Salut.

Je viens de m'apercevoir (grâce à Myster et son nouveau module), que certains de mes fichiers n'étaient pas en UTF-8 mais en UTF-8 BOM.

Je viens d'encoder tous les .TPL des modules de UTF-8 BOM à UTF-8, mais je constate un ralentissement sur le navigateur EDGE.

Auparavant, quand j'actualisé, j'avais un flash blanc sou EDGE, mais maintenant, en UTF-8, c'est un flash noir, et une page plus longue à s'afficher.

Sous Chrome, ça va, j'ai eu d'un décalage CSS à rectifier (bizarre d'ailleurs, car ce n'est que le texte / code qui est encodé) .. pas de flash cependant.

Je n'ai pas FF, quelqu'un peut me confirmer que c'est OK ?

J'espère que j'ai fais une bêtise en encodant tous les .TPL !

EDIT : On dirait que mes images de fond + bannière mettent du temps à s'afficher .. J'ai tenté de retirer le background image et color, et ça va mieux ! Un soucis de cache sous EDGE ? Y a t-il un moyen de mettre en cache la bannière et le fond du site ?

Merci.



Edité par m-ickael Le 10/01/2019 à 12h03

CsN Fusée


 Le 10/01/2019 à 12h08 Myster Avatar  
 


D'après ce que j'ai pu comprendre c'est une histoire d'image lourde et de requête css, essaye de mettre en dur dans ton html pour voir ? plutôt que dans un fichier css

CsN Mortier


 Le 10/01/2019 à 12h09 m-ickael Avatar  
 


Je suis un peu à l'aise avec le CSS, mais le mettre sous HTML, c'est autre chose :D

A noter que c'est pire sur EDN et ça le fait un poil moins sur phpbt ..



Edité par m-ickael Le 10/01/2019 à 12h12

CsN Fusée


 Le 10/01/2019 à 12h11 Myster Avatar  
 


Bah dans une balise style="background .."

Si par exemple à la base dans ton css c'est

.body

{
background:url('') .....
}

Alors dans la balise body tu ajoutes style="" tu met tout le css de body dedans, et tu le supprime du fichier css (fait une backup avant)

CsN Mortier


 Le 10/01/2019 à 12h17 m-ickael Avatar  
 


J'ai testé, pas trop convaincu .. Et pour la bannière du coup? Car c'est dans header#header ..



Edité par m-ickael Le 10/01/2019 à 12h18

CsN Fusée


 Le 10/01/2019 à 12h21 Myster Avatar  
 


Pour le header c'est pareil dans header, ou sinon dans une balise qui à id="header" il me semble

CsN Mortier


 Le 10/01/2019 à 12h30 m-ickael Avatar  
 


Oui, j'ai fini par trouver :)

on gagne pas mal, mais ça fait encore un petit flash .. Mais c’est mieux ! Après est-ce que ça vaut le coup de modifier mes fichiers ? Telle est la question :D

CsN Fusée


 Le 10/01/2019 à 12h39 m-ickael Avatar  
 


Du coup, je vais laisser comme ça, et je me suis laissé une note pour ne pas oublier les manips effectuées

Code HTML :
<!-- A replacer id="header" dans le header si changement de css dans design.css . Suppression du style au complet si c'est le cas -->
    <header style="background-image: url({PATH_TO_ROOT}/templates/{THEME}/theme/images/header.jpg);
      background-position : 50% 20px;
      height: 280px;
      border-bottom: 4px solid #fbfbfb;
          box-shadow: 0px 4px 14px #555;">


J'ai fais une "sauvegarde" des lignes css importantes :

Code CSS :
/* @media (min-width: 980px) {
    header#header {
      background-image: url(images/header.jpg);
      background-position : 50% 20px;
      height: 280px;
      border-bottom: 4px solid #fbfbfb;
          box-shadow: 0px 4px 14px #555;
    }  
}
 
@media (max-width: 979px) {
    header#header {
      background-image: url(images/header-mobile.jpg);
      background-position : 50%;
      height: 280px;
      border-bottom: 8px solid #3d71a9;
      box-shadow: 0px 4px 10px #aaa;
    }  
} */


Pas d'affichage mobile par contre ! Mais c'est pas grave, ça s'assemble plutôt bien.



Edité par m-ickael Le 10/01/2019 à 12h41

CsN Fusée


 Le 10/01/2019 à 12h46 Myster Avatar  
 


D'accord :)

CsN Mortier


 Le 10/01/2019 à 12h51 Myster Avatar  
 


Sinon j'ai vu un truc sur le net pour fixer le "flash"

Code CSS :
 
    -webkit-backface-visibility: hidden; 
    -webkit-transform: scale(1); 
 


Essaye tu verras bien si ça marche je sais pas du tout :)



Edité par Myster Le 10/01/2019 à 12h52

CsN Mortier


 Le 10/01/2019 à 12h55 Swan Avatar  
 


Hum .. j'avais pas de soucis particulier avec l'affichage de ton site Mika ^^


Administrateur


 Le 10/01/2019 à 13h12 m-ickael Avatar  
 


Myster:
Sinon j'ai vu un truc sur le net pour fixer le "flash"

Code CSS :
 
    -webkit-backface-visibility: hidden; 
    -webkit-transform: scale(1); 
 


Essaye tu verras bien si ça marche je sais pas du tout :)


Je met ça où dans le CSS ?

Swan :

C'est pas un soucis d'affichage, mais chargement de page sous EDGE .. Les images mettent du temps.



Edité par m-ickael Le 10/01/2019 à 13h12

CsN Fusée


 Le 10/01/2019 à 13h22 m-ickael Avatar  
 


J'ai fais ceci, mai ça ne change rien :

Code CSS :
body {
    position: relative;
    height: auto;
    min-height: 100%;
    background-image: url(images/background-2019.jpg);
        -webkit-backface-visibility: hidden; 
        -webkit-transform: scale(1); 
    color: #000;
    font-size: 1.48em;
        font-family: 'Nunito', sans-serif;        
}


C'est peut-être pas comme ça qu'il faille faire .. Je ne connais pas ces lignes ..

CsN Fusée


 Le 10/01/2019 à 13h24 Myster Avatar  
 


Hello,

Une autre alternative (J'ai pas testé)

Il parraît que mettre un background:#CEQUETUVEUXCOMMECOULEUR dans

html{

}

Ca résout le problème je suis pas sûr de ça mais bon qui tente rien n'a rien comme on dit ! :)

CsN Mortier


 Le 10/01/2019 à 13h28 m-ickael Avatar  
 


Il parait que ça ne fait rien du tout :D

mais merci de ton implication :top

CsN Fusée


 Le 10/01/2019 à 13h30 Myster Avatar  
 


Il dois bien y avoir une solution à ce problème, mais laquelle, après en soit c'est pas très gênant mais quand même ..

CsN Mortier


 Le 10/01/2019 à 13h38 m-ickael Avatar  
 


Ce n'est que sous edge .. Et tout le monde est impacté .. C'est gênant pour ceux qui sont sous edge, sinon non.

CsN Fusée


 Le 10/01/2019 à 14h09 Myster Avatar  
 


Juste pour tester essaye ça :

<meta http-equiv="Page-Enter" content="blendTrans(duration=0.0)" />


Et dis moi si ça fonctionne

CsN Mortier


 Le 10/01/2019 à 14h12 Myster Avatar  
 


Et si ça fonctionne pas essaye ça

Code CSS :
 
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
} 
 


Code JS :
<script type="text/javascript">
try {
document.execCommand('BackgroundImageCache', false, true);
}
catch(e) {};
</script>
 


Soit le css ou les deux en même temps je sais plus ^^

CsN Mortier


Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie
Qui est en ligne ?

Qui est en ligne ?

Au total il y a 1 Utilisateur en ligne :: 0 Administrateur, 0 Modérateur, 0 Membre et 1 Visiteur
( basées sur les utilisateurs actifs des 5 dernières minutes )
Utilisateur en ligne: Aucun membre connecté

Membres connectés au cours des dernières 24 heures:

Swan, m-ickael,

Légende

 [ Administrateur(s) ]   [ Modérateur(s) ]   [ Helpers]   [ WebDesigner(s) ]   [ Membres ]