Formation Prestashop intégrateur: Guide CSS / N'utilisez pas @import

Vous êtes ici : Accueil / Prestashop intégrateur / Guide CSS / N'utilisez pas @import


N'utilisez pas @import

Comparé à des <link>s, @import est plus lent, ajoute de nouvelles requêtes à la page et peut poser des problèmes imprévisibles.

Évitez-les autant que possible et optez plutôt pour une approche alternative :

  • Utilisez plusieurs éléments <link>
  • Compilez votre CSS avec un pré-processeur, comme Sass ou Less dans un seul fichier.
  • Concaténez votre CSS grâce aux fonctionnalités proposées par Webpack ou d'autres environnements.
<!-- Utilisation de link -->
<link rel="stylesheet" href="core.css">

<!-- Ne pas utiluser @import -->
<style>
  @import url("more.css");
</style>