Ralentissement de l'affichage des images du forum sous mozilla

[Sophi@]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : Une semaine ou deux
Lien du forum : http://dmthbegins.forumactif.org

Description du problème

Hello,

Ce problème se manifeste sous Mozilla uniquement, j'ai testé sous Safari et j'ai pas ce problème, les membres ayant manifesté un soucis avec un ralentissement du forum ne l'ont connu que sur Mozilla.

A noter que sur mes deux forums ce problème est présent :
http://perditioncity.forumactif.org & http://dmthbegins.forumactif.org
Et que j'ai ce même ralentissement dans l'affichage du forum et de ses images sur les autres forums où je suis inscrite. Plus le forum a des images, plus le ralentissement est important.

Merci d'avance pour votre aide.

[Neptunia]

Bonjour ^^


Personnellement j'utilise aussi Firefox et n'ai aucun problème si ce n'est que les deux fora mentionnés ont une page d'accueil extrêmement chargée

8.4 mégaoctets pour http://perditioncity.forumactif.org/ dont 2 images de 2 mo chacune et une vidéo de 1 mo.

17.8 mégaoctets pour http://dmthbegins.forumactif.org/ dont 7 images de plus de 1 mo chacune (dont 6 gifs), et 5 de 500 ko à 1 mo.

Félicitations ! Avec plus de 60 secondes de temps de chargement, ce forum est plus rapide que 3% des sites testés.
https://tools.pingdom.com/#!/Rgn38/http://dmthbegins.forumactif.org/

Il vous faudrait sérieusement songer à optimiser vos images, voire les supprimer. Le gif animé à trop forte dose nuit au chargement de vos pages, et nuit à votre référencement.

---

A titre de comparaison
- L'index du forum des forums charge en 1.58 seconde ses 834 ko
- Mon forum, qui est en https donc un poil plus lent charge 1.1 mégaoctets en 1.5 seconde pile avec de nombreuses images.
- La page d'accueil de Bing charge aussi 1.1 mo en 411 millisecondes.
- La page d'accueil de Google, 3 fois plus légère que celle de son concurrent Microsoft met le double de temps avec 848 ms.

[Sophi@]

Hello,

Alors précision apportée par mes membres c'est le chargement des smileys qui pose problème et est anormalement long.
Ce ralentissement est inhabituel, d'ordinaire le forum met un peu de temps à charger si on ne s'y est jamais connecté mais normalement le navigateur enregistre les images et ne les charge pas à chaque fois. Sauf que là, ça mouline.
Enfin là, je suis co au taff et ça mouline plus, mais j'imagine que ça va mouliner chez moi à nouveau.
Ça le fait chez des gens sous chrome comme sous mozilla.

Note pour les gif, on les retira à la prochaine maj du design. Par contre réduire le poids des images donne des images de mauvaises qualités... donc ça va être compliqué de trop réduire.

[Neptunia]

Note pour les gif, on les retira à la prochaine maj du design. Par contre réduire le poids des images donne des images de mauvaises qualités... donc ça va être compliqué de trop réduire.

Pour du jpeg, vous pouvez perdre facilement les 3/4 du poids initial sans aucune perte visuelle de qualité.

Un exemple d'image en 1920*1080





Une image a perdu 60% de son poids et en cliquant sur chaque, vous pouvez juger par vous-même en plein écran.

Maintenant si je reprends vos deux gifs qui consomment beaucoup sur "Les âmes mortes" l'un est affiché au 16e de sa taille initiale, l'autre au 9e. Mais comme vous utilisez toujours de grandes images elles sont respectivement 16 et 9 fois plus longues à charger.

J'ai effectivement remarqué hier que ce qui venait d'imgfast (avatars et émoticones) mettait un certain temps à charger mais le pire ne vient pas de là mais de imgbox.com et tumblr.

Vous avez aussi des URL imaginaires qui ne vont pas arranger les choses
http://dmthbegins.forumactif.org/URL_IMAGE_0
http://dmthbegins.forumactif.org/URL_IMAGE_1
http://dmthbegins.forumactif.org/URL_IMAGE_2
http://dmthbegins.forumactif.org/URL_IMAGE_3
http://dmthbegins.forumactif.org/URL_IMAGE_4
http://dmthbegins.forumactif.org/URL_IMAGE_5

Et surtout vous avez tout de même 232 requêtes pour cette page ce qui est le quadruple de ce que j'avais constaté ailleurs. Vous avez par exemple 6 requêtes pour charger des polices de caractères.

Je ne dis pas que imgfast et/ou Servimg sont parfaits, mais ce qui est certain, c'est que vous avez de nombreuses pistes à explorer pour optimiser votre forum avant d'aller incriminer tel ou tel hébergeur.

En tout cas concernant imgfast, ce qui plombe le chargement de la ressource n'est pas l'accès au site (contrairement à imgbox.com) mais l'attente (sur l'index vos ressources imgfast chargent en 0.33 seconde chacune dont environ 0.25s d'attente. En clair vous utilisez un hébergeur que tous les fora utilisent et vous devez attendre votre tour, d'autant plus que vous envoyez de nombreuses requêtes en même temps au même site. Sur l'index il n'y en a que 5, mais je n'ose pas imaginer ce que ça donne sur les sujets.
On remarque d'ailleurs cette latence lorsque l'on ouvre la première fois la boîte d'émoticônes dans la réponse rapide (et chez moi j'ai le souci avec le bouton des emojis Twitter (qui propose un millier d'émoticônes)

[Sophi@]

Alors à l'affichage sur un écran 27pouce mac, je vois la différence mais effectivement y'a moyen je pense de réduire le poids des images. Déjà toutes sont en PNG donc plus lourdes qu'en jpeg.
Par contre les gifs animés en affichage réduit, comme on en a sur les signatures de certains de nos membres ne paraissent pas mettent de temps à charger. Et autant retirer les gif de mon design ok mais forcer les membres à le faire moins.

Par contre c'est quoi ces URL imaginaires ?
Je capte pas d'où elles viennent.

Et surtout vous avez tout de même 232 requêtes pour cette page ce qui est le quadruple de ce que j'avais constaté ailleurs. Vous avez par exemple 6 requêtes pour charger des polices de caractères.

Alors pour les polices oui on a utilisés des polices proposées par Google, par contre les 232 requêtes c'est quoi ?

Par contre même si j'écoute les conseils pour alléger notre forum, il faut bien comprendre que ce ralentissement dont je parles est très récent ! Nous n'avons pas changé notre design ni rien en terme d'images depuis décembre, or on a remarqué et nos membres aussi un fort ralentissement, général sur le forum, en particulier dans l'affichage des smiley, depuis une semaine environ. Ce ralentissement n'est pas présent le reste du temps.

Evidemment j'ai conscience qu'on a beaucoup d'images, mais pas forcément plus qu'une page tumblr ou facebook qui chez moi s'affichent bien plus rapidement en comparaison du forum, et encore une fois, c'est très récent.

Par contre imgfast on peut pas changer cet hébergeur, on est bien d'accord ? C'est celui utilisé de base par les smileys sur les forumactifs ? J'avoue qu'on en a beaucoup, ça doit pas arranger les choses, mais d'ordinaire ça posait pas de soucis plus que cela.

[orpheus]

Hello,

Alors précision apportée par mes membres c'est le chargement des smileys qui pose problème et est anormalement long.
Ce ralentissement est inhabituel, d'ordinaire le forum met un peu de temps à charger si on ne s'y est jamais connecté mais normalement le navigateur enregistre les images et ne les charge pas à chaque fois. Sauf que là, ça mouline.
Enfin là, je suis co au taff et ça mouline plus, mais j'imagine que ça va mouliner chez moi à nouveau.
Ça le fait chez des gens sous chrome comme sous mozilla.

Note pour les gif, on les retira à la prochaine maj du design. Par contre réduire le poids des images donne des images de mauvaises qualités... donc ça va être compliqué de trop réduire.

Votre problème ressemble beaucoup à celui-ci.
Si c'est bien le même, je vous invite à patienter le temps que Forumactif puisse éventuellement solutionner le problème.

[Neptunia]

Alors à l'affichage sur un écran 27pouce mac, je vois la différence mais effectivement y'a moyen je pense de réduire le poids des images. Déjà toutes sont en PNG donc plus lourdes qu'en jpeg.

Ah bon ? Du coup vous voyez la deuxième image de moins bonne qualité que la première, c'est bien ça ?

Par contre les gifs animés en affichage réduit, comme on en a sur les signatures de certains de nos membres ne paraissent pas mettent de temps à charger. Et autant retirer les gif de mon design ok mais forcer les membres à le faire moins.

Les habituées de mon forum sont très friandes des sigantures XXL, comprendre par là des images de 400px de haut quand c'est pas davantage, et je dis bien des images, parce qu'une seule ne leur suffit pas.
Personnellement j'ai en horreur les signatures trop hautes, mais ce sont mes membres hein. Je ne peux pas leur refuser ces petitts plaisirs
Cependant un jour j'ai eu une plainte de quelqu'un se connectant fréquemment depuis un appareil mobile. En cause, la signature d'une seule membre qui avait 4 images dont 3 gifs animés. Il a suffi de mettre 3 images sous spoiler pour résoudre le problème.

Comme je disais plus haut, ce n'est pas le format GIF qui est à proscrire, mais leur quantité qui finit par nuire.

Par contre c'est quoi ces URL imaginaires ?
Je capte pas d'où elles viennent.

Et surtout vous avez tout de même 232 requêtes pour cette page ce qui est le quadruple de ce que j'avais constaté ailleurs. Vous avez par exemple 6 requêtes pour charger des polices de caractères.

Alors pour les polices oui on a utilisés des polices proposées par Google, par contre les 232 requêtes c'est quoi ?

J'avais donné le lien plus haut, je le remet ici :
https://tools.pingdom.com/#!/Rgn38/http://dmthbegins.forumactif.org/

Par contre même si j'écoute les conseils pour alléger notre forum, il faut bien comprendre que ce ralentissement dont je parles est très récent ! Nous n'avons pas changé notre design ni rien en terme d'images depuis décembre, or on a remarqué et nos membres aussi un fort ralentissement, général sur le forum, en particulier dans l'affichage des smiley, depuis une semaine environ. Ce ralentissement n'est pas présent le reste du temps.

Je comprends bien qu'il n'y a pas eu de changement depuis décembre, j'ai même vu de la neige tomber sur l'un des fora. Mais si le cœur du problème c'était imgfast ou Servimg, pensez bien que vous n'êtes pas la seule à utiliser ces services et nous aurions de nombreux autres signalements similaires, ce qui n'est pas le cas.

Une piste à explorer :
PA > Utilisateurs > Options des utilisateurs
-> Autoriser les Signatures : Non
Si ça corrige le problème, c'est que le souci vient de la signature d'un membre qui poste dans de nombreux sujets. Ce qui cadrerait parfaitement avec une survenue subite du problème et qui ne serait pas signalé par d'autres fora.

Evidemment j'ai conscience qu'on a beaucoup d'images, mais pas forcément plus qu'une page tumblr ou facebook qui chez moi s'affichent bien plus rapidement en comparaison du forum, et encore une fois, c'est très récent.

Evidemment charger 100 images prend plus de temps que d'en charger 10, mais le facteur déterminant c'est le poids de l'image en kilo-octets (et non sa taille en pixels même si les mensurations ont un impact sur le poids).
Si je reprends ces deux fameux gifs, chacun d'eux est aussi lourd que l'ensemble de l'index de ce forum d'entraide ou du mien.

Par contre imgfast on peut pas changer cet hébergeur, on est bien d'accord ? C'est celui utilisé de base par les smileys sur les forumactifs ? J'avoue qu'on en a beaucoup, ça doit pas arranger les choses, mais d'ordinaire ça posait pas de soucis plus que cela.

imgfast c'est pour les avatars et les émoticônes.
Concernant les avatars c'est possible de les héberger ailleurs en choisissant de lier l'avatar depuis un autre site. C'est d'ailleurs le seul moyen de contourner les 64 ko pour le poids de l'avatar.
Quant aux émoticônes, même si en théorie on passe forcément par imgfast, il existe toutefois des moyens d'en mettre ailleurs.
Emoticônes personnelles (Lien externe)
- Chacun choisit ses propres émoticônes.
- On peut dépasser la limite du nombre maxi d'émoticônes (me semble que c'est 225 ou 250).
- On peut dépasser le poids habituel des émoticônes ainsi que les tailles des images.
- Les émoticônes personnelles figurent automatiquement dans la même fenêtre que celles du forum

C'est en place sur mon forum et j'attends encore que quelqu'un s'en aperçoive mdr

[Sophi@]

orpheus: C'est ce que me dise mes membres, que c'est l'affichage des smileys (mais bon ça pourrait être celui des boutons de l'éditeur) qui ralentis les pages, en sachant qu'on a activé les réponses rapides.

Comme le problème n'apparait plus chez moi depuis ce matin...
En tout cas merci de m'avoir alerté là dessus.

Neptunia :

J'ai fait des captures c'est plus parlant, sur l'image réduite à 300 ko si je m'abuse les contours sont fortement pixélisés. Après l'image de base n'a pas une qualité de ouf non plus, ça pixelise pas mal dans les détails de l'herbe par exemple. Ceci dit j'ai une formation en audiovisuel, j'ai l'habitude de traquer les pixels et de chercher le meilleur encodage. Mais le débat n'est pas là, puisque le problème n'apparaissait pas y'a deux semaines avec exactement la même quantité de gifs, de smileys, tout. Rien n'a changé depuis !

Par contre j'ai pas de formation en informatique donc là, c'est du chinois. Ce que je peux dire c'est que lorsque ça tournait à vide hier ça bloquait sur trois adresses: hapshack, j'ai réhéberger les images venant de cet hébergeur ce qui a considérablement amélioré le problème, topic.it, si je m'abuse une application mobile pour se connecter sur les forums que j'utilise d'ailleurs peut-être est-elle en cause dans le ralentissement, et imgfast.

Je vais continuer de mener l'enquête auprès de ceux ressentant encore le ralentissement. Ceci dit pour l'affichage sur téléphone, la version mobile évite ce genre de soucis, voire l'application topit-it qui permet d'enlever tout ce qui est code, smiley, image et permet de naviguer plus rapidement, le seul ennuis c'est qu'elle charge tous les forums où l'on est inscrit alors les notifications ont tendance à mettre du temps à charger. Mais pour lire sur les forums depuis son mobile c'est ce qui se fait de mieux je trouve (et je dis ça en ayant un forfait tout pourris niveau 3g)

Merci pour le tuto pour les smiley par contre je maîtrise absolument pas l'anglais à l'écrit donc je cherchais un tutoriel en français maintenant que je sais que c'est possible. C'est super cool dans l'idée en tout cas !

[Neptunia]

Après l'image de base n'a pas une qualité de ouf non plus, ça pixelise pas mal dans les détails de l'herbe par exemple. Ceci dit j'ai une formation en audiovisuel, j'ai l'habitude de traquer les pixels et de chercher le meilleur encodage.

Ceci explique cela, j'avais volontairement mis la copie avant l'original et demandé ensuite si la seconde (l'original) était moins bonne que la première (la copie).
Parce que le principe de la compression "avec perte" c'est de se limiter à ce qu'un œil humain peut réellement distinguer pour des images, ou une oreille pour de l'audio aux formats Vorbis ou MP3 par exemple.
Et 9 fois sur 10, quand l'utilisateur perçoit une différence, c'est subjectif parce qu'il a vu ou entendu l'expression "avec perte".

Pour ce qui concerne les ralentissements, si ça vient vraiment de l'éditeur de message (j'ai zappé cette piste parce que ce n'était pas signalé que le problème concernait exclusivement les sujets) ily a plusieurs méthodes pour s'en assurer :
- Désactiver la réponse rapide
- Se déconnecter du forum pour ne plus voir cette réponse rapide.

Maintenant si le problème ne survient qu'en répondant, citant ou éditant (url_du_forum/post?xxxyyyzzz, vu que cette page n'affiche pas grand chose il est plus que probable que le problème soit effectivement l'éditeur. Et là le problème est connu.

Merci pour le tuto pour les smiley par contre je maîtrise absolument pas l'anglais à l'écrit donc je cherchais un tutoriel en français maintenant que je sais que c'est possible. C'est super cool dans l'idée en tout cas !

Google n'est plus mon ami, mais sur le coup il ne s'en sort pas trop mal :
-> Emoticônes personnelles

Attention, le tuto dit de choisir si le champ est obligatoirement rempli, vous choisissez ce que vous voulez, du moment que c'est non (sans quoi le champ apparaîtra à l'inscription).
C'est comme les Ford de 1905, on pouvait choisir la couleur qu"'on voulait tant que c'était du noir.

Et comme c'est installé sur mon fofo, je vais même filer le javascript que j'ai inséré.
Attention, ma traduction est en français canadien et ne comprend pas les anglicismes qu'on utilise chez nous. Comme mon avatar le laisse supposer, je ne suis pas anglophobe, mais je ne tolère les mots anglais que dans la langue anglaise. Histoire que Jeanne d'Arc n'ait pas boutée les anglais hors d'Orléans et hors de France pour des prunes !
Dehors les smilies et upload, bienvenue aux émoticônes et au téléversement.
Si ces termes ne vous conviennent pas, il suffit de modifier les lignes 14 à 22 du javascript (en prenant soin de mettre un \ devant chaque apostrophe)

Code:

$(function() {
          'DEVELOPED BY ANGE TUTEUR';
          'NO DISTRIBUTION WITHOUT CONSENT OF THE AUTHOR';
          'ORIGIN : http://fmdesign.forumotion.com/t1012-user-generated-emoticons#21094';
        
          if (!window.localStorage) return;
        
          window.fa_pemoticons_config = {
            hide_field : false, // hide/show field on profile
            position : 'top', // position of personal emoticons ; top or bottom
        
            // language settings
            lang : {
              title : 'Mes émoticônes',
              desc : 'Tu peux gérer tes émoticônes personnelles ci-dessous. Ces émoticônes s\'afficheront dans l\'éditeur dès que tu auras mis à jour ton profil',
              update : 'Enregistrer',
              upload : 'Téléverser',
              cancel : 'Annuler',
              add : 'Ajouter',
              delete : 'Supprimer',
              up : 'Déplacer plus haut',
              down : 'Déplacer plus bas'
            }
          };
        
        
          // load handler for iframes
          // adds custom emoticons once the frame is loaded
          window.fa_pemoticons_load = function() {
            var insertEmoticon = function () {
              $('#text_editor_textarea').sceditor('instance').insert('[img]' + this.src + '[/img] ');
            },
        
            injectEmoticons = function (emotes, body) {
              if (fa_pemoticons_config.position.toLowerCase() == 'top') {
                body.insertBefore(emotes, body.firstChild.nextSibling);
              } else {
                body.appendChild(emotes);
              }
            },
        
            body = $(this).contents().find('body')[0],
            div = $('<div id="fa_personal_emoticon_list" />')[0];
        
            if (body) {
        
              if (localStorage['fa_pemoticons_u' + _userdata.user_id]) {
                div.innerHTML = localStorage['fa_pemoticons_u' + _userdata.user_id];
        
                for (var a = div.getElementsByTagName('IMG'), i = 0, j = a.length; i < j; i++) {
                  a[i].onclick = insertEmoticon;
                }
        
                injectEmoticons(div, body);
        
              } else {
                $.get('/u' + _userdata.user_id, function(d) {
                  var emoticons = $('.fa_personal_emoticons img', d),
                      i = 0,
                      j = emoticons.length;
        
                  if (j) {
                    for (; i < j; i++) {
                      emoticons[i].onclick = insertEmoticon;
        
                      div.appendChild(emoticons[i]);
                      div.appendChild(document.createTextNode('\u00A0'));
                    }
                  }
        
                  localStorage['fa_pemoticons_u' + _userdata.user_id] = div.innerHTML;
                  injectEmoticons(div, body);
                });
              }
        
            }
          };
        
        
          // add load handlers for each iframe
          $(function() {
            var button = $('.sceditor-button-emoticon')[0];
        
            if (button) {
              button.onclick = function() {
                document.getElementById('quickEmojInternal').onload = fa_pemoticons_load;
                this.onclick = null;
              };
            }
        
            $('iframe[src^="/smilies"]').load(fa_pemoticons_load);
          });
        
        
          // hide field in profile
          if (fa_pemoticons_config.hide_field) {
            $('.fa_personal_emoticons').closest('[id^="field_id"]').hide();
          }
        
        
          // editing of profile field
          if (/\/profile|\/u\d+/.test(window.location.href)) {
            for (var a = document.getElementsByTagName('TEXTAREA'), i = 0, j = a.length; i < j; i++) {
              if (/class="fa_personal_emoticons"/.test(a[i].value) && /profile_field/.test(a[i].id)) {
        
                // define global object
                window.fa_pemoticons = {
        
                  // add new input to pemoticons_box
                  add : function (value) {
                    $('#pemoticons_box', fa_pemoticons.popup).append(
                      '<div class="pemoticon_row">'+
                        '<img class="pemoticon_preview" src="' + ( value ? value : 'https://2img.net/i/fa/empty.gif' ) + '" />'+
                        '<input class="pemoticon_value inputbox" type="text" value="' + ( value ? value : '' ) + '" oninput="fa_pemoticons.preview(this)" />'+
                        '<a class="pemoticons_action pemoticons_plus" href="#" onclick="fa_pemoticons.add(); return false;" title="' + fa_pemoticons_config.lang.add + '">+</a>'+
                        '<a class="pemoticons_action pemoticons_minus" href="#" onclick="fa_pemoticons.remove(this); return false;" title="' + fa_pemoticons_config.lang.delete + '">-</a>'+
                        '<a class="pemoticons_action pemoticons_up" href="#" onclick="fa_pemoticons.moveUp(this); return false;" title="' + fa_pemoticons_config.lang.up + '">▲</a>'+
                        '<a class="pemoticons_action pemoticons_down" href="#" onclick="fa_pemoticons.moveDown(this); return false;" title="' + fa_pemoticons_config.lang.down + '">▼</a>'+
                      '</div>'
                    ).scrollTop(9999);
                  },
        
        
                  // remove input from pemoticons_box
                  remove : function (that) {
                    that.parentNode.parentNode.removeChild(that.parentNode);
                  },
        
        
                  // move the emoticon up in the list
                  moveUp : function (that) {
                    var prev = that.parentNode.previousSibling;
        
                    if (prev) {
                      prev.parentNode.insertBefore(that.parentNode, prev);
                    }
                  },
        
        
                  // move the emoticon down in the list
                  moveDown : function (that) {
                    var next = that.parentNode.nextSibling,
                        nextNext;
        
                    if (next) {
                      nextNext = next.nextSibling;
        
                      if (nextNext) {
                        next.parentNode.insertBefore(that.parentNode, nextNext);
                      } else {
                        next.parentNode.appendChild(that.parentNode);
                      }
                    }
                  },
        
        
                  // update the emoticon preview
                  preview : function (that) {
                    that.previousSibling.src = that.value ? that.value : 'https://2img.net/i/fa/empty.gif';
                  },
        
        
                  // update textarea with new value
                  update : function () {
                    var emoticons = $('.pemoticon_value', fa_pemoticons.popup),
                        newVal = '[table class="fa_personal_emoticons"][tr][td]',
                        i = 0,
                        j = emoticons.length;
        
                    for (; i < j; i++) {
                      if (emoticons[i].value) {
                        newVal += '[img]' + emoticons[i].value + '[/img]';
                      }
                    }
        
                    fa_pemoticons.textarea.value = newVal + '[/td][/tr][/table]';
                    fa_pemoticons.cancel();
        
                    localStorage.removeItem('fa_pemoticons_u' + _userdata.user_id); // clear emoticon cache
                  },
        
        
                  // remove popup
                  cancel : function () {
                    document.body.style.overflow = '';
                    document.body.removeChild(fa_pemoticons.popup);
                    fa_pemoticons.popup = null;
                  },
        
        
                  // open servimg upload
                  upload : function () {
                    var win = window.open('https://servimg.com/',  '_blank', 'width=620,height=300');
        
                    $.get('/privmsg?mode=post', function(d) {
                      var email = d.match(/var servImgAccount = '(.*?)';/i),
                          id = d.match(/var servImgId = '(.*?)';/i),
                          f = d.match(/var servImgF = '(.*?)';/i);
        
                      if (email && id && f && email[1] && id[1] && f[1]) {
                        win.location.href = 'https://servimg.com/multiupload.php?&mode=fae&account=' + email[1] + '&id=' + id[1] + '&f=' + f[1];
                      }
                    });
                  },
        
                  popup : null,
                  textarea : null
                };
        
        
                // assign handler to textarea to show popup
                a[i].onfocus = function() {
                  this.blur();
        
                  if (fa_pemoticons.popup) {
                    fa_pemoticons.cancel();
                  }
        
                  var popup = $(
                    '<div id="pemoticons_overlay">'+
                      '<div id="pemoticons_modal">'+
                        '<h1>' + fa_pemoticons_config.lang.title + '</h1>'+
                        '<p>' + fa_pemoticons_config.lang.desc + '</p>'+
                        '<div id="pemoticons_box"></div>'+
                        '<div style="text-align:center;">'+
                          '<input type="button" class="button1" value="' + fa_pemoticons_config.lang.update + '" onclick="fa_pemoticons.update();" />'+
                          '&nbsp;'+
                          '<input type="button" class="button1" value="' + fa_pemoticons_config.lang.upload + '" onclick="fa_pemoticons.upload();" />'+
                          '&nbsp;'+
                          '<input type="button" class="button1" value="' + fa_pemoticons_config.lang.cancel + '" onclick="fa_pemoticons.cancel();" />'+
                        '</div>'+
                      '</div>'+
                    '</div>'
                  )[0],
        
                  emoticons = this.value.match(/\[img\].*?\[\/img\]/gmi),
                  i = 0,
                  j = emoticons ? emoticons.length : 0;
        
                  fa_pemoticons.popup = popup;
                  fa_pemoticons.textarea = this;
        
                  if (j) {
                    for (; i < j; i++) {
                      fa_pemoticons.add(emoticons[i].replace(/^\[img\]|\[\/img\]$/ig, ''));
                    }
                  } else {
                    fa_pemoticons.add();
                  }
        
                  document.body.style.overflow = 'hidden';
                  document.body.appendChild(popup);
                };
        
        
                // add modal styles to the document
                $('head').append(
                  '<style type="text/css">'+
                  '#pemoticons_overlay { font-family:arial; background:rgba(0, 0, 0, 0.5); position:fixed; top:0; right:0; bottom:0; left:0; z-index:99999; }'+
                  '#pemoticons_modal { background:#EEE; width:290px; height:300px; border:1px solid #CCC; position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-145px; overflow:auto; }'+
                  '#pemoticons_box { height:150px; text-align:center; margin:3px; overflow:auto; }'+
                  '#pemoticons_modal p { font-size:12px; margin:0; }'+
                  '#pemoticons_modal h1 { font-size:24px; margin:0; }'+
                  '#pemoticons_modal h1, #pemoticons_modal p, #pemoticons_modal div { padding:3px; }'+
                  'a.pemoticons_action { background:#69C; font-size:20px; color:#FFF; text-align:center; text-decoration:none; display:inline-block; height:16px; width:16px; line-height:16px; vertical-align:middle; margin:1px; border-radius:100%; }'+
                  'a.pemoticons_up, a.pemoticons_down { font-size:10px; }'+
                  'a.pemoticons_down { line-height:18px; }'+
                  'a.pemoticons_minus { line-height:13px; }'+
                  'a.pemoticons_action:hover { opacity:0.7 }'+
                  'img.pemoticon_preview { width:20px; max-height:30px; vertical-align:middle; }'+
                  'input.pemoticon_value { margin:0 3px; width:130px; }'+
                  '</style>'
                );
        
                break;
              }
            }
          }
        });

Et si cette réponse minimaliste ne vous suffit pas, et vu qu'on s'écarte du sujet (les lenteurs de chargement) merci d'ouvrir un sujet séparé.

[Sophi@]

Oui comme en vidéo où la perte de qualité se fait dans les noirs ou les mouvements mais avec un bon écran cela se voit immédiatement ou simplement un oeil exercé.
Cependant comme je l'ai dit je connais le sujet.
Et à mon sens la trop grande compression au profit d'une version faite pour mobile est effroyable, ne serait-ce que sur Facebook où c'est juste abominable. J'appelle ça la danse des pixels. Ça pouvait passer sur un écran cathodique où les pixels étaient à l'arrivée des ronds lumineux ça passe moins sur les écrans plat (sur mac en plus c'est des rétina ils pardonnent rien).

Pour le tutoriel traduit, c'est gentil à toi (désolé je vous me paraît fort étrange de manière général) de me passer ton javascript toutefois j'espère que le problème se règlera avant d'en arriver à là. Appliquer un tutoriel en anglais même traduit par google, j'suis pas hyper à l'aise.

Et pour le coup, je vais donc attendre de voir si le problème passe. Chose que j'espère vivement.

Merci tous les deux, je vous tiens au jus de la suite des pérégrinations.

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est archivé afin de ne pas perdre les réponses apportées.