diff --git a/best-practices-WordPress/fiches/14. Augmenter l'intervale de temps entre deux sauvegardes automatiques.md b/best-practices-WordPress/fiches/14. Augmenter l'intervale de temps entre deux sauvegardes automatiques.md deleted file mode 100644 index c3d3787f..00000000 --- a/best-practices-WordPress/fiches/14. Augmenter l'intervale de temps entre deux sauvegardes automatiques.md +++ /dev/null @@ -1,39 +0,0 @@ ---- -title: 14. Augmenter l'intervale de temps entre deux sauvegardes automatiques -people: Dominique N. -scope: Stockage -state_validation: To Validate -responsible: - - Code(use·ur) → Développeu·se·r -lifecycle: - - 2 - Conception / Design - - 3 - Développement -priority_implementation: Faible 👍 -environmental_impact: Faible 🌱 -saved_resources: - - Stockage -path: /fiches/14-augmenter-l-intervale-de-temps-entre-deux-sauvegardes-automatiques ---- - -## Sujet - -WordPress sauvegarde automatiquement les modifications en cours à un intervale de 2 minutes. - -Vous pouvez augmenter ce temps pour limiter le nombre de révisions générées et diminuer l'intervalle des appels serveurs. - -Cette bonne pratique est à appliquer en complément de la fiche #[15. Limiter le nombre de révisions](./15.%20Limiter%20le%20nombre%20de%20r%C3%A9visions.md) - -## Exemple - -Placer cette ligne dans le fichier de configuration wp-config.php - -``` -// Ici l'intervalle entre deux sauvegardes est de 360 secondes -define('AUTOSAVE_INTERVAL', 360); -``` - -## Principe de validation - -| Le temps entre | est superieur ou égal à | -| ------------- | :---------------------: | -| deux sauvegardes automatique | 3 min | diff --git a/best-practices-WordPress/fiches/14. Augmenter l'intervalle de temps entre deux enregistrements automatiques.md b/best-practices-WordPress/fiches/14. Augmenter l'intervalle de temps entre deux enregistrements automatiques.md new file mode 100644 index 00000000..a4fd8d6f --- /dev/null +++ b/best-practices-WordPress/fiches/14. Augmenter l'intervalle de temps entre deux enregistrements automatiques.md @@ -0,0 +1,48 @@ +--- +title: 14. Augmenter l'intervalle de temps entre deux enregistrements automatiques +people: Dominique N. +scope: Stockage +state_validation: To Validate +responsible: + - Code(use·ur) → Développeu·se·r + - No-code → Madame et Monsieur tout le monde +lifecycle: Intégration & Développement +priority_implementation: Faible 👍 +environmental_impact: Faible 🌱 +saved_resources: + - Stockage + - Réseau + - Requêtes +path: /fiches/14-augmenter-l-intervalle-de-temps-entre-deux-enregistrements-automatiques +toIndex: true +--- + +## Sujet + +WordPress enregistre automatiquement les modifications de brouillons, d'articles et de pages au fur et à mesure des modifications à un intervalle régulier de 2 minutes par défaut. + +## GreenIT vous conseille +Nous vous proposons deux alternatives pour réduire le nombre d'appels serveur et réduire l'impact sur le stockage. +Cette bonne pratique est à appliquer en complément de la fiche [15. Limiter le nombre de révisions](./15.%20Limiter%20le%20nombre%20de%20r%C3%A9visions.md) + +### Solution no-code 🌱 +Nous vous conseillons de travailler vos textes via un traitement de texte en [[local]]. Une fois que votre texte est prêt pour la publication, vous pouvez le copier/coller, en utilisant `Ctrl + Shift + v` pour supprimer l'import de styles indésirables issus du traitement de texte et ainsi utiliser les styles de votre propre site. + +### Solution code pas-à-pas 🌱 +Vous pouvez aussi augmenter cet intervalle de sauvegarde pour limiter le nombre de révisions générées. +Placer cette ligne dans le fichier de configuration `wp-config.php`, via un [[ftp|serveur FTP]] : +``` +// Ici l'intervalle entre deux sauvegardes est de X secondes +define('AUTOSAVE_INTERVAL', X); +``` +#### Exemple +``` +// Ici l'intervalle entre deux sauvegardes est de 360 secondes +define('AUTOSAVE_INTERVAL', 360); +``` + +## Principe de validation + +| Le nombre | est inférieur ou égal à | +| ------------- | :---------------------: | +| d'enregistrements automatiques avec un intervalle de moins de 5 min | 0 | diff --git "a/best-practices-WordPress/fiches/15. Limiter le nombre de r\303\251visions.md" "b/best-practices-WordPress/fiches/15. Limiter le nombre de r\303\251visions.md" index ee8734c4..256fe164 100644 --- "a/best-practices-WordPress/fiches/15. Limiter le nombre de r\303\251visions.md" +++ "b/best-practices-WordPress/fiches/15. Limiter le nombre de r\303\251visions.md" @@ -5,31 +5,36 @@ scope: Stockage state_validation: To Validate responsible: - Code(use·ur) → Développeu·se·r -lifecycle: - - 2 - Conception / Design - - 3 - Développement +lifecycle: Intégration & Développement priority_implementation: Faible 👍 environmental_impact: Faible 🌱 saved_resources: - Stockage path: /fiches/15-limiter-le-nombre-de-revisions +toIndex: true --- ## Sujet WordPress enregistre des révisions pour chaque mise à jour des contenus. Vous pouvez les limiter aux 10 dernières modifications afin de limiter le poids de la base de données. -Cette bonne pratique est à appliquer en complément de la fiche #[14. Augmenter l'intervale de temps entre deux sauvegardes automatiques](./14.%20Augmenter%20l'intervale%20de%20temps%20entre%20deux%20sauvegardes%20automatiques.md) +Cette bonne pratique est à appliquer en complément de la fiche [14. Augmenter l'intervale de temps entre deux sauvegardes automatiques](./14.%20Augmenter%20l'intervale%20de%20temps%20entre%20deux%20sauvegardes%20automatiques.md) -## Exemple +## GreenIT vous conseille -Placez cette ligne dans votre fichier de configuration : +Placez cette ligne dans votre fichier de configuration `wp-config.php` où X étant le nombre de la limite : + +`define('WP_POST_REVISIONS', X);` + +## Exemple : + +Pour enregistrer seulement les 10 dernières révisions : `define('WP_POST_REVISIONS', 10);` ## Principe de validation -| Le nombre de révisions | est inférieur ou égal à | +| Le nombre | est inférieur ou égal à | | ------------- | :---------------------: | -| par contenu | 10 | \ No newline at end of file +| de révisions par contenu | 10 | diff --git a/best-practices-WordPress/fiches/22. La taille des images.md "b/best-practices-WordPress/fiches/22. Utiliser une version d'image ayant taille coh\303\251rente avec son utilisation.md" similarity index 67% rename from best-practices-WordPress/fiches/22. La taille des images.md rename to "best-practices-WordPress/fiches/22. Utiliser une version d'image ayant taille coh\303\251rente avec son utilisation.md" index 901f2e40..106e5edc 100644 --- a/best-practices-WordPress/fiches/22. La taille des images.md +++ "b/best-practices-WordPress/fiches/22. Utiliser une version d'image ayant taille coh\303\251rente avec son utilisation.md" @@ -1,5 +1,5 @@ --- -title: 22. La taille des images +title: 22. Utiliser une version d'image ayant taille cohérente avec son utilisation people: Renaud H. scope: Images state_validation: DONE @@ -8,9 +8,7 @@ responsible: - Designeu(se·r) - Low-code → Freelance et développeur Front-End d'agences - No-code → Madame et Monsieur tout le monde -lifecycle: - - 2 - Conception / Design - - 3 - Développement +lifecycle: Intégration & Développement priority_implementation: Fort 👍👍👍 environmental_impact: Fort 🌱🌱🌱 saved_resources: @@ -18,40 +16,40 @@ saved_resources: - Mémoire vive - Stockage - Réseau -path: /fiches/22-la-taille-des-images +path: /fiches/22-utiliser-une-version-image-ayant-taille-coherente-avec-son-utilisation toIndex: true --- ## Sujet -Les images sont un des éléments les plus lourds des sites web. Une mauvaise compression ou **un mauvais dimensionnement de vos images auront un impact négatif sur vos performances d'affichage (et donc écologique) et sur la notation Google de votre site**. +Les images sont un des éléments les plus lourds des sites web. Une mauvaise compression ou **un mauvais dimensionnement de vos images auront un impact écologique négatif, ainsi que sur vos performances d'affichage et la notation Google de votre site en sera aussi pénalisée**. -Lors de l'ajout d'une image dans l'interface d'une page, il faut se poser plusieurs questions, abordées sur d'autres fiche de ce guide : +Lors de l'ajout d'une image dans l'interface d'une page, il faut se poser plusieurs questions, abordées sur d'autres fiches de ce guide : - Le type d'image (JPG, PNG, SVG, etc. voir [28. Type d'images à utiliser suivant le contexte d'utilisation](/best-practices-WordPress/fiches/28.%20Type%20d'images%20%C3%A0%20utiliser%20suivant%20le%20contexte%20d'utilisation.md) ) - La compression possible ou le nombre de couleurs embarquées - La transparence ou non - Et ici, la taille de l'image. -Lors de l'upload, WordPress crée d'office des version vignettes de vos médias. +Lors de l'upload, WordPress crée d'office des versions [[vignette|vignettes]] de vos médias. -Les vignettes sont des versions de dimensions réduites de votre média initiale et certaines avec des proportions différentes (carrée). +Les vignettes sont des versions de dimensions réduites de votre média initial et certaines avec des proportions différentes (carrée). -Les thèmes, si c'est configuré dans le code, font aussi des vignettes répondant à leur interface (une pour un affichage en grille en mobile pour les Portfolios, une autre pour la version tablette, etc.). +Les [[theme|thèmes]], si c'est configuré dans le code, génèrent aussi des vignettes répondant aux besoins de leur interface (une pour un affichage en grille, en mobile pour les Portfolios, une autre pour la version tablette, etc.). Lors de la création d'un site, il est important de configurer la génération des vignettes pour optimiser et accélérer l'affichage. -Sachant que votre site va finalement n'utiliser que des versions de tailles réduites de vos images, il est aussi bon pour la planète de se poser la question lors de l'upload de votre média si une version en 2600px est nécessaire alors que votre site n'affiche que des images de 800px maximum. En effet, ces medias "gigantesques" resteront néanmoins stockés sur le serveur, devront transiter sur les réseaux lors de l'upload et seront conservés dans les sauvegardes de votre site. +Sachant que votre site va finalement n'utiliser que des versions de tailles réduites de vos images, il est aussi bon pour la planète de se poser la question lors de l'upload de votre média si une version en 2600 px est nécessaire alors que votre site n'affiche que des images de 800 px maximum. En effet, ces médias "gigantesques" resteront néanmoins stockés sur le serveur, devront transiter sur les réseaux lors de l'upload et seront conservés dans les sauvegardes de votre site. ## GreenIT vous conseille ### Solution no-code 🌱 -Voici un plugin pour créer des vignettes (`post-thumbnails`) et regénéner les images pour qu'elles soient disponnible dans WordPress : https://wordpress.org/plugins/regenerate-thumbnails-advanced/ +Voici un plug-in pour créer des vignettes (`post-thumbnails`) et régénérer les images pour qu'elles soient disponibles dans WordPress : https://wordpress.org/plugins/regenerate-thumbnails-advanced/ ### Solution code 🌱🌱🌱 -Lorsque vous créer un thème ou lorsque vous utiliser un builder de site, ajoutez à votre site cet exemple de code pour pouvoir générer et utiliser la bonne taille de vignettes suivant son contexte d'utilisation : +Lorsque vous créez un thème ou lorsque vous utilisez un builder de site, ajoutez à votre site cet exemple de code pour pouvoir générer et utiliser la bonne taille de vignettes suivant son contexte d'utilisation : ```php /** diff --git "a/best-practices-WordPress/fiches/33. Mettre des donn\303\251es en cache.md" "b/best-practices-WordPress/fiches/33. Mettre des donn\303\251es en cache.md" index 2ef2ec25..2fc756a5 100644 --- "a/best-practices-WordPress/fiches/33. Mettre des donn\303\251es en cache.md" +++ "b/best-practices-WordPress/fiches/33. Mettre des donn\303\251es en cache.md" @@ -5,26 +5,41 @@ scope: Cache state_validation: Doing responsible: - Code(use·ur) → Développeu·se·r -lifecycle: - - 3 - Développement +lifecycle: Intégration & Développement priority_implementation: Moyen 👍👍 environmental_impact: Moyen 🌱🌱 saved_resources: - Requêtes path: /fiches/33-mettre-des-donnees-en-cache +toIndex: true --- ## Sujet -WordPress propose une fonction très intéressante qu'il est bon d'avoir en tête lorsqu'on développe une fonctionnalité spécifique qui nécessite d'afficher des données en front. +WordPress propose une fonction très intéressante qu'il est bon d'avoir en tête lorsqu'on développe une fonctionnalité spécifique qui nécessite d'afficher des données en [[front-office|front]] : ==Les Transients ou données transitoires== ! -> !! **Les Transients ou données transitoires** +Un transient est une [[api|API]] qui permet de mettre des données en [[cache]]. +Cette fonctionnalité permettra de mettre en cache les données qui sont réutilisées afin de limiter le nombre de [[requete|requêtes]] permettant une optimisation de la rapidité de chargement du site qui sera aussi bénéfique pour son [[seo|SEO]]. -L'API WordPress Transient s'utilise de la même manière que l'API Options. Elle ajoute cependant la notion de durée de vie. +Concrétement au chargement d'une page, Wordpress vérifie si un transient existe. +- Si ce n'est pas le cas, il va chercher la donnée puis l'afficher. +- Si c'est le cas, il va directement afficher la donnée. + +**Tout n'est pas à mettre en cache !** +Pour un maximum de gain, préférez utiliser cette méthode : +- pour des contenus complexes à générer +- pour un même contenu présent sur plusieurs pages +- ou pour un contenu qui ne changera plus (transient sans délai d'expiration) ## GreenIT vous conseille -Cette fonctionnalité vous permettra de mettre en cache les données qui sont réutilisées afin de limiter le nombre de requêtes. +### Solution no-code 🌱 + +L'utilisation de l'[[api|API]] décrite ci-dessous reste une solution technique qui nécéssite de mettre les mains dans le code. Cependant, des extensions de système de cache peuvent plus ou moins finement gérer les données transitoires (voir la documentation de l'extension) sinon, des extensions complémentaires existent. + +### Solution code 🌱🌱 + +L'API WordPress Transient s'utilise de la même manière que l'API Options. Elle ajoute cependant la notion de durée de vie. À noter qu'une donnée transitoire expirée reste en base de données et peut résulter d'une désinstallation d'extension ou de changement de thème. Si la liste des derniers articles est affichée sur plusieurs pages, nous pouvons par exemple enregistrer cette liste (et son code html) dans un Transient. Ainsi, lors de l'affichage de ce bloque, vous n'aurez qu'une requête à faire pour ce bloc, au lieu d'une boucle qui récupère les X derniers articles. diff --git a/lexique/api.md b/lexique/api.md new file mode 100644 index 00000000..11726303 --- /dev/null +++ b/lexique/api.md @@ -0,0 +1,7 @@ +--- +title: API +path: /lexique/api +toIndex: true +--- + +Interface informatique agissant avec ou sur un service tier, signifiant Application programming interface ou « interface de programmation d'application » diff --git a/lexique/back-office.md b/lexique/back-office.md index 7853f44c..c99e0072 100644 --- a/lexique/back-office.md +++ b/lexique/back-office.md @@ -1,7 +1,5 @@ --- title: Back-office -created at: Wed S 30 2021 14:14:20 GMT+0000 (Coordinated Universal Time) -updated at: Thu Dec 23 2021 11:04:10 GMT+0000 (Coordinated Universal Time) path: /lexique/back-office toIndex: true --- diff --git a/lexique/cache.md b/lexique/cache.md new file mode 100644 index 00000000..2e672808 --- /dev/null +++ b/lexique/cache.md @@ -0,0 +1,7 @@ +--- +title: Cache +path: /lexique/cache +toIndex: true +--- + +Moyen de sauvegarder et de rappeler rapidement les données fréquemment utilisées diff --git a/lexique/front-office.md b/lexique/front-office.md new file mode 100644 index 00000000..d03d27ce --- /dev/null +++ b/lexique/front-office.md @@ -0,0 +1,7 @@ +--- +title: Front-office ou simplement Front +path: /lexique/front-office +toIndex: true +--- + +Partie d'un site internet visible par les internautes diff --git a/lexique/ftp.md b/lexique/ftp.md new file mode 100644 index 00000000..b7963060 --- /dev/null +++ b/lexique/ftp.md @@ -0,0 +1,7 @@ +--- +title: Ftp +path: /lexique/ftp +toIndex: true +--- + +Un serveur FTP (File Transfer Protocol) est un logiciel utilisé dans le transfert de fichiers entre deux entités comme entre un ordinateur et un serveur hébergant un site. Un accès FTP explorer en ligne est souvent fourni par l'hébergeur sinon, le logiciel le plus connu est FileZilla. diff --git a/lexique/local.md b/lexique/local.md new file mode 100644 index 00000000..9107f185 --- /dev/null +++ b/lexique/local.md @@ -0,0 +1,7 @@ +--- +title: Local +path: /lexique/local +toIndex: true +--- + +Travailler en local signifie travailler sur et avec des logiciels installés et des fichiers enregistrés sur notre propre ordinateur/tablette/mobile. diff --git a/lexique/requete.md b/lexique/requete.md new file mode 100644 index 00000000..4c246da4 --- /dev/null +++ b/lexique/requete.md @@ -0,0 +1,7 @@ +--- +title: Requête +path: /lexique/requete +toIndex: true +--- + +Interoggation d'une base de données ou d'autres systèmes d'information diff --git a/lexique/seo.md b/lexique/seo.md new file mode 100644 index 00000000..fcf4dbb7 --- /dev/null +++ b/lexique/seo.md @@ -0,0 +1,7 @@ +--- +title: SEO +path: /lexique/seo +toIndex: true +--- + +Search Engine Optimization, optimisation du référencement naturel diff --git a/lexique/theme.md b/lexique/theme.md new file mode 100644 index 00000000..bd7d06b2 --- /dev/null +++ b/lexique/theme.md @@ -0,0 +1,9 @@ +--- +title: Thème +path: /lexique/theme +toIndex: true +--- + +Un thème WordPress est un ensemble de fichiers permettant de produire l’interface graphique de votre site, avec un aspect et une charte graphique unifiée. + +Un thème modifie la façon dont votre site s’affiche, sans modifier le reste du CMS et de ses fonctionnalités. diff --git a/lexique/vignette.md b/lexique/vignette.md new file mode 100644 index 00000000..d4ba0dd6 --- /dev/null +++ b/lexique/vignette.md @@ -0,0 +1,13 @@ +--- +title: Vignette +path: /lexique/vignette +toIndex: true +--- + +Ce sont des versions réduites (appelée mignatures ou vignettes et en anglais, tumbnails) de l'image originales ajoutée à la gallerie de médias. + +Par défaut, WordPress crée une série de trois tailles d’image : + +- Miniature +- Moyenne +- Grande