Le premier accès à ma page d'accueil est très très lent

[carabao]

Bonjour

Depuis quelque temps, le premier accès à ma page d'accueil est vraiment très lent: www.caravane-camping.be

dans la console, je vois


Minutage des requêtes

Bloqué : 25 ms
Résolution DNS : 0 ms
Connexion : 12 ms
Établissement liaison TLS : 11 ms
Envoi : 0 ms
Attente : 12,50 s
Réception : 0 ms

pour la page / : 12 sec, c'est énorme, il me semble ?

Qu'en pensez-vous ?

Merci

[woluweb]

Le 1er chargement a mis chez mois une dizaine de secondes.
Puis un "refresh" était quasi immédiat.
Ca, ça fait penser à une question de cache : la page serait-elle lourde à composer, puis rapide à servir une fois qu'il y a le cache.
Du coup, augmenter la durée du cache p ex ?

Par ailleurs, la page est lourde : 8Mb.
Dont 5Mb juste pour ce fichier javascript, ce qui me paraît bizarre/énorme : https://www.caravane-camping.be/imag...some/js/all.js

[Fred2FR3]

Hello

https://gtmetrix.com/reports/www.caravane-camping.be/MWTD8whg/

Sur ce lien tu trouveras tout ce qui cloche.
Je rejoins ce qu'a dit Woluweb, et j'ajoute qu'il te faut optimiser les images et ton .htaccess :

Recommandation gtmetrix :

<IfModule mod_expires.c>
ExpiresActive On

# Images
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"

# Video
ExpiresByType video/webm "access plus 1 year"
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"

# Fonts
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType font/otf "access plus 1 year"
ExpiresByType font/woff "access plus 1 year"
ExpiresByType font/woff2 "access plus 1 year"
ExpiresByType application/font-woff "access plus 1 year"

# CSS, JavaScript
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"

# Others
ExpiresByType application/pdf "access plus 1 year"
ExpiresByType image/vnd.microsoft.icon "access plus 1 year"
</IfModule>​

Ma recommandation :

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE "application/atom+xml" \
"application/javascript" \
"application/json" \
"application/ld+json" \
"application/manifest+json" \
"application/rdf+xml" \
"application/rss+xml" \
"application/schema+json" \
"application/vnd.geo+json" \
"application/vnd.ms-fontobject" \
"application/x-font" \
"application/x-font-opentype" \
"application/x-font-otf" \
"application/x-font-truetype" \
"application/x-font-ttf" \
"application/x-javascript" \
"application/x-web-app-manifest+json" \
"application/xhtml+xml" \
"application/xml" \
"font/eot" \
"font/otf" \
"font/ttf" \
"font/opentype" \
"image/bmp" \
"image/svg+xml" \
"image/vnd.microsoft.icon" \
"image/x-icon" \
"text/cache-manifest" \
"text/css" \
"text/html" \
"text/javascript" \
"text/plain" \
"text/vcard" \
"text/vnd.rim.location.xloc" \
"text/vtt" \
"text/x-component" \
"text/x-cross-domain-policy" \
"text/xml"
</IfModule>

<IfModule mod_expires.c>
  ExpiresActive on
  ExpiresDefault                                    "access plus 1 year"

  # DATA
  ExpiresByType text/html                           "access plus 0 seconds"
  ExpiresByType text/xml                            "access plus 0 seconds"
  ExpiresByType text/plain                          "access plus 0 seconds"
  ExpiresByType application/xml                     "access plus 0 seconds"
  ExpiresByType application/json                    "access plus 0 seconds"
  ExpiresByType application/ld+json                 "access plus 0 seconds"
  ExpiresByType application/vnd.geo+json            "access plus 0 seconds"
  ExpiresByType application/rss+xml                 "access plus 1 hour"
  ExpiresByType application/atom+xml                "access plus 1 hour"
  ExpiresByType text/x-component                    "access plus 1 hour"

  # SCRIPTS
  ExpiresByType text/css                            "access plus 1 year"
  ExpiresByType text/javascript                     "access plus 1 year"
  ExpiresByType application/javascript              "access plus 1 year"
  ExpiresByType application/x-javascript            "access plus 1 year"

  # IMAGES
  ExpiresByType image/gif                           "access plus 1 year"
  ExpiresByType image/png                           "access plus 1 year"
  ExpiresByType image/jpe                           "access plus 1 year"
  ExpiresByType image/jpg                           "access plus 1 year"
  ExpiresByType image/jpeg                          "access plus 1 year"
  ExpiresByType image/jp2                           "access plus 1 year"
  ExpiresByType image/pipeg                         "access plus 1 year"
  ExpiresByType image/bmp                           "access plus 1 year"
  ExpiresByType image/tiff                          "access plus 1 year"
  ExpiresByType image/svg+xml                       "access plus 1 year"
  ExpiresByType image/vnd.microsoft.icon            "access plus 1 year"

  # ICONS
  ExpiresByType image/ico                           "access plus 1 year"
  ExpiresByType image/icon                          "access plus 1 year"
  ExpiresByType text/ico                            "access plus 1 year"
  ExpiresByType image/x-ico                         "access plus 1 year"
  ExpiresByType image/x-icon                        "access plus 1 year"
  ExpiresByType application/ico                     "access plus 1 year"

  # AUDIO
  ExpiresByType audio/ogg                           "access plus 1 year"
  ExpiresByType audio/basic                         "access plus 1 year"
  ExpiresByType audio/mid                           "access plus 1 year"
  ExpiresByType audio/midi                          "access plus 1 year"
  ExpiresByType audio/mpeg                          "access plus 1 year"
  ExpiresByType audio/x-aiff                        "access plus 1 year"
  ExpiresByType audio/x-mpegurl                     "access plus 1 year"
  ExpiresByType audio/x-pn-realaudio                "access plus 1 year"
  ExpiresByType audio/x-wav                         "access plus 1 year"

  # VIDEO
  ExpiresByType video/ogg                           "access plus 1 year"
  ExpiresByType video/mp4                           "access plus 1 year"
  ExpiresByType video/webm                          "access plus 1 year"
  ExpiresByType video/x-msvideo                     "access plus 1 year"
  ExpiresByType video/mpeg                          "access plus 1 year"
  ExpiresByType video/quicktime                     "access plus 1 year"
  ExpiresByType video/x-la-asf                      "access plus 1 year"
  ExpiresByType video/x-ms-asf                      "access plus 1 year"
  ExpiresByType x-world/x-vrml                      "access plus 1 year"

  # FONTS
  ExpiresByType font/truetype                       "access plus 1 year"
  ExpiresByType font/opentype                       "access plus 1 year"
  ExpiresByType application/x-font-ttf              "access plus 1 year"
  ExpiresByType application/x-font-woff             "access plus 1 year"
  ExpiresByType application/font-woff               "access plus 1 year"
  ExpiresByType application/font-woff2              "access plus 1 year"
  ExpiresByType application/vnd.ms-fontobject       "access plus 1 year"

  # FLASH
  ExpiresByType application/x-shockwave-flash       "access plus 1 year"
  ExpiresByType video/x-flv                         "access plus 1 year"

  # MANIFEST
  ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds"
  ExpiresByType text/cache-manifest                 "access plus 0 seconds"

  # OTHERS
  ExpiresByType application/pdf                     "access plus 1 year"
  ExpiresByType image/vnd.wap.wbmp                  "access plus 1 year"
  ExpiresByType application/vnd.wap.wbxml           "access plus 1 year"
  ExpiresByType application/smil                    "access plus 1 year"
  <FilesMatch "\.(txt|xml|js)$">
   Header set Cache-Control "max-age=31536000"
  </FilesMatch>

  <FilesMatch "\.(css)$">
   Header set Cache-Control "max-age=31536000"
  </FilesMatch>

  <FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac|eot|ttf|otf|woff|woff2|svg)$">
   Header set Cache-Control "max-age=31536000"
  </FilesMatch>

  <FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
   Header set Cache-Control "max-age=31536000"
  </FilesMatch>
</IfModule>​

[chris67]

Bonjour,
Lorsqu'on regarde avec la console développeur, il y a un problème de chargement de la page durant 10 s, puis la page est rechargée.
Il faudrait désactiver les extensions pour trouver celle qui provoque ça.

[tradeymag]

tu peux tester voir ce qui va pas

https://pagespeed.web.dev/analysis/https-caravane-camping-be/9zkekftof1?form_factor=mobile

et

https://gtmetrix.com/analyze.html

tu devrais être au dessus de 80/ 90

[carabao]

Désolé pour le délai de réponse, comme ma page !!!


Super, merci à tous pour ces pistes. Je vais explorer tout cela.

[carabao]

Bon, j'ai modifié mes images de png en webp, leurs tailles ont sensiblement diminué.

j'ai constaté qu'il avait une ressource (glyphicons-halflings.png) qui était introuvable " via la console. Je l'ai donc ajoutée via ftp.

Mais le premier accès est toujours lent. Parfois, je constate dans la console qu'il charge deux fois l'URL "/" . Le premier accès est très lent plusieurs centaines de millisecondes, le deuxième est plus rapide quelques millisecondes.

Je ne sais plus trop où regarder.

EDIT.

Je me demande si c'est pas dû à mes deux menus

- menu "principal" qui permet l'affichage BLOG des articles en page d'accueil
- menu "article" qui permet l'affichage des articles autre qu'en page d'accueil et en respectant la structure des catégories des articles.

Donc les deux menus pointent vers les mêmes articles.

[daneel]

Bonjour,

Le fait d'utiliser Matomo sur le même serveur oblige à partager les ressources, ce qui peut engendrer à terme des ralentissements. En effet, votre hébergeur vous a alloué un nombre de processeurs, ce qui vous permet d'effectuer de nombreuses requêtes simultanées. Cependant, un script comme Matomo exige de plus en plus selon la fréquentation et l'historique à gérer.

Ce n'est pas forcément le fait de changer de domaine qui va permettre de repartir la charge. A moins d'avoir pris un vps à part, les ressources sont sur votre offre global d’hébergement. Pour vérifier si c'est bien matomo, je conseille de desactiver le chargement de matomo dans vos pages (commentez les lignes, archiver le code ou désactiver le plugin).
Essayer de desactiver matomo temporairement. Tester sur une durée (une journée ou deux) en prenant soin de vider le cache du site.

Il y a des éléments de la librairie bootstrap qui sont chargés en plus pour ajouter des effets mais les fichiers js sont séparés, une fusion pourrait permettre de charger plus rapidement le js en déterminant ce qui doit être chargé en entête et en fin (avant le </body> ). Généralement, les frameworks de template sont capables de le faire, à défaut une extension comme jch optimize.

[carabao]

Merci pour cette piste avec matomo, j'ai commencé par désactiver le plugin "matomo" . Test en cours depuis hier.

Pas trop de changement à première vue.

Je remarque dans la console qu'il y a souvent un temps d'attente de plusieurs dizaines de millisecondes au niveau du serveur. Et plus de 14 secondes pour la page "/" . Problème au niveau de mon hébergement ?

[carabao]

Bon, je continue mes modifications afin d'alléger le lancement de mon site

Pour ce faire, j'ai retiré le script litigieux, qui permettait d'afficher les fontes awesome car celui-ci était lourd +/- 5 mb

Afin de pouvoir afficher les images des fontes awesome ( la dernière version pro que j'avais avant mon désabonnement) au format SVG dans les catégories et sous-catégories du forum (kunena), j'ai procédé ainsi après une quantité considérable de tâtonnements. Voilà, comme j'ai procédé, si ce tuto peut aider une personne tant mieux.

Dans les catégories, j'ai mis comme icône de catégorie icon-idxxx-perso (le xxx représente l'ID de la catégorie pour plus de facilité pour la recherche)
Dans les sous-catégories, j'ai mis comme icône de catégorie icon2 icon-idxxx-perso (le xxx représente l'ID de la sous-catégorie pour plus de facilité pour la recherche)

Puis dans kunena --> template --> Aurelia --> Editer CSS --> custom.css

.icon.icon {
filter: invert(25%) sepia(71%) saturate(3434%) hue-rotate(182deg) brightness(90%) contrast(87%);
background-repeat: no-repeat;
width: 32px;
height: 32px;
}

.icon2.icon.icon {
filter: invert(25%) sepia(71%) saturate(3434%) hue-rotate(182deg) brightness(90%) contrast(87%);
background-repeat: no-repeat;
width: 16px;
height: 16px;
display:inline-block;
margin-right:5px;
}​

puis dans kunena --> template --> Aurelia --> Editer SCSS --> custom.css

.icon-idxxx-perso {
background-image: url("/media/kunena/category_images/xxxxxxxxx.svg");
}​

Dans le fichier CSS,
.icon.icon, s'occupe de la mise en forme de l'affichage des icônes des catégories
.icon2.icon, s'occupe de l'affichage des icônes des sous-catégories
filter: xxxx permet de déterminer la couleur d'une image vectorielle : https://isotropic.co/tool/hex-color-to-css-filter/

Dans le fichier SCSS
background-image: url("/media/kunena/category_images/xxxxxxxxx.svg"), s'occupe d'afficher l'image qui se trouve dans le répertoire "/media/kunena/category_images/"


J'ai modifié la grande image de la première page, elle est plus légère

Bon, ce que je ne comprends pas, c'est toujours aussi lent.

[carabao]

Hello

https://gtmetrix.com/reports/www.caravane-camping.be/MWTD8whg/

Sur ce lien tu trouveras tout ce qui cloche.
Je rejoins ce qu'a dit Woluweb, et j'ajoute qu'il te faut optimiser les images et ton .htaccess :

Recommandation gtmetrix :

<IfModule mod_expires.c>
ExpiresActive On

# Images
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"

# Video
ExpiresByType video/webm "access plus 1 year"
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"

# Fonts
ExpiresByType font/ttf "access plus 1 year"
ExpiresByType font/otf "access plus 1 year"
ExpiresByType font/woff "access plus 1 year"
ExpiresByType font/woff2 "access plus 1 year"
ExpiresByType application/font-woff "access plus 1 year"

# CSS, JavaScript
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"

# Others
ExpiresByType application/pdf "access plus 1 year"
ExpiresByType image/vnd.microsoft.icon "access plus 1 year"
</IfModule>​

Ma recommandation :

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE "application/atom+xml" \
"application/javascript" \
"application/json" \
"application/ld+json" \
"application/manifest+json" \
"application/rdf+xml" \
"application/rss+xml" \
"application/schema+json" \
"application/vnd.geo+json" \
"application/vnd.ms-fontobject" \
"application/x-font" \
"application/x-font-opentype" \
"application/x-font-otf" \
"application/x-font-truetype" \
"application/x-font-ttf" \
"application/x-javascript" \
"application/x-web-app-manifest+json" \
"application/xhtml+xml" \
"application/xml" \
"font/eot" \
"font/otf" \
"font/ttf" \
"font/opentype" \
"image/bmp" \
"image/svg+xml" \
"image/vnd.microsoft.icon" \
"image/x-icon" \
"text/cache-manifest" \
"text/css" \
"text/html" \
"text/javascript" \
"text/plain" \
"text/vcard" \
"text/vnd.rim.location.xloc" \
"text/vtt" \
"text/x-component" \
"text/x-cross-domain-policy" \
"text/xml"
</IfModule>

<IfModule mod_expires.c>
ExpiresActive on
ExpiresDefault "access plus 1 year"

# DATA
ExpiresByType text/html "access plus 0 seconds"
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType text/plain "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
ExpiresByType application/ld+json "access plus 0 seconds"
ExpiresByType application/vnd.geo+json "access plus 0 seconds"
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/atom+xml "access plus 1 hour"
ExpiresByType text/x-component "access plus 1 hour"

# SCRIPTS
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType application/x-javascript "access plus 1 year"

# IMAGES
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpe "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/jp2 "access plus 1 year"
ExpiresByType image/pipeg "access plus 1 year"
ExpiresByType image/bmp "access plus 1 year"
ExpiresByType image/tiff "access plus 1 year"
ExpiresByType image/svg+xml "access plus 1 year"
ExpiresByType image/vnd.microsoft.icon "access plus 1 year"

# ICONS
ExpiresByType image/ico "access plus 1 year"
ExpiresByType image/icon "access plus 1 year"
ExpiresByType text/ico "access plus 1 year"
ExpiresByType image/x-ico "access plus 1 year"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType application/ico "access plus 1 year"

# AUDIO
ExpiresByType audio/ogg "access plus 1 year"
ExpiresByType audio/basic "access plus 1 year"
ExpiresByType audio/mid "access plus 1 year"
ExpiresByType audio/midi "access plus 1 year"
ExpiresByType audio/mpeg "access plus 1 year"
ExpiresByType audio/x-aiff "access plus 1 year"
ExpiresByType audio/x-mpegurl "access plus 1 year"
ExpiresByType audio/x-pn-realaudio "access plus 1 year"
ExpiresByType audio/x-wav "access plus 1 year"

# VIDEO
ExpiresByType video/ogg "access plus 1 year"
ExpiresByType video/mp4 "access plus 1 year"
ExpiresByType video/webm "access plus 1 year"
ExpiresByType video/x-msvideo "access plus 1 year"
ExpiresByType video/mpeg "access plus 1 year"
ExpiresByType video/quicktime "access plus 1 year"
ExpiresByType video/x-la-asf "access plus 1 year"
ExpiresByType video/x-ms-asf "access plus 1 year"
ExpiresByType x-world/x-vrml "access plus 1 year"

# FONTS
ExpiresByType font/truetype "access plus 1 year"
ExpiresByType font/opentype "access plus 1 year"
ExpiresByType application/x-font-ttf "access plus 1 year"
ExpiresByType application/x-font-woff "access plus 1 year"
ExpiresByType application/font-woff "access plus 1 year"
ExpiresByType application/font-woff2 "access plus 1 year"
ExpiresByType application/vnd.ms-fontobject "access plus 1 year"

# FLASH
ExpiresByType application/x-shockwave-flash "access plus 1 year"
ExpiresByType video/x-flv "access plus 1 year"

# MANIFEST
ExpiresByType application/x-web-app-manifest+json "access plus 0 seconds"
ExpiresByType text/cache-manifest "access plus 0 seconds"

# OTHERS
ExpiresByType application/pdf "access plus 1 year"
ExpiresByType image/vnd.wap.wbmp "access plus 1 year"
ExpiresByType application/vnd.wap.wbxml "access plus 1 year"
ExpiresByType application/smil "access plus 1 year"
<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=31536000"
</FilesMatch>

<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=31536000"
</FilesMatch>

<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac|eot|ttf|otf|woff|woff2|svg)$">
Header set Cache-Control "max-age=31536000"
</FilesMatch>

<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=31536000"
</FilesMatch>
</IfModule>​

Bonjour

Le délai pour te répondre a été long, toutes mes excuses, mais depuis, j'ai optimisé certaines choses sur mon site

- images,
- script
- et désactivé matomo


J'ai essayé de modifier mon htaccess en ajoutant à la fin de celui-ci ton code, j'obtiens une erreur de serveur

[B]Internal Server Error[/B]​
The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator at webmaster@caravane-camping.be to inform them of the time this error occurred, and the actions you performed just before this error.

More information about this error may be available in the server error log.

Si je ne mets que la première partie, pas d'erreur

<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE "application/atom+xml" \
"application/javascript" \
"application/json" \
"application/ld+json" \
"application/manifest+json" \
"application/rdf+xml" \
"application/rss+xml" \
"application/schema+json" \
"application/vnd.geo+json" \
"application/vnd.ms-fontobject" \
"application/x-font" \
"application/x-font-opentype" \
"application/x-font-otf" \
"application/x-font-truetype" \
"application/x-font-ttf" \
"application/x-javascript" \
"application/x-web-app-manifest+json" \
"application/xhtml+xml" \
"application/xml" \
"font/eot" \
"font/otf" \
"font/ttf" \
"font/opentype" \
"image/bmp" \
"image/svg+xml" \
"image/vnd.microsoft.icon" \
"image/x-icon" \
"text/cache-manifest" \
"text/css" \
"text/html" \
"text/javascript" \
"text/plain" \
"text/vcard" \
"text/vnd.rim.location.xloc" \
"text/vtt" \
"text/x-component" \
"text/x-cross-domain-policy" \
"text/xml"
</IfModule>​

[Helloo]

Bonjour,

Essaye de régler un problème après l’autre.

https://pagespeed.web.dev/analysis/https-www-caravane-camping-be/964pbbklls?hl=fr&form_factor=mobile

[carabao]

Bonjour

Merci

J'ai commencé à régler certains problèmes

• image jpeg --> webp
• suppression du script awesome de 5mb, en utilisant la version SVG des icônes
• Suppression matomo

Maintenant, le fait de différer certains chargements de feuilles CSS, peut-on le faire sans passer par un plugin payant ?

EDIT: ajout matomo

[Helloo]

As-tu vraiment corrigé tous les points des réponses reçus plus haut ?

Quelques fois, le résultat donne ça :
https://pagespeed.web.dev/analysis/h..._factor=mobile

[carabao]

Non, sûrement pas. J'ai commencé à régler les problèmes qui me semblaient à ma portée. Maintenant, je m'attaque à l'optimisation du cache, via un plugin, à la main ?