Recherche d'un développeur spécialiste Wordpress et Divi.

Afin d'optimiser, réparer le code d' un site Wordpress et d'améliorer la vitesse globale du site, je recherche un développeur pour qui Wordpress et le constructeur Divi n'ont plus aucun secret...

BRIEF TECHNIQUE — Intervention WordPress / Divi
Projet : SPEAT Engine
Contact

Projet porté par EASTECHNOLOGY
Webapp : [URL visible pour les membres Pro]

Objectif : finalisation du moteur dynamique SPEAT pour obtenir un comportement fluide proche d’une application native.

1. Présentation du projet SPEAT

SPEAT est une web-app de menus interactifs pour restaurants.

Elle permet :

d’explorer les menus des restaurants

d’afficher les détails des produits

de comparer les informations nutritionnelles

de consulter les allergènes

d’afficher les ingrédients de composition

de naviguer dans les menus sans recharger la page

Le fonctionnement repose sur un moteur dynamique appelé SPEAT Engine.

Le principe est similaire à une navigation applicative :

L’utilisateur est sur une page produit :

/details-produit/{slug}

Exemple :

/details-produit/kebab

Puis lorsqu’il clique sur un PDT de composition (ex: pain pita, viande kebab etc), le contenu de la page doit être mis à jour instantanément sans rechargement.

2. Architecture actuelle du site

CMS :

WordPress

Constructeur :

Divi Builder

Structure :

Pages construites avec modules Divi contenant des shortcodes.

Exemples de shortcodes :

[speat_details_title]
[speat_details_image]
[speat_details_desc]
[speat_details_nutriscore]
[speat_details_nutrition]
[speat_details_allergenes]

Ces shortcodes affichent les données d’un PDT principal.

3. Custom Post Types

Deux CPT principaux :

1️⃣ Produits CDM (produit principal)

CPT :

speat_cdm

Exemples :

kebab

pizza kebab

dürüm kebab

Ils contiennent les listes de produits de composition.

2️⃣ Produits de composition

CPT :

speat_pdc

Exemples :

pain pita

viande kebab

crudités

sauces

Champs utilisés :

denomination
image_med
descriptif
nutriscore_image
valeurs_nutritionnelles
allergenes_shortcode

Ces données doivent être injectées dynamiquement dans la page produit.

4. Fonctionnement attendu

Page chargée :

/details-produit/kebab

Affichage initial :

image kebab

description kebab

nutriscore kebab

nutrition kebab

allergènes kebab

Interaction

L’utilisateur clique sur :

pain pita

La page doit immédiatement afficher :

image pain pita

description pain pita

nutriscore pain pita

nutrition pain pita

allergènes pain pita

Sans rechargement de page.

Comportement attendu :

fluidité type application mobile.

5. Modules Divi concernés

Les données doivent être injectées dans ces modules :

Titre produit

Module Divi :

[speat_details_title]
Image produit

Module Divi :

[speat_details_image]
Description produit

Module Divi :

[speat_details_desc]
Nutriscore

Module Divi :

[speat_details_nutriscore]
Valeurs nutritionnelles

Module Divi :

[speat_details_nutrition]
Allergènes

Module Divi :

[speat_details_allergenes]
6. Système actuel de changement dynamique

Actuellement :

Les images des PDT de composition génèrent un clic.

Chaque image contient un attribut :

data-payload

qui contient :

title
image
description_html
nutriscore_image
nutrition_html
allergenes_html

Le JS remplace ensuite les modules Divi.

7. Problème actuel

Le système fonctionne partiellement :

✔ le clic fonctionne
✔ le payload contient bien les données
✔ le titre change correctement
✔ le descriptif change

Mais plusieurs problèmes apparaissent :

problèmes constatés

corruption du texte (caractères spéciaux)

disparition de certains boutons

perturbation de la mise en page

éléments Divi détruits après remplacement HTML

La cause probable :

le script remplace des blocs Divi entiers :

innerHTML

ce qui casse :

le DOM Divi

les scripts internes

certains popups

8. Historique des tentatives déjà effectuées

De nombreuses tentatives ont été menées :

création de snippets PHP

moteur de routage /details-produit/{slug}

génération dynamique des shortcodes

génération des payloads

récupération des métadonnées CPT

création de snippets JS

plusieurs approches ont été testées :

AJAX

injection DOM directe

ciblage via classes CSS

ciblage via data-speat-field

problèmes rencontrés

conflit avec DOM Divi

suppression involontaire de modules

problèmes d'encodage UTF-8

perturbation des popups

9. Objectif de l'intervention

Stabiliser la page dynamique :

details-produit

afin d'obtenir :

✔ un moteur fiable
✔ un affichage stable
✔ une navigation fluide
✔ un comportement proche d'une web-app native

10. Travaux demandés
1️⃣ correction du moteur dynamique

Corriger le script de mise à jour dynamique afin de :

préserver le DOM Divi

remplacer uniquement les contenus nécessaires

éviter les conflits JS

2️⃣ nettoyage technique

Le site contient actuellement plusieurs snippets expérimentaux.

Travail demandé :

audit complet

suppression du code inutile

simplification du moteur SPEAT

3️⃣ optimisation des performances

Le site a récemment été migré sur un VPS performant.

Configuration actuelle :

serveur VPS dédié

WordPress optimisé

plugin WP Super Cache

cron externe

CDN Cloudflare

Travail demandé :

configuration optimale du cache

optimisation du cache WordPress

optimisation Cloudflare

optimisation du TTFB

Objectif :

temps de chargement quasi instantané.

4️⃣ optimisation du cache

Les technologies utilisées :

WP Super Cache
Cron
VPS
Cloudflare

Le développeur devra :

vérifier la compatibilité

optimiser les règles

vérifier la gestion des pages dynamiques

éviter les conflits cache / JS

11. Résultat attendu

Une fois le travail terminé :

navigation fluide

clic sur produit = changement instantané

aucune perturbation de la page

comportement proche d'une application mobile

12. Livrables attendus

code propre

snippets documentés

architecture simplifiée

moteur SPEAT stable

13. Contexte technique

Le projet SPEAT est une web-app ambitieuse.

L'objectif est une navigation ultra fluide, similaire à :

Uber Eats

Deliveroo

Google Maps

La performance et la stabilité sont prioritaires.

14. Profil recherché

Développeur :

WordPress senior

expérience Divi

bon niveau JavaScript

optimisation performance

Conclusion

La base technique est fonctionnelle mais nécessite :

stabilisation du moteur

nettoyage du code

optimisation des performances

L'objectif final est d'obtenir une web-app fluide et robuste.