Présentation du redesign
Firefox version 157 déploie une nouvelle identité visuelle à l’ensemble des utilisateurs de bureau et mobile. L’interface adopte des onglets aux coins arrondis, une barre d’adresse également arrondie, ainsi que des icônes et des couleurs rafraîchies. Mozilla indique que ces changements visent à « moderniser » le navigateur sans impacter les performances mesurées.
Architecture de l’interface et impact sur les performances
Le redesign repose sur une refonte du CSS et du système de rendu des composants UI. Les onglets arrondis sont implémentés via des bordures CSS border-radius et des ombres légères, ce qui augmente légèrement le nombre de propriétés graphiques à calculer. Mozilla précise toutefois que le coût en temps de rendu reste comparable à la version précédente, grâce à l’optimisation du pipeline de peinture de Gecko. La même base de code est partagée entre les versions desktop et mobile, ce qui réduit la duplication de logique et simplifie les mises à jour futures.
Par ailleurs, le navigateur conserve les fonctionnalités récentes introduites l’an passé, comme les widgets de page d’accueil, le mode Split View, le VPN intégré et les contrôles de désactivation des fonctions IA. L’ajout du mode Smart Window AI, qui propose des suggestions contextuelles, utilise le même moteur d’inférence que les services de recherche de Mozilla, mais il reste désactivable via les paramètres.
Personnalisation et mode Compact
Firefox 157 propose une douzaine de thèmes de couleur, chaque thème offrant une variante claire et sombre. Cette palette s’applique à la barre d’outils, aux menus et aux arrière‑plans des onglets, permettant aux utilisateurs de choisir une apparence adaptée à leurs préférences visuelles. Le mode Compact, réintroduit après des demandes d’utilisateurs, réduit la hauteur des onglets et de la barre d’outils. Un algorithme d’auto‑compactage s’active automatiquement sur les écrans de petite taille, maximisant l’espace disponible pour le rendu des pages web.
Le mode Compact agit en modifiant les valeurs de height et padding des éléments UI, ce qui diminue la surface occupée sans toucher aux processus de rendu du contenu. Cette approche évite toute surcharge de la mémoire ou du processeur, car les calculs de mise en page restent limités aux éléments d’interface, qui sont déjà gérés par le moteur de layout de Gecko.
