Comment minimiser CSS dans wordpress pour doubler la vitesse du site

Parce qu’il peut vous aider à travailler plus efficacement. Cependant, il n’est pas nécessaire d’avoir de l’espace et des commentaires pour travailler sur le site. Vous n’avez besoin que de la commande CSS elle – même. Par exemple, vous pouvez avoir un résumé en haut de votre fichier CSS qui ressemble à ce qui suit:
Table des matières: – ———————————————————————————————————————— Il vous aide simplement à garder les choses en ordre pendant le développement du Code. Aucun commentaire de début et de fin entre \/ * et * \/ n’est requis sur le site Web en direct. Leur présence est simplement ajoutée à la taille du fichier. Regardons maintenant le bloc CSS suivant, qui n’est pas un commentaire et est nécessaire au bon fonctionnement du site:
Html {font Series: No serif; – webkit text size: 100%; – MS text size: 100%} Tous les espaces, tirets et sauts de ligne ne sont pas nécessaires au bon fonctionnement du site. Ils facilitent simplement la lecture du Code par les développeurs. Maintenant, regardons à quoi ressemble le CSS minimisé: HTML {font Series: sans serif; – webkit text Sizing: 100%; – MS text Sizing: 100%} supprime tout ce dont le site Web n’a pas besoin pour fonctionner et la taille du fichier devient plus petite. Plus petit fichier = temps de chargement plus rapide.
Comment les implémentateurs et les utilisateurs minimisent le CSS ️ si vous n’êtes pas un développeur professionnel, vous pouvez encore minimiser le CSS d’une manière simple et facile à utiliser. Que vous installiez WordPress et configuriez des plug – ins pour d’autres ou que vous créiez votre propre site de bricolage, vous pouvez profiter des avantages de CSS minimize. Si vous avez directement
Ou un fichier CSS, assurez – vous qu’une copie non réduite est toujours disponible. Essayer d’éditer un fichier CSS minimisé est un mal de tête incroyable et inutile. Par conséquent, si c’est la première fois que vous minimisez le CSS, assurez – vous de sauvegarder une copie non réduite.
Outils en ligne vous pouvez utiliser des outils en ligne pour minimiser les CSS. L’outil CSS zoomer de Dan vous permet de copier et coller CSS dans une zone de texte, puis d’appuyer sur le bouton pour le minimiser. Jakub pawlowicz dispose d’un outil qui vous permet de télécharger des fichiers CSS dans une mini – version. Le plugin wordpress le plugin wordpress peut également vous aider à minimiser le CSS. WP super minify est le dernier plugin compatible pour la dernière version de WordPress au moment de la rédaction de ce document. J’ai trouvé beaucoup d’autres plugins, mais ils n’ont pas tous été mis à jour depuis au moins un an et ne sont pas compatibles avec la dernière version de WordPress. Je ne peux donc pas vous le recommander.
Comment minimiser le CSS pour les développeurs si vous êtes un développeur web professionnel, il y a deux façons principales de minimiser le CSS facilement. La beauté de l’exécution des tâches l’exécution des tâches aide à automatiser de nombreuses tâches à accomplir afin que vous puissiez faire votre travail plus efficacement. Grunt et gulp sont les deux exécutants de tâches les plus populaires. Grunt a un paquet qui minimise le CSS et même l’ingestion. J’utilise gulp dans le flux de travail, gulp Clean CSS fonctionne très bien pour moi. Si vous utilisez des préprocesseurs CSS tels que Sass ou moins, votre programme d’exécution des tâches peut avoir un formulaire distinct pour compiler CSS. Vous pouvez utiliser le module minimiser avec lui.
Par exemple, c’est le Code os nu que j’utilise dans le fichier gulpfile principal. Utilisez le préprocesseur CSS si vous utilisez Sass ou moins et n’utilisez pas d’exécuteur de tâches, le compilateur devrait également être en mesure de minimiser CSS. Avant de découvrir gulp, j’ai utilisé compa
SS en tant que compilateur Sass. Dans le fichier de configuration Compass. RB, vous pouvez simplement définir les paramètres de sortie sur la tablette. Vos fichiers Sass resteront non compressés et les CSS compilés seront réduits au minimum. Si vous n’aimez pas la ligne de commande et préférez utiliser des outils de développement basés sur l’interface graphique tels que codekit, vous pouvez définir la sortie à \
Si vous voulez savoir dans quelle mesure la minimisation de CSS accélère votre site, vous pouvez utiliser un outil de test de vitesse. Vous devriez essayer d’autres outils de test pour voir ce que tout le monde vous donnera en retour. Vous pouvez commencer par les trois outils suivants: Google page speed Insights Yslow pingdom En plus de minimiser le CSS, ces sites Web fourniront des conseils sur la façon d’améliorer le temps de chargement des pages. Continuez et minimisez! Réduire au minimum le CSS peut vous apporter d’énormes avantages, surtout si vous gardez les visiteurs sur votre site. Avec tous les bons outils disponibles, il ne devrait pas être difficile de minimiser la tâche du CSS. Une fois que vous l’avez mis en pratique, vous pouvez ajouter d’autres technologies pour accélérer le chargement du site.
Transformez votre site en un démon de vitesse, une technologie d’optimisation à la fois! Voulez – vous donner des commentaires ou participer à une conversation? Ajoutez vos commentaires sur Twitter. Enregistrer enregistrer enregistrer