Pour terminer, je vais présenter le plug in avancé: lrsquoaccélérateur WP créé par investo.
Le plug in offre une grande variété de fonctionnalités axées sur la réduction des requêtes http. Les développeurs affirment également que sa combinaison de fichiers JS (ce qui signifie plus que simplement se connecter à un fichier JS) maintient une compatibilité à 100% sans autre action. Les plug ins drsquoaccélérateur WP sont de plus en plus populaires sur les sites Web complexes, et crsquoest pour ces raisons que les fichiers JS traditionnels sont concaténés. Ce plug in ne se connecte pas seulement aux fichiers CSS JS, mais les traite intelligemment avant de le faire. Fait intéressant, ni WP _ enqueue style () ni WP enqueue script () ne devraient faire référence à un fichier CSS ou JS. Cela signifie qursquoil fonctionne correctement, que le sujet ou le plug in soit bien codé ou non. Il gère également correctement le Code JS inséré directement dans le code HTML et maintient une relation correcte entre les fichiers JS externes et le Code JS en HTML.
ce qui intéresse dans ce plug in avancé est cette gamme de fonctionnalités innovantes, examinons le plus en détail. Lrsquoécran de configuration donne un aperçu de toutes les fonctions: Lrsquooption Smart cache and Compression for CSS JS files permet de compresser les fichiers CSS et Javascript (plus efficacement que zoomer) sur un serveur mal configuré ou sur un serveur qui utilise des fichiers traditionnels en utilisant le cache du navigateur. Apache htaccess nrsquoest pas reconnu. utilisez le service CDN cloudstore (avec une configuration DNS complète) pour permettre à cloudstore de servir tous les fichiers CSS et JS, devez désactiver cette option, sinon ces fichiers seront disponibles localement (parce que le cache du navigateur intelligent est fourni par un wrapper de fichiers PHP spécial).
Images en ligne dans les options
Gini est intégré dans le code HTML, mais cette fois il peut traiter les images référencées dans le code CSS dans les balises de style.
utilisez le plug in Visual composer, pouvez préférer des options de style css séparées. Il est capable drsquoextraire de grandes balises de style de la page et de les déplacer dans un fichier CSS externe de préférence, bien que le style soit déplacé à un endroit différent, il maintient la priorité du sélecteur CSS Crsquoest à dire que votre page sera exactement la même qursquoauparavant. La concaténation des fichiers CSS peut être un problème qui peut entraîner une interruption de mise en page lorsqursquoil y a des problèmes de syntaxe dans certains fichiers CSS. Bien qursquoil nrsquoy ait aucun problème avec le chargement du fichier CSS lui même, il peut interrompre le fichier CSS combiné, car un tel problème peut interrompre lrsquoanalyseur CSS au milieu du fichier CSS combiné, ce qui fait que lrsquoanalyseur ignore le reste du fichier. Lorsque activez lrsquooption fusionner des fichiers CSS externes, non seulement pouvez résoudre des problèmes de syntaxe CSS courants avant de fusionner des fichiers CSS, mais pouvez également préserver toutes les propriétés des médias (en maintenant lrsquoordre de tous les sélecteurs CSS entre les fichiers).
activez également les références en ligne aux fichiers CSS et aux images en ligne dans lrsquooption fichiers CSS (les deux fonctionnent de la même façon que ci dessus), lrsquoimpact global sur le temps de chargement de la page sera important. De plus, les fichiers CSS sont mis en cache ils ne sont pas envoyés à plusieurs reprises sous forme drsquoimages intégrées ou de fichiers CSS dans le code HTML et les utilisateurs mobiles lrsquoapprécieront. La taille maximale de lrsquoimage dans le code html CSS et la taille maximale de lrsquoimage dans le fichier CSS externe affectent la taille maximale de lrsquoimage en ligne dans la page HTML ou le fichier CSS externe. Les images intégrées dans le HTML sont envoyées avec chaque réponse, donc je recommande de choisir une taille moyenne ou plus petite dans la première option. Drsquoautre part, les images en ligne dans les fichiers CSS externes
Morizate est dans le cache du navigateur, donc choisir une plus grande taille est une bonne idée.
Lrsquoarticle se poursuit comme suit: Lrsquooption combiner JS fonctionne de la même manière que lrsquooption similaire qui combine les balises de style et toutes les balises de script en une seule balise de script (à condition que lrsquoattribut de type de la balise de script soit le même). Avec lrsquooption move to end, pouvez non seulement déplacer tous les fichiers JS référencés dans le pied de page (comme beaucoup drsquoautres plug INS), mais aussi déplacer le Code JS, ce qui améliore considérablement la compatibilité (en particulier avec lrsquooption suivante activée). Bien que lrsquooption keep order puisse sembler banale, elle distingue souvent les sites corrompus des sites entièrement fonctionnels: elle maintient lrsquoordre du Code JS interne (code dans la source HTML) et des fichiers JS externes. Qursquoest ce que ça veut dire? un fichier JS externe est précédé drsquoun code JS interne, ce fichier JS et tous les fichiers JS suivants sont fusionnés en un nouveau fichier JS (jusqursquoà ce qursquoil y ait un autre code JS en HTML) Assurez drsquoêtre compatible avec tout code JS ou fichier JS utilisé par le site. Lrsquooption fusionner des fichiers JS externes peut fusionner tous les fichiers JS en un seul fichier JS ou réduire le nombre de fichiers JS (selon lrsquooption précédente). Maintenant pouvez demander: si le plug in WP Accelerator fournit une telle compatibilité, pourquoi peut on exclure certaines balises fichiers de script JS en utilisant la propriété Data pa exclude =
Réduire le temps de chargement de la page en utilisant l&rsquoaccélérateur WP
