Comment réaliser un site performant sous le CMS Drupal ?

Comme vous le savez certainement, Drupal est un système de gestion de contenu ou CMS (Content Management System) respectant les standards du Web XHTML et CSS, créé en janvier 2001 par Dries Buytaert.

Une des grande force de ce CMS populaire et mondialement reconnu est qu’il permet concevoir des sites Internet gérant des fonctionnalités complexes et un nombre de données hétérogènes important. C’est ainsi que des grands “noms” ont décidé de faire confiance à ce CMS pour leur plateforme Web comme : tesla.com, nasa.com, louvre.fr, gouvernement.fr ou encore oui.Sncf. On peut même ajouter à cette liste le site de la maison blanche américaine.

D’un autre côté, du fait de son architecture et son fonctionnement, Drupal est également “reconnu” pour sa “lourdeur” d’utilisation. Effectivement sa souplesse et son évolutivité le rendent parfois un peu lourd et gourmand en ressources. De plus, Drupal est souvent critiqué pour sa “lenteur” en raison de sa modularité extrême. Effectivement, l’installation de modules parfois mal optimisés peut rendre Drupal plus lent que la moyenne de ses concurrents. 

Ces défauts ne sont pas éliminatoires et peuvent être “aisément” rattrapés par une configuration correcte et des méthodologies techniques appropriées.

Ces divers mécanismes d’optimisation, nous vous les présentons juste ci-dessous : 

Grâce à notre expérience et expertise accumulées sur de nombreux projets sous Drupal 7 et 8, nous avons instauré des méthodologies et process techniques nous permettant d’optimiser nos sites sous Drupal côté back-end et côté front-end. 

L’objectif ? Obtenir des sites performants et avec des vitesses de chargement records. 

Des optimisations côté développement en back-office 

1. Utilisation d’Extra Field et d’Extra Field et d’ et d’Extra Field plus pour l’affichage de données n’appartenant pas à une entité (node, taxonomie, media etc.), permettant ainsi d’avoir une logique générique, cohérente et réutilisable dans tous les types de contenus (nodes, taxonomies, media etc.) 

2. Configuration et optimisation du cache des navigateurs et proxy avec une définition d’âge maximum. Cette définition peut largement influencer la performance globale du site, mais il faut pour cela qu’elle concorde aussi avec la logique du site.

3. Agrégation des assets (fichiers javascript et css) pour permettre de regrouper les assets du core Drupal et ceux de votre thème et de diminuer les requêtes vers ces fichiers au chargement des pages du site.

Du côté de l’intégration en front-office voici quelques standards que nous appliquons sur nos sites Drupal :

1. Mise en place d’une structure front gérée entièrement avec webpack. La compilation des js/css/fonts/images est gérée par Webpack. Ceci laisse aussi la liberté d’utiliser les toutes dernières syntaxes javascript qui sont ensuite compilées vers une syntaxe qui est supportée par la majorité des navigateurs. Ainsi on gagne en efficacité, propreté du code et vitesse de chargement.

2. Utilisation au maximum du “php natif à Drupal”. Dans le cadre de nos projets, nous évitons d’utiliser du php en plus de ce que fournit Drupal 8 et privilégions l’utilisation des view_modes administrables en Back-office pour construire la structure de nos entités/pages. En complément, nous utilisons des templates génériques twig, avec les view_modes ou autre. Cette utilisation permet d’alléger notre code, le back-office et donc d’améliorer la vitesse de chargement du site. 

Que vous souhaitiez auditer, mettre à jour, faire évoluer votre Drupal 7 ou 8 et ou en créer un nouveau et que Drupal vous semble la solution adéquate alors vous êtes au bon endroit ;). Que vous soyez à Paris, Lyon, Saint-Etienne ou ailleurs en France et à la recherche d’une agence spécialisée sur Drupal 7 et/ou 8, Webqam est là pour vous ! Depuis plus de 14 ans, Webqam a réalisé de nombreux sites sous Drupal.

Envie d’en savoir plus sur Drupal, d’avoir un devis ou tout simplement de nous présenter votre projet ? Alors n’hésitez pas à nous contacter  :)

Vous pouvez également allez voir les derniers sites créés sous Drupal par l’agence Webqam :

Connectez-vous avec Enedis

Câblez-vous avec le Groupe Omerin

Vous aimerez aussi :

• Wix ou Shopify ?