Thème juggler + problème plugin Static_comment

demiseldemisel Member
dans Réalisations

Bonsoir,
J'aimerai avoir des avis concernant ce petit site vitrine que j'ai réalisé pour un intermittent du spectacle. Je l'ai fais pour le dépanner et aussi pour m'en servir comme première référence donc n'hésitez pas à me dire ce qui va et surtout ce qui va pas... dans la console de l'outil de développement sur firefox je vois quelques erreurs en jaune mais je ne vois pas comment les résoudre.

Sur la page "Témoignage" j'ai tester avec plusieurs commentaires pour que s'affiche la pagination mais je ne sais pas comment faire et où allez pour supprimer ces commentaires de test :s

Lien du site : https://120studio.zd.lu/index.html

Mots clés:

Réponses

  • kowalskykowalsky Member

    bonjour @demisel
    est-ce que pour tes pages statiques tu n'utiliserais pas le plugin "StaticComments" ?

    sinon il y beaucoup d'avertissements qui proviennent du player youtube, le reste des nombreux scripts que tu utilises.

    il faudra aussi faire attention à la taille de tes images...Il y a beaucoup d'optimisation à faire pour réduire les temps de chargement :)

    Et à titre personnel je trouve que le site est trop sombre et que la taille du texte est trop petite, mais bon les goûts et les couleurs :)

  • bazooka07bazooka07 PluXml Lead Developer, Moderator

    Aujourd'hui, on doit d'abord construire son site pour un affichage optimal sur un smartphone. C'est l'usage des visiteurs de sites internet qui veut cela.
    Ton site est trop lent à charger. Les visiteurs vont vite perdre patience.
    Il y a pléthore de scripts JS et de feuilles de style CSS. Il faut arriver à simplifier cela.
    les urls themes/viwdefault/assets/css/owl.carousel.css et themes/viwdefault/assets/css/font-awesome.min.css renvoient en fait une page HTML.
    Comme dit @kowalsky, le site est vraiment sombre. On est loin d'une ambiance festive.

    Bon courage.

    Accès à mon dépôt de plugins et thèmes
    installe PluXml plus vite que ton ombre avec kzInstall2

  • demiseldemisel Member

    Oui c'est c'est bien le plugin StaticComments de Cyrille. J'avoue ne pas comprendre pour les images car elles sont toutes optimisées pour le web et mis à part quelques exceptions elles ne dépasse jamais 200Ko et j'ai aussi le background de la partie "à propos" qui a une résolution de 1920x1080 et sur la page il est comme déformé, ça pixelise, merci pour ton retour

  • demiseldemisel Member

    Bonjour, je n'avais pas vu ton message bazooka.

    J'ai construis le site en local avec Laragon donc je n'avais pas de soucis de chargement à ce moment là. Selon vous, le fait que le site soit lent à charger peut-il venir du fait que j'utilise un hébergement gratuit ?

  • gcyrillus-nomadegcyrillus-nomade Member

    Bonjour,

    Pour enlever un commentaire, il faut pour le moment éditer le fichier .json au même nom que la statique en retirant l'accolade ouvrante et fermante qui contient le commentaire ainsi que la virgule derrière l'accolade fermante.

    Je regarde sitôt sur m9n pc pour ajouter un lien de suppression sur les commentaires.


    Cordialement,
    gcyrillus , simple membre du forum et utilisateur de pluxml

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci

  • demiseldemisel Member

    merci beaucoup !
    j'avais bien vu un fichier json mais je n'yavais pas préter attention... il se trouve dans : data\statiques "comment-.json"

  • kowalskykowalsky Member

    Bonjour @demisel
    pour les commentaires à effacer, il faudra donc regarder dans l'administration du plugin

    Sinon ton site est lent à charger car il y a beaucoup de fichiers lourds à récupérer et tous ne sont pas mis en cache :(
    Tu as sans doute optimisé les photos qui sont dans le dossier https://120studio.zd.lu/themes/viwdefault/assets/img/projects/ mais pas le reste :)
    Tu peux le constater en allant sur l'onglet "réseau" de l'outil de dev de Firefox. Recharge ta page d'accueil en effaçant le cache (CTRL + F5) et tu auras :
    29 requêtes
    19,09 Mo / 12,65 Mo transférés
    Terminé en : 33,44 s
    DOMContentLoaded: 1,45 s
    load: 3,29 s

    https://www.youtube.com/s/player/d60b0ef9/player_ias.vflset/fr_FR/base.js -> 2,39 Mo
    https://120studio.zd.lu/data/medias/nature-medieval-texture-background-medieval-background-textures-nature-old-vintage-retro-medieval-background-wallpaper-ai-generated.jpg -> 2,74 Mo
    https://120studio.zd.lu/data/medias/vecteezy_jugglers-in-motion-capturing-dynamic-throws-and-catches_34220603.jpg -> 1.83 Mo
    https://120studio.zd.lu/data/medias/001.jpg -> 1 Mo
    https://120studio.zd.lu/data/medias/poesie-des-bas-fond-cover.png -> 1 Mo
    https://120studio.zd.lu/data/medias/woodbg.jpg -> 800 Ko
    https://120studio.zd.lu/data/medias/maudite-gravitée.png -> 560 Ko
    etc.

    il y a aussi beaucoup de feuilles de style et de scripts :

    <link rel="stylesheet" href="https://120studio.zd.lu/themes/viwdefault/assets/css/bootstrap.min.css">
<link rel="stylesheet" href="https://120studio.zd.lu/themes/viwdefault/assets/css/style.css">
<link rel="stylesheet" href="https://120studio.zd.lu/themes/viwdefault/assets/css/responsive.css">
<link rel="stylesheet" href="https://120studio.zd.lu/themes/viwdefault/assets/css/fontawesome-pro-6.5.1-web/css/all.min.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/AmauriC/tarteaucitron.js@20200910/tarteaucitron.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./plugins/spxvisualwizard/assets/owlcarousel/owl.carousel.min.css" media="screen"> 
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./plugins/spxvisualwizard/assets/owlcarousel/owl.theme.default.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./plugins/spxvisualwizard/assets/prism/prism.css" media="screen">
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./plugins/spxvisualwizard/assets/animate/animate.css" media="screen"> 
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./plugins/spxvisualwizard/assets/fontawesome/font-awesome.min.css" media="screen"> 
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./plugins/spxvisualwizard/widgets/vwifront.css" media="screen"> 
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./plugins/spxvisualwizard/widgets/vwifrontflex.css" media="screen"> 
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/./data/visualwizard/css/vwiconfig.css" media="screen">
<script src="https://cdnjs.cloudflare.com/ajax/libs/geopattern/1.2.3/js/geopattern.min.js"></script>
<script src="https://120studio.zd.lu/plugins/spxvisualwizard/assets/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="https://120studio.zd.lu/plugins/spxvisualwizard/assets/anime/anime.min.js"></script>
<script src="https://120studio.zd.lu/plugins/spxvisualwizard/assets/segmenter/segmenter.js"></script>
<script src="https://120studio.zd.lu/plugins/spxvisualwizard/admin/js/shortlib/viw-utils.js"></script>
<link rel="stylesheet" href="https://120studio.zd.lu/plugins/spxvisualwizard/assets/lightbox2/css/lightbox.min.css">
<script src="https://120studio.zd.lu/plugins/spxvisualwizard/assets/lightbox2/js/lightbox.min.js"></script>
<script type="text/javascript" src="https://120studio.zd.lu/plugins/spxvisualwizard/assets/simplemasonry/jquery.simplemasonry.js"></script>
<script type="text/javascript" src="https://120studio.zd.lu/plugins/spxvisualwizard/assets/owlcarousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="https://120studio.zd.lu/plugins/spxvisualwizard/assets/prism/prism.js"></script> 
<link rel="stylesheet" href="https://120studio.zd.lu/plugins/ScrollIndicator/app/style.min.css">
<link rel="stylesheet" type="text/css" href="https://120studio.zd.lu/plugins/plxSuperContact/css/superContact.css" media="screen">
<link rel="stylesheet" href="https://120studio.zd.lu/plugins/plxDonsPayPal/css/plxDonsPayPal.css" type="text/css" media="screen">

    et cela ne prends pas en compte tous les requêtes bloquées vers google, youtube et autres analyseurs d'audience par mes bloqueurs de pub :)

  • demiseldemisel Member

    ok merci bien pour votre retour, je vais faire le ménage et je reviens ici dans quelques temps

  • petitpouyopetitpouyo Member
    20 juil. modifié

    Salut,
    j'adore ton site ! De mon côté il se charge assez vite (est-ce que la fibre y est pour quelque chose ?), les sites sombres ça me va mais c'est vrai qu'il est hyper chargé de contenu c'est pas très éco-friendly.

    Sinon pour le site en général c'est bien ficelé.

    Pense à renommer ta page Statique 1 car c'est pas très pro sur l'onglet.

    Jubbler c'est un thème que tu as entièrement créer ou bien c'est un fork ?

    Mon blog sous PluXml depuis 2016: PetitPouyo

  • demiseldemisel Member

    salut petitpouyo ! ton message me fait bien plaisir parceque j'ai souvent parcouru ton site, j'ai choisi de faire un site sombre pour pouvoir faire ressortir les couleurs et pouvoir jouer sur les effets de transparence mais visiblement ça renvoie quelque chose de terne.

    En fait je me suis servis d'un site one page que j'aime bien avec plusieurs scripts qui animent et qui fonctionne avec bootstrap 4, j'ai découpé les différentes sections de ce site one-page pour ensuite les intégrer à visual wizard en me servant de l'outil "BrutHTML" ou "RAWHTML" vu qu'à la base VW fonctionne comme bootstrap et comme ça je me suis dis que je pourrais ajouter quelques fonctionnalitées propre à VW et ça me simplfierai les choses pour régler la partie mobile, tablette et pc mais je constate que visual wizard créer beaucoup de requêtes... J'ai réduit l'ensemble des images de mon dossier média à 3,30Mo et celles de mon dossier assets à 4 Mo mais je peux pas faire mieux

  • kowalskykowalsky Member
    20 juil. modifié

    @demisel puisque tu parles de transparence, j'avais remarqué un effet d'opacité appliqué à plusieurs endroits, c'est peut être ce qui rend le site "sombre/terne", et pas forcément le fond noir. Une piste à étudier !

    @petitpouyo attention à ne pas confondre vitesse d'affichage et vitesse de chargement :)
    j'ai également la fibre, le site s’affiche en 3 secondes sur mon navigateur (voir load dans mon précédent message) mais le chargement de tous les composants prend un peu plus de temps (33 sec) ;)
    A titre de comparaison ton site s'affiche et se charge en moins d'une seconde chez moi. Ce sont bien tous les "effets" visuels qui "ralentissent" le site de demisel. Et bien que ton site ait un fond noir, je le trouve plus lisible que celui de demisel (sans doute l'effet d'opacité) avec une taille de police plus grande (16px chez toi, 14px chez demisel) qui m'en facilite la lecture.

    Sur un mobile avec débit limité, c'est plus flagrant chez demisel.
    Tu peux tester cela avec l'outil de dev de firefox en allant sur l'onglet "reseau" puis en appliquant à droite une limitation de bande passante.
    En 3G :
    121 requêtes
    11,56 Mo / 6,02 Mo transférés
    Terminé en : 1,59 min
    DOMContentLoaded: 19,90 s
    load: 1,07 min

    En 4G :
    124 requêtes
    11,56 Mo / 6,11 Mo transférés
    Terminé en : 27,89 s
    DOMContentLoaded: 4,15 s
    load: 12,75 s

    @demisel Je précise, s'il en était besoin, que personne ne critique ton travail (on voit bien que tu y as passé du temps), ce sont juste nos avis avec quelques conseils d'optimisation puisque demandés :)

  • gcyrillus-nomadegcyrillus-nomade Member
    20 juil. modifié

    Bonsoir,

    Mise à jour du plugin pour faciliter le nettoyage des commentaires et compatibilité pour PHP >= 8.3.0 https://ressources.pluxopolis.net/banque-plugins/plugins/StaticComments.2.0.zip

    Pour la mise à jour: remplacer tous les fichiers par les nouveaux, puis désactiver et réactiver le plugin pour rafraichir la nouvelle feuille de style.

    Pour effacer un commentaire:
    1. se connecter en Administrateur à l'administration
    2. se rendre sur la page statique coté visiteurs et cliquer sur le lien [delete #X] du commentaire à effacer

    Cdt


    Cordialement,
    gcyrillus , simple membre du forum et utilisateur de pluxml

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci

  • demiseldemisel Member

    Bonjour, je lis vos messages avec attention et il n'y a pas de soucis kowalsky, on but en créant ce post était justement d'avoir vos avis et critiques même si sur le coup ça pique un peu je pense que ça permet de progresser. Si ce thème intéresse quelqu'un y a pas de problème pour vous envoyer les fichiers

    gcyrillus-nomade, merci ! ;)

  • petitpouyopetitpouyo Member
    21 juil. modifié

    @kowalsky oui c'est vrai que j'ai pas pensé à la vitesse de chargement, le site de demisel à énormément de requêtes et d'images d'où les ralentissement. Après sur mobile je n'ai pas essayé ceci dit c'est un beau travail qu'il faut peaufiner.

    Sur mon blog qui est un fork de Color (https://pluxthemes.com/listing-des-themes/page3), la différence est que j'ai modifier la couleur du texte de gris à blanc pour faciliter la lecture et supprimer quasiment toute image hormi le logo afin d'alléger le blog qui ma valu un beau badge A sur ecoindex.

    @demisel ton thème est bien, il faut peaufiner et essayer de réduire au maximum la taille des images et le nombres de requêtes, dans tout les cas c'est toujours plus léger que Wordpress et compagnie !

    Je suis intéressé par ton thème si tu veux bien, je peux t'envoyer les miens qui sont plus léger.

    Mon blog sous PluXml depuis 2016: PetitPouyo

  • demiseldemisel Member

    dans tout les cas c'est toujours plus léger que Wordpress et compagnie !

    Bon bah c'est good alors ! c'est la phrase que je voulais entendre !

    Je suis intéressé par ton thème si tu veux bien, je peux t'envoyer les miens qui sont plus léger.

    oui je veux bien, explique moi comment t'envoyer l'archive s"il te plait?

  • petitpouyopetitpouyo Member

    Hello @demisel je t'ai envoyé un MP !

    Mon blog sous PluXml depuis 2016: PetitPouyo

  • gcyrillus-nomadegcyrillus-nomade Member

    Pour le plugin , voici une autre mise à jour pour une meilleur compatibilité avec le plugin plxMyBetterUrl pour ceux en faisant usage et la modérations des commentaires par lot coté visiteur au lieu d'un à un. https://ressources.pluxopolis.net/banque-plugins/plugins/StaticComments.2.0.1.zip
    Pour la mise à jour ,

    • désactiver le plugin ,
    • écraser les fichiers avec la maj
    • réactiver le plugin.


    Cordialement,
    gcyrillus , simple membre du forum et utilisateur de pluxml

    Mon site PluXml: https://re7net.com | Plugins: https://ressources.pluxopolis.net/banque-plugins/index.php?all_versions | demos sur free http://gcyrillus.free.fr/new | Thèmes: tester et télécharger @ https://pluxthemes.com
    Indiquez [RESOLU] dans le titre de votre question une fois le soucis réglè, Merci

Connectez-vous ou Inscrivez-vous pour répondre.