WordPress sans Elementor : développer un thème PHP natif from scratch

Ce qu’Elementor charge sur chaque page

Elementor Pro charge systématiquement sur chaque page, qu’ils soient utiles ou non :

• frontend.min.css — ~350 Ko
• frontend.min.js — ~200 Ko
• Dizaines de fichiers CSS par widget actif dans le thème
• Polices Google supplémentaires (100–300 Ko)

Total : entre 600 Ko et 1,5 Mo de CSS/JS sur une page simple. Sur réseau 4G simulé (conditions mobiles Google), ce surplus représente 1 à 3 secondes supplémentaires. Conséquence : LCP au-dessus de 4 secondes → catégorie “Mauvais” dans PageSpeed Insights → pénalité de ranking Google depuis 2021.

Structure d’un thème WordPress natif

Un thème PHP natif repose sur les templates WordPress nativement supportés :

theme/
  functions.php      — enqueue styles/scripts, hooks, filtres
  style.css          — déclaration thème + styles globaux
  front-page.php     — page d'accueil
  single.php         — articles de blog
  page.php           — pages WordPress
  archive.php        — archives catégories
  header.php         — header HTML
  footer.php         — footer HTML
  assets/css/main.css
  assets/js/main.js

Chaque template contient du HTML sémantique pur, stylisé avec du CSS custom minimal. Aucune bibliothèque tierce obligatoire.

Enqueue des scripts dans functions.php

add_action('wp_enqueue_scripts', function() {
    wp_enqueue_style(
        'theme-main',
        get_template_directory_uri() . '/assets/css/main.css',
        [],
        filemtime(get_template_directory() . '/assets/css/main.css')
    );
    wp_enqueue_script(
        'theme-main',
        get_template_directory_uri() . '/assets/js/main.js',
        [], null, true
    );
});

Résultat : 1 fichier CSS (40–80 Ko), 1 fichier JS optionnel (10–30 Ko). Contre 15–30 fichiers avec Elementor.

CSS natif vs frameworks en 2026

En 2026, CSS natif couvre la quasi-totalité des besoins sans framework :

• Layouts — CSS Grid et Flexbox remplacent Bootstrap
• Variables — Custom Properties remplacent Sass
• Animations — @keyframes, transition, transform en natif
• Responsive — clamp(), min(), max() pour des valeurs fluides
• Container Queries — composants indépendants du layout

Un fichier CSS bien structuré couvre tous les besoins d’un site professionnel en 1 500 à 4 000 lignes.

Templates de page sans page builder

Pour des layouts différents par page, WordPress supporte les templates nommés :

<?php
/**
 * Template Name: Page Services
 */
get_header();
// ... HTML spécifique
get_footer();

L’éditeur sélectionne ce template dans la colonne de droite de WordPress. Autant de layouts que nécessaire, sans page builder.

Résultats avant/après Elementor → thème natif

• PageSpeed mobile : de 34–55 → 88–96
• LCP : de 4–8s → 1,2–2,5s
• Poids total : de 1,8–3 Mo → 300–600 Ko
• Requêtes HTTP : de 60–120 → 15–35

Ces chiffres se traduisent en amélioration du taux de conversion mobile de 15 à 25% et un meilleur positionnement Google.

Questions fréquentes

Vous souhaitez migrer vers un thème PHP natif ? Découvrez notre prestation WordPress ou demandez un devis.