WebP et chargement différé natif V1.0.0 pour DLE

19 Avr, 2023

76 Vues

0 Commentaires

WebP et chargement différé natif V1.0.0 pour DLE


Le hack, installé via le système de plugin, fait automatiquement des copies des images téléchargées au format .webp et les affiche sur le site dans le format recommandé par Google.

Fonctionnalités:
Lors de l'ajout d'une nouvelle/publication, une copie de l'image au format *.webp est automatiquement créée.
Ajout de loading="lazy" à la balise img, ce qui permet de retarder le chargement des images au niveau du navigateur.
Les images sont stylisées selon les recommandations de Google. Des attributs width et height ont également été ajoutés à la balise img avec la taille de la vignette afin de résoudre les problèmes liés au décalage cumulatif de la mise en page (Cumulative Layout Shift).

La balise avant:
<img src="/path/to/pic.png" alt="Picture">


La balise aprés:
<picture>
	<source type="image/webp" srcset="/path/to/pic.webp">
	<img loading="lazy" src="/path/to/pic.png" alt="Picture" width="" height="">
</picture>


Installation:
Dans DLE admin : Utilitairess > Gestion des plugins > Importer un plugin.
Pour les anciennes nouvelles, vous devez lancer la reconstruction des publications par l'administration.
C'est fait !

Auteur: Vitali Shevchenko
Version Dle: 14.0-16.0
Bibliothèque GD2: activé


Ajouter un commentaire

Votre adresse électronique ne sera pas publiée. Les champs obligatoires sont marqués *

Information

Les utilisateurs du Invités ne sont pas autorisés à ajouter des commentaires à cette publication.