Il est important de partager vos affaires sur les réseaux sociaux. Et le temps de chargement de la page! Ce court tutoriel montrera comment charger asynchrone les boutons de partage des médias sociaux dans un thème WordPress et accélérer la page. Que signifie le chargement asynchrone? Cela signifie que les boutons de partage social sont chargés et fonctionnent sur votre page pendant que la page est rendue, ce qui signifie que les visiteurs de votre site Web ont besoin de moins damp;rsquoattente pour voir votre contenu. Avantages: meilleure tutelle recommandée par meks
Cela augmente la vitesse de la page (temps de chargement). Votre site namp;rsquoa pas besoin damp;rsquoattendre la réponse damp;rsquoun autre serveur (réseau social). Votre site est entièrement autonome, ce qui signifie que si Facebook ou Twitter est actuellement inactif ou surchargé, votre contenu sera toujours disponible pour vos visiteurs. Vos visiteurs namp;rsquoont pas à attendre et namp;rsquoont pas à visiter damp;rsquoautres sites. Augmentez le taux de saut et votre référencement! affichez votre article sur un site Web, vos visiteurs sont plus susceptibles de partager votre article. Augmenter le nombre de projets partagés, ce qui signifie plus de visiteurs! Dans cet exemple, nous expliquerons comment implémenter cette technologie dans un thème WordPress. Ce tutoriel décrit le chargement asynchrone des boutons de partage Facebook, Twitter, LinkedIn, Pinterest et Google +.
Voir aussi: charger JavaScript Étape 1: créer un fichier javascript sur une page WordPress spécifique seulement, par exemple, nous l’appelons share. JS et lamp;rsquoinsérer dans le dossier JS dans le dossier racine du sujet. Les codes sont les suivants:
Script pour charger asynchrone les boutons partagés
(fonction (W, D, s)
Fonction go () {
Var JS, fjs = D. getelementsbytagname [0], Load = function (URL, id) {
If (d.getelementbyid (ID)) {return}
Js = D. createlement (s) J
S. src = URL JS. Id = ID
FSS. Noeud parent. Insérer avant (JS, fjs)
}
Facebook
Charger (
Google +
Chargement (amp;lsquo) https:apis.google.comjsplusone.js
Twitter
Chargement (
Ligne DIN
Chargement (
Pinterest
Chargement (
}
If (w.addeventlistener) {w.addeventlistener (
Чтонепрогравить программожнонепрограмможоно.
} (fenêtre, document, script)
| 12345678910111213141516171819202122232425 | * Script pour charger asynchrone les boutons partagés * (fonction (W, D, s) {fonction go () {var JS, fjs = d.getelementsbytagname (s) [0], Load = function (URL, id) {if (d.getelementbyid (ID)) {return} Js = D. Créer un élément JS. Src = URL JS. Id = ID FSS. Noeud parent. Insérer avant (JS, fjs) } Chargement Facebook ( Étape 2: mettre en file damp;rsquoattente les fichiers partagés. Camp;rsquoest un morceau de code qui doit être ajouté au fichier de fonction. PHP pour le sujet: Mettez le script en file damp;rsquoattente dans la fonction sujet. Php * Fonction meks _ Load scripts () { Ceci ne chargera le fichier JS que pour vos messages individuels, voulez utiliser le même contenu pour la page, utilisez plutôt « is _ ngular () ». Ou, si voulez Archiver la page en même temps, supprimer complètement lamp;rsquoinstruction (IS _ ngle () { WP _ enqueue script (amp;lsquomeks async shareamp;rsquo, trailingslahit (get Template Directory Uri ())). amp;lsquo Js share. JSamp;rsquo, array (amp;lsquojqueryamp;rsquo) } } Ajouter _ action ( | Étape 3: insérez la partie HTML du Code dans le modèle en une seule étape. Vous devez insérer des substituants dans les modèles réels qui seront remplis par des boutons partagés après lamp;rsquoexécution du script. Gardez à lamp;rsquoesprit que la meilleure pratique est de toujours lamp;rsquoutiliser en boucle. Il peut être placé dans votre chambre individuelle. Php, index. Php ou namp;rsquoimporte où. Voici un exemple de base: | |
