JavaScript, WordPress et API rest: trier les faits de la fiction

Envisagez d’utiliser l’api rest pour les sites WordPress? Peut être avez tout lu à ce sujet et êtes intéressé, mais avez peut être entendu parler de certains des inconvénients de lamp;rsquoutilisation du JavaScript et êtes découragé par cela. Il est souvent un peu nerveux de travailler avec les api javascript et rest. Après tout, si avez déjà créé des thèmes et des plugins WordPress en PHP, ou si avez téléchargé des thèmes tiers écrits en PHP (comme tout le monde le fait maintenant), alors devrez apprendre une nouvelle compétence ou adapter à un environnement différent. Vous pourriez également inquiéter de ce que cela signifie pour la performance du site et les utilisateurs. Cela affecte t il lamp;rsquoexpérience utilisateur? Cela affectera t il votre référencement? À quelle vitesse votre site web fonctionne t il? Lamp;rsquoAPI rest est si récente quamp;rsquoil est parfois difficile de trouver des réponses spécifiques à ces questions.
Dans je vais passer en revue certaines choses qui pourraient intéresser lorsque envisagez damp;rsquoutiliser lamp;rsquoAPI rest. Jamp;rsquoespère quamp;rsquoaprès avoir lu comprendrez mieux si lamp;rsquoAPI rest convient. Voir: compatibilité du navigateur, performance, expérience utilisateur, référencement et accessibilité. Mais damp;rsquoabord, souvenons nous de lamp;rsquoAPI rest et des possibilités quamp;rsquoelle offre aux développeurs. Restapi: Quamp;rsquoest ce que camp;rsquoest? Le repos est synonyme de réintroduction des transitions damp;rsquoétat, et je dois admettre que je namp;rsquoen ai pas trop dit à tout le monde. Wikipedia clarifie un peu ce point:

Plus simplement, l’api WordPress rest signifie que pouvez accéder aux données de votre site à partir d’applications externes en dehors de WordPress. Vous pouvez le faire en utilisant json (JavaScript OBJECT REPRESENTATION) et Javascript lui même. Vous pouvez ensuite créer un site Web ou une application en javascript au lieu de PHP.
Cela ouvre deux possibilités principales: en créant un site en utilisant Javascript, pouvez créer quelque chose appelé une application damp;rsquoune page (SPA). avez déjà utilisé des documents Google, avez déjà interagi avec lamp;rsquoun damp;rsquoeux. Spa est un site Web qui se comporte comme une application, où le contenu de la page change au fur et à mesure que interagissez avec elle sans passer à une autre page. Cela rend les choses plus dynamiques et interactives. Comme n’êtes pas limité à PHP, pouvez créer des applications basées sur des données WordPress sur d’autres plateformes, comme les appareils mobiles. Ainsi, pouvez avoir un site WordPress normal basé sur PHP, ou pouvez créer une application mobile qui utilise les données du site, les met à jour là où elles sont pertinentes, et peut avoir une conception complètement différente de votre site. Vous pouvez également créer une application de bureau pour WordPress, comme l’application Calypso d’automatic. Par conséquent, si créez un site Web simple (comme une brochure, un blog ou un profil damp;rsquoinformation), il est peu probable que ayez besoin damp;rsquoutiliser lamp;rsquoAPI rest. Cependant, si voulez créer du contenu plus interactif et plus réactif à lamp;rsquoentrée de lamp;rsquoutilisateur, lamp;rsquoAPI rest offre diverses possibilités.
Examinons maintenant les obstacles potentiels à lamp;rsquoutilisation de lamp;rsquoAPI rest et les questions que devriez ou ne devriez pas inquiéter. Compatibilité du navigateur lamp;rsquoaspect le plus évident de la création damp;rsquoun site en javascript à lamp;rsquoaide de lamp;rsquoAPI rest est quamp;rsquoil ne fonctionnera que sur les navigateurs javascript enabled. Essayez de connecter à un spa que utilisez souvent, comme Google docs, et fermez le javascript dans votre navigateur. Ça namp;rsquoa pas lamp;rsquoair bien. Tout a disparu! Camp;rsquoest parce que les applications peuvent travailler ensemble
Pas de JavaScript. Par conséquent, si vos utilisateurs namp;rsquoont pas JavaScript activé, ils ne peuvent même pas voir votre site, et encore moins interagir avec lui.
Mais combien de personnes ont pu activer Javascript? Il namp;rsquoy en a pas beaucoup sur le Bureau. Tous les principaux navigateurs exécutent Javascript, de sorte que vos utilisateurs pourront accéder à votre site Web à moins quamp;rsquoils ne décident de désactiver JavaScript. Même sur les navigateurs mobiles, il ne devrait pas y avoir de problème. Les principaux navigateurs mobiles exécutent Javascript, même si opera mini est sur le dernier système damp;rsquoexploitation. Autrefois, la façon dont le contenu damp;rsquoopera mini était rendu par un serveur mandataire signifiait quamp;rsquoil ne fonctionnait pas bien avec Javascript, mais pas dans les versions ultérieures. Cependant, si votre utilisateur cible peut utiliser un système damp;rsquoexploitation plus ancien, je recommande de vérifier quelles versions du navigateur seront exécutées et quelle est la compatibilité JavaScript.
pensez que vos utilisateurs namp;rsquoont pas JavaScript activé, pouvez ajouter du contenu à votre site qui namp;rsquoest visible que pour eux. Mets ça sur lamp;rsquoétiquette. . Cette balise namp;rsquoest pas toujours bien utilisée: les développeurs lamp;rsquoutilisent parfois simplement pour dire aux utilisateurs quamp;rsquoils namp;rsquoexécutent pas JavaScript (comme dans cet exemple très inutile des écoles W3). Mais pouvez lamp;rsquoutiliser damp;rsquoune manière qui aide les utilisateurs. Au lieu de leur dire quamp;rsquoils namp;rsquoexécutent pas Javascript, donnez leur des informations sur la façon de lamp;rsquoactiver et, surtout, un lien vers une page alternative qui namp;rsquoexécute pas JavaScript. Pour quamp;rsquoils puissent encore accéder à votre contenu.
Performance tout le monde veut que son site fonctionne de la meilleure façon possible. Lamp;rsquoaugmentation de la vitesse du site réduira au minimum le risque de perdre des visiteurs et améliorera le classement des moteurs de recherche. namp;rsquoavez pas déjà lancé un plug in de performance sur (par exemple, notre plug in damp;rsquooptimisation Colibri)
Votre site WordPress, devriez. Mais quel est lamp;rsquoimpact de lamp;rsquoutilisation de lamp;rsquoAPI rest sur le rendement? Le plus gros problème est le temps de chargement de la page. la page dépend damp;rsquoun script, le navigateur attendra que tout script soit chargé avant de passer à lamp;rsquoélément suivant de la page. Camp;rsquoest la différence entre JavaScript et CSS: lorsque le navigateur correspond au style, il continue à charger le contenu après le chargement, tout en chargeant CSS, et pour JavaScript, il arrête lamp;rsquoopération en cours jusquamp;rsquoà ce que le script soit chargé.
Cela signifie que devriez résister à la tentation de tous les scripts immédiatement après avoir téléchargé la page damp;rsquoaccueil ou la page damp;rsquoaccueil spa. Tous les scripts qui ne sont pas nécessaires pour charger une page doivent être chargés à la fin de la page, pas dans la Section . Dans WordPress, attacher un script à un crochet d’en tête WP _ est une mauvaise pratique, car cela signifie qu’il faut d’abord charger le script, puis d’autres scripts. Bien sûr, cela peut être compliqué si construisez un spa entièrement JavaScript. Mais considérez les applications, les interactions, les animations et damp;rsquoautres choses qui doivent être téléchargées, et quand elles sont vraiment nécessaires. Commandez vos articles aussi efficacement que possible.
Mais tout namp;rsquoest pas négatif. Lamp;rsquoutilisation de lamp;rsquoAPI rest peut améliorer les performances du site damp;rsquoautres façons. Il ne samp;rsquoagit pas du chargement de la page, mais de la vitesse damp;rsquointeraction. Parce que lamp;rsquoAPI rest permet de stocker les données localement sur le client (c. à D. le navigateur) plutôt que sur le serveur, cela signifie que lorsque vos utilisateurs font quelque chose, cela signifie que devez charger plus de données, ce qui se produira plus rapidement. Par conséquent, la réponse est que lamp;rsquoutilisation de lamp;rsquoAPI rest namp;rsquoaffecte le rendement du site que si ne faites pas attention au Code.
Leurs lignes directrices. Le référencement le référencement semble parfois être le Saint Graal du développement web. Lorsque je parle à des clients ou à des Prospects, ils semblent se soucier seulement de la hauteur de leur site sur Google. Bien sûr, il y a plus: Vous devez maximiser le taux de conversion afin quamp;rsquoune fois que utilisez le référencement pour attirer ces visiteurs, ils fassent ce que voulez sans quitter votre site. Mais il est important de considérer lamp;rsquoimpact potentiel du développement JavaScript sur le référencement du site. Les développeurs craignent souvent que les sites créés à lamp;rsquoaide de lamp;rsquoAPI rest ne soient pas rampés par les moteurs de recherche. Camp;rsquoest parce que le contenu est chargé par un script après lamp;rsquoouverture de la page, ce qui rend le contenu invisible à certains robots. Mais Google et les autres moteurs de recherche ne sont pas stupides. Ils savent que samp;rsquoils veulent fournir des informations utiles aux utilisateurs dans un environnement où ils voient de plus en plus de contenu à travers Javascript, ils doivent numériser ce contenu. La bonne nouvelle, camp;rsquoest quamp;rsquoils scannent les sites Web basés sur JavaScript. Par exemple, le site themeconf est construit à lamp;rsquoaide de lamp;rsquoAPI rest. Quand jamp;rsquoai cherché sur Google, ça ressemblait à ce que attendiez: Cependant, lorsque votre site est construit sur Javascript, avez moins de contrôle sur le contenu scanné par les moteurs de recherche. Le test a révélé que Google scanne presque tout le contenu des pages Web chargées en javascript, à une exception près: aucun lien de suivi. Par conséquent, si elles sont courantes sur votre site, pourriez rencontrer des problèmes. non, namp;rsquoaurez aucun problème. Certains robots ne voient pas JavaScript sur votre site. Par exemple, si votre utilisateur colle un lien Facebook sur votre site, il ne samp;rsquoaffichera pas correctement: Par conséquent, cela peut affecter vos liens avec les médias sociaux, mais pas directement votre référencement. Accessibilité jamp;rsquoai parlé de la compatibilité des navigateurs et des navigateurs
Utilisez des outils damp;rsquoaccessibilité comme Wave pour Pager individuellement et les modifier en conséquence. Des outils comme Wave aideront à évaluer lamp;rsquoaccessibilité de votre site Conclusion: démarrer avec lamp;rsquoAPI rest peut être intimidant, mais camp;rsquoest mieux que ne le pensez. Il y a beaucoup de nouvelles compétences à apprendre et allez probablement construire quelque chose de très différent du site WordPress que avez créé dans le passé. De plus, pourriez inquiéter de la façon dont le passage au JavaScript affecte la performance, lamp;rsquoaccessibilité, le référencement et damp;rsquoautres facteurs. Mais ce namp;rsquoest pas aussi important que le pensez. La bonne nouvelle est que Google et damp;rsquoautres moteurs de recherche peuvent scanner votre site Javascript, et la grande majorité des navigateurs le supporteront, et si êtes prudent, lamp;rsquoexpérience utilisateur et les performances seront améliorées, et lamp;rsquoaccessibilité ne sera pas un problème tant que développez de manière accessible. Quamp;rsquoest ce qui tamp;rsquoa arrêté? hésitez encore, notre guide de lamp;rsquoAPI WP rest aidera à démarrer. Utilisez lamp;rsquoAPI rest? Quels sont vos avantages et quels défis devez relever? Veuillez nous le dire dans vos commentaires! Étiquettes: api javascript rest

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

ContactPress Supported By WordPress Plugins