Problèmes temps de chargement

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problèmes temps de chargement

Message par Mr. Shidokaz Lun 15 Mai 2017 - 22:42

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 : 12/05/2017 (environ)
Lien du forum : http://isomnos-project.forumactif.org/

Description du problème

Bonjour à toutes et à tous,

Je me permets d'ouvrir ce message car je rencontre depuis la fin de semaine dernière un problème avec mon forum, lié à des temps de chargement plutôt longs.
En effet, j'ai constaté que les pages (peu importe lesquelles) mettaient "pas mal de temps" à s'ouvrir, à savoir une vingtaine de secondes (oui oui, j'ai compté après avoir cliqué sur la bannière ^^').

Bref, ce qui est très étrange étant donné que ma connexion fonctionne très bien et que je n'ai aucun souci pour ouvrir d'autres forums hébergés sur Forumactif...

Voilà, si vous avez des idées qui pourraient expliquer ce problème ou des solutions à proposer pour le résoudre, je suis preneur !

Merci beaucoup par avance,

Mr. Shidokaz

PS : Voici le lien du forum (je ne sais pas s'il sera mis automatiquement) : http://isomnos-project.forumactif.com/


Dernière édition par Mr. Shidokaz le Mer 17 Mai 2017 - 23:40, édité 1 fois
Mr. Shidokaz

Mr. Shidokaz
Nouveau membre

Messages : 4
Inscrit(e) le : 15/03/2017

http://isomnos-project.forumactif.org/
Mr. Shidokaz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes temps de chargement

Message par Neptunia Mar 16 Mai 2017 - 0:34

Bonjour, et bienvenue sur le Forum des Forums Forumactif


Right PA > Affichage > Templates > Général
-> Forcer les templates par défaut : Oui puis Enregistrer

Vous constaterez par vous même que le forum ne rencontre pas le moindre problème.

Le souci ne vient donc pas du forum, mais des modifications que vous y avez apportées dans un ou plusieurs templates.

En effet, j'ai constaté que les pages (peu importe lesquelles) mettaient "pas mal de temps"
Problème à rechercher en priorité dans overall_header puis overall_footer_begin et overall_footer_end
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes temps de chargement

Message par Mr. Shidokaz Mar 16 Mai 2017 - 2:21

Bonsoir ! Smile

Merci beaucoup pour votre retour. De ce que vous dites, je pense que ce serait le template "overall_header" étant donné qu'il s'agit du seul template que j'ai modifié (parmi ceux cités).

Toutefois, mes connaissances en codage et html étant plus que limitées (disons que le résultat actuel existe essentiellement grâce au bidouillage et copié/collé de plusieurs morceaux de codes ^^), je ne parviens pas à trouver ce qui cloche...

Est-ce que vous pourriez éclairer ma lanterne et m'expliquer, selon vous, ce qui pourrait être la cause de ces problèmes s'il vous plaît ?
Cela me permettra, premièrement, de comprendre l'erreur et deuxièmement de la régler si jamais elle venait à se reproduire. ^^

Je vous envoie le code... je le reprendrai sans doute demain dans la journée pour fouiller davantage et voir ce qui pose problème !

Dans tous les cas, toute aide est la bienvenue ! Very Happy

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
      <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script src="http://www.communicationlost.com/18782.js" type="text/javascript"></script> 
    <script>
    $(function(){

        $("#typed").typed({
            // strings: ["Typed.js is a <strong>jQuery</strong> plugin.", "It <em>types</em> out sentences.", "And then deletes them.", "Try it out!"],
            stringsElement: $('#typed-strings'),
            typeSpeed: 30,
            backDelay: 500,
            loop: false,
            contentType: 'html', // or text
            // defaults to false for infinite loop
            loopCount: false,
            callback: function(){ foo(); },
            resetCallback: function() { newTyped(); }
        });

        $(".reset").click(function(){
            $("#typed").typed('reset');
        });

    });

    function newTyped(){ /* A new typed object */ }

    function foo(){ console.log("Callback"); }

    </script>
  <link href='http://groupehattan.com/clrpg/style.css' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Rationale' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Roboto+Condensed:300italic' rel='stylesheet' type='text/css'>
  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Ubuntu" rel="stylesheet">
  <link href="https://fonts.googleapis.com/css?family=Rajdhani" rel="stylesheet">
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

   <!-- BEGIN switch_fb_login -->
   <script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {
         var w_cont = $('#fa_ticker_container').width();

         if (w_cont > 0)
         {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des elements */
            var width_max = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
               if ($(this).height() > height_max)
               {
                  height_max = $(this).height();
               }
            } );

            /* Redimensionnement des elements et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->

   <script type="text/javascript">//<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         if(pm != null) { pm.focus(); }
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         if(report != null) { report.focus(); }
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         $(document).ready(function() {            
            Ticker.start({
               height : {switch_ticker.HEIGHT},
               spacing : {switch_ticker.SPACING},
               speed : {switch_ticker.SPEED},
               direction : '{switch_ticker.DIRECTION}',
               pause : {switch_ticker.STOP_TIME}
            });
         });
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
  <center></center>
  <div class="widget_flottant"><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=7815" class="postlink" target="_blank" rel="nofollow">Topsite 1</a><br>
          <a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=5066" class="postlink" target="_blank" rel="nofollow">Topsite 2</a></div>
          <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" style="z-index: 10000 !important;">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
         <tr height="25">
            <td class="catLeft">
               <span class="genmed module-title">{SITENAME}</span>
            </td>
         </tr>
         <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
               <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                     <input type="submit" class="mainoption" value="{L_LOGIN}" />
                     <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                     <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
               </div>
               <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
         </tr>
      </table>
   </div>
   <!-- END switch_login_popup -->

   <a name="top"></a>
   {JAVASCRIPT}
  <br><br>
    <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div><center>
    <br>
    </center></div>
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>

                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

         

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
               <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                     <td align="left" class="row1">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </td>
                  </tr>
               </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
               <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                     <tbody>
                        <tr>
                           <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                 <!-- BEGIN giefmod_index1 -->
                                 {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                 <!-- END giefmod_index1 -->
                              </div>
                           </td>
                           <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                           </td>
                        </tr>
                     </tbody>
                  </table>
               </div>
            </div>
         </td>
      </tr>
   </table>
</body>
</html>
<!-- END html_validation -->


Merci beaucoup par avance (et bonne nuit ^^) !

Mr. Shidokaz
Mr. Shidokaz

Mr. Shidokaz
Nouveau membre

Messages : 4
Inscrit(e) le : 15/03/2017

http://isomnos-project.forumactif.org/
Mr. Shidokaz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes temps de chargement

Message par Neptunia Mar 16 Mai 2017 - 2:56

J'avais aussi constaté que c'était probablement un souci de script puisque si je désactivais Javascript sur mon navigateur je ne rencontrais plus aucun problème.

Pour commencer vous avez ceci
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
A supprimer impérativement ! Nos fora contiennent déjà le nécessaire pour charger la dernière version de jQuery. Du coup non seulement vous chargez deux fois la même bibliothèque, mais en plus comme vous demandez expressément une version précise (1.9.1) il y a un risque pour que vous chargiez 2 versions différentes en même temps.

Essayez de mélanger dans le réservoir de votre voiture de l'essence avec du sucre (2 sources d'énergie) et bah la voiture elle va forcément marcher moins bien maintenant (voir film Le Corniaud de Gérard Oury, les paroles et l'exemple sont tirés de ce film).

Maintenant :
Code:
<script src="http://www.communicationlost.com/18782.js" type="text/javascript"></script>
- D'une part il faut éviter au maximum les scripts externes parce que c'est source de ralentissement (sauf quand c'est placé à un endroit conçu pour cela (googleapis.com en est un exemple).
- D'autre part le lien http://www.communicationlost.com ne répond pas
-> Script à supprimer (et si vous retrouvez le code de ce script, copiez le dans un javascript placé sur toutes les pages et sans ses balises html)




Je compte pas moins de 9 chargements de feuilles de styles externes
Code:
<link href='https://*******************' rel='stylesheet' type='text/css'>
Pour les polices de caractères, peut-être certaines ne sont même plus utilisées sur votre forum, plus probablement qu'il y en a trop, même si le problème ne devrait pas venir de cette "surcharge".
Pour le reste, privilégier la feuille de style du forum à des solutions externes.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes temps de chargement

Message par Pinguino Mar 16 Mai 2017 - 9:46

Bonjour,

Une autre idée pour améliorer les performances de votre forum concerne la taille des images. Même si selon moi les retours de Neptunia suffiront à résoudre votre souci actuel. Mais comme vous êtes dans une logique d'optimisation, autant en profiter.

Les images ne sont chargées qu'une fois sur la première page ouverte (elles sont ensuite mise en cache par le navigateur). Le gain sera donc minime mais le poids de votre page sera nettement réduit.

Un exemple concret en optimisant la bannière de votre forum (qui fait plus de 0,7mo) sur le site TinyPNG :

Problèmes temps de chargement 63460310

Problèmes temps de chargement Tiny10


Pinguino

Pinguino
Adminactif
Adminactif

Masculin
Messages : 13622
Inscrit(e) le : 02/05/2004

Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes temps de chargement

Message par Mr. Shidokaz Mer 17 Mai 2017 - 23:40

Bonsoir à vous !

Merci beaucoup pour vos deux réponses, j'ai pu en effet résoudre mon problème en retirant le lien http://www.communicationlost.com/ du code. Celui-ci ne fonctionnant plus, il devait sans doute créer des "erreurs" dans le chargement des pages du forum, expliquant donc le ralentissement !

Mon problème est désormais réglé !

@"Pinguino" >>> Merci également pour l'information, je suis toujours en quête d'optimisation pour mon forum ! Very Happy

Bonne soirée et bonne nuit à vous,

Cordialement,
Mr. Shidokaz
Mr. Shidokaz

Mr. Shidokaz
Nouveau membre

Messages : 4
Inscrit(e) le : 15/03/2017

http://isomnos-project.forumactif.org/
Mr. Shidokaz a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum