Mediacom87 Posted April 28, 2020 Share Posted April 28, 2020 (edited) Salut à tous, Voici le dernier module de ma production. Celui-ci s'attaque au plus gros soucis de tout propriétaire de site Internet, les performances. J'ai donc décidé de produire un module utile et très simple d'usage, à la portée des non initiés. Ce module va pouvoir intervenir sur 4 points en toute indépendance : Application du Lazy Loading natif des navigateurs modernes Possibilité d'étendre le LazyLoading natif aux anciens navigateurs ne possédant pas cette option Ajout automatique des dimensions des fichiers image pour améliorer le CLS Remplissage automatique des balise ALT vides ou absentes Préchargement des pages avant leur visite à la demande du visiteur Preconnexion aux services externes Cela peut faire peur à tout le monde, j'ai donc joins une FAQ très complète qui devrait répondre à toutes les questions des utilisateurs de ce module. Pour ceux qui connaissent déjà mes productions, vous savez que j'attache une très grande importance à la cohérence et à la simplicité pour que tout le monde puisse tirer la pleine capacité de sa boutique PrestaShop. Ici, le module s'installe et ne touche pas au code source de votre site mais arrive à travailler avant que la page ne soit affichée, ainsi pour la Lazy Loading, toutes les images de votre site seront traitées même si elles ne sont pas intégrées de base à votre Template qui peut intégrer ces méthodes de chargement des images à l'aide de javascripts, ce qui est moins performant puisque le traitement intervient côté client après que le contenu soit créé. TÉLÉCHARGER LE MODULE Démonstration TÉLÉCHARGER LE MODULE Edited December 16, 2021 by Mediacom87 (see edit history) Link to comment Share on other sites More sharing options...
Mediacom87 Posted November 30, 2021 Author Share Posted November 30, 2021 2.0.0 - 26/11/2021 Suppression de l'option permettant de décaler le chargement des images à la fin du chargement de la page car cette option posait des problèmes avec certains modules Amélioration du script de préchargement de la page au survol d'un lien Amélioration de LazyLoading en supprimant l'option sur la première image du site Ajout d'une option permettant aux navigateurs anciens ou incompatibles d'utiliser la fonction native LazyLoading comme Safari. Ajout d'une option pour ajouter des dimensions à toutes les images qui n'en ont pas dans le code de votre site Améliorations apportées à la FAQ Link to comment Share on other sites More sharing options...
P i l o u Posted December 1, 2021 Share Posted December 1, 2021 Bonjour, Avez-vous un site demo où il est possible de juger des performances de ce module svp ? Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 1, 2021 Author Share Posted December 1, 2021 il y a 3 minutes, P i l o u a dit : Bonjour, Avez-vous un site demo où il est possible de juger des performances de ce module svp ? Non, car cela ne montrera pas grand chose à mon avis mais je peux en monter un rapidement. La plupart des fonctionnalités étant là pour corriger des soucis sur certains mauvaises pratiques de template ou de développement je n'ai pas trop de possibilité de monter un site bancale. Après, je l'utilise sur mon site 😉 Link to comment Share on other sites More sharing options...
P i l o u Posted December 1, 2021 Share Posted December 1, 2021 Je comprends.. Ce module a l'air prometteur sur papier, et ce serait intéressant de pouvoir le tester (avec GTmetrix par exemple) en désactivant ou activant le module. Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 1, 2021 Author Share Posted December 1, 2021 Tu vas réussir à me motiver pour monter cette démo, tu me donneras ton avis. Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 1, 2021 Author Share Posted December 1, 2021 Salut, Je viens de mettre à disposition une démonstration mais comme je m'en doutais, cela n'est pas réellement probant puisque la base de Prestashop n'est pas catastrophique. Mais je vous laisse faire mumuse avec. Tout est indiqué sur la fiche produit sur mon site. Link to comment Share on other sites More sharing options...
P i l o u Posted December 2, 2021 Share Posted December 2, 2021 (edited) Bonjour, En effet, ce n'est pas très concluant, désolé de vous avoir dérangé.. En plus, je suis sur Ps 1.6 Il y a quand même une petite différence: sans le module: avec le module activé: Pagespeed sans le module: Pagespeed module activé: La différence en version mobile est nettement moins visible. Merci quand même. Edited December 2, 2021 by P i l o u (see edit history) Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 2, 2021 Author Share Posted December 2, 2021 Le module apporte une meilleure expérience de visite pour les humain plus que pour les robot. Il corrige pas mal de défauts de développement et surtout permet de précharger les pages avant de cliquer sur les lien ce qui permet un affichage des pages plus rapide pour les visiteurs et cela vous n'avez aucun robot qui peut le tester. Link to comment Share on other sites More sharing options...
coeos.pro Posted December 2, 2021 Share Posted December 2, 2021 intéressant, par contre il y a un décalage des images quand on passe l'option "Activer Lazy Loading" de non à oui Link to comment Share on other sites More sharing options...
P i l o u Posted December 2, 2021 Share Posted December 2, 2021 Salut coeos, Bien vu ! Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 3, 2021 Author Share Posted December 3, 2021 Il y a 7 heures, coeos.pro a dit : intéressant, par contre il y a un décalage des images quand on passe l'option "Activer Lazy Loading" de non à oui Qu’entends-tu par décalage ? Link to comment Share on other sites More sharing options...
P i l o u Posted December 3, 2021 Share Posted December 3, 2021 Salut, On peut observer le décalage de l'image sur la fiche produit. Lazy loading désactivé: Lazy loading activé: Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 3, 2021 Author Share Posted December 3, 2021 Merci pour le retour, je regarde pourquoi le même code que le template d'origine provoque ce décalage. Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 3, 2021 Author Share Posted December 3, 2021 Ok, le bug n'est présent qu'à partir de la version 1.7.8.x de PrestaShop je vais donc corriger la méthode utilisé pour rendre cela plus performant et ne plus impacter l’affichage. Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 3, 2021 Author Share Posted December 3, 2021 Merci pour l'alerte, j'ai trouvé la solution et je vais proposer la mise à jour. Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 11, 2021 Author Share Posted December 11, 2021 Bonjour, suite au défaut relevé concernant la version 1.7.8.x de Prestashop je me suis replongé dans ce module et j'en ai profité pour le réécrire intégralement pour y proposer de nouvelles solution d'analyse des pages html ainsi que de meilleures performances sur le traitement automatique des options proposées. Un ensemble d'explications fut ajouté pour permettre à chaque utilisateur de comprendre ce qu'il est préférable de faire. 2.2.0 - 09/12/2021 Ajout de l'onglet de test Tester les images de n'importe quelle url du magasin pour définir si le LazyLoading natif est actif, connaître les dimensions des images si elles sont définies ou contrôler la balise ALT. Tester n'importe quelle page du site pour connaître les scripts externes actifs dans le code Contribution à la FAQ 2.1.0 - 03/12/2021 Correction d'un bug d'affichage sur PrestaShop version 1.7.8.x Amélioration des performances Amélioration de l'indépendance des options pour permettre une configuration plus fine en fonction du modèle utilisé Link to comment Share on other sites More sharing options...
Mediacom87 Posted December 16, 2021 Author Share Posted December 16, 2021 (edited) Bonjour, j'ai ajouté plusieurs démonstrations sur plusieurs versions de PrestaShop : https://medimgdefer.carrd.co/ Edited December 16, 2021 by Mediacom87 (see edit history) Link to comment Share on other sites More sharing options...
camiau Posted January 21, 2022 Share Posted January 21, 2022 Bonjour, Est ce que le module prend en charge les java et css des autre modules ? Votre module fonction t'il aussi avec un serveur Litespeed ? Merci Philippe Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 21, 2022 Author Share Posted January 21, 2022 il y a 9 minutes, camiau a dit : Est ce que le module prend en charge les java et css des autre modules ? je ne comprends pas la question il y a 9 minutes, camiau a dit : Votre module fonction t'il aussi avec un serveur Litespeed ? Oui, il ne doit pas exister de contrainte. Link to comment Share on other sites More sharing options...
camiau Posted January 21, 2022 Share Posted January 21, 2022 Désoler si je me suis mal exprimé Merci pour votre retour. Est-ce que votre module compresse la java des modules ajoutés ? Travaille t'il sur les modules ajouté ? Link to comment Share on other sites More sharing options...
Mediacom87 Posted January 21, 2022 Author Share Posted January 21, 2022 il y a 55 minutes, camiau a dit : Désoler si je me suis mal exprimé Merci pour votre retour. Est-ce que votre module compresse la java des modules ajoutés ? Travaille t'il sur les modules ajouté ? Le module ne compresse rien puisque cette option est native dans Prestashop. Link to comment Share on other sites More sharing options...
camiau Posted January 24, 2022 Share Posted January 24, 2022 Merci Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now