JavaScript, WordPress et API rest: trier les faits de la fiction
Envisagez – vous d’utiliser l’api rest pour les sites WordPress? Peut – être avez – vous tout lu à ce sujet et vous êtes intéressé, mais vous avez peut – être entendu parler de certains des inconvénients de l’utilisation du JavaScript et vous êtes découragé par cela. Il est souvent un peu nerveux de travailler avec les api javascript et rest. Après tout, si vous avez déjà créé des thèmes et des plugins WordPress en PHP, ou si vous avez téléchargé des thèmes tiers écrits en PHP (comme tout le monde le fait maintenant), alors vous devrez apprendre une nouvelle compétence ou vous adapter à un environnement différent. Vous pourriez également vous inquiéter de ce que cela signifie pour la performance du site et les utilisateurs. Cela affecte – t – il l’expérience utilisateur? Cela affectera – t – il votre référencement? À quelle vitesse votre site web fonctionne – t – il? L’API rest est si récente qu’il est parfois difficile de trouver des réponses spécifiques à ces questions.
Dans cet article, je vais passer en revue certaines choses qui pourraient vous intéresser lorsque vous envisagez d’utiliser l’API rest. J’espère qu’après avoir lu cet article, vous comprendrez mieux si l’API rest vous convient. Voir: compatibilité du navigateur, performance, expérience utilisateur, référencement et accessibilité. Mais d’abord, souvenons – nous de l’API rest et des possibilités qu’elle offre aux développeurs. Restapi: Qu’est – ce que c’est? Le repos est synonyme de réintroduction des transitions d’état, et je dois admettre que je n’en ai pas trop dit à tout le monde. Wikipedia clarifie un peu ce point:
\
Plus simplement, l’api WordPress rest signifie que vous 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, vous pouvez créer quelque chose appelé une application d’une page (SPA). Si vous avez déjà utilisé des documents Google, vous avez déjà interagi avec l’un d’eux. Spa est un site Web qui se comporte comme une application, où le contenu de la page change au fur et à mesure que vous interagissez avec elle sans passer à une autre page. Cela rend les choses plus dynamiques et interactives. Comme vous n’êtes pas limité à PHP, vous pouvez créer des applications basées sur des données WordPress sur d’autres plateformes, comme les appareils mobiles. Ainsi, vous pouvez avoir un site WordPress normal basé sur PHP, ou vous 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 vous créez un site Web simple (comme une brochure, un blog ou un profil d’information), il est peu probable que vous ayez besoin d’utiliser l’API rest. Cependant, si vous voulez créer du contenu plus interactif et plus réactif à l’entrée de l’utilisateur, l’API rest offre diverses possibilités.
Examinons maintenant les obstacles potentiels à l’utilisation de l’API rest et les questions que vous devriez ou ne devriez pas vous inquiéter. Compatibilité du navigateur l’aspect le plus évident de la création d’un site en javascript à l’aide de l’API rest est qu’il ne fonctionnera que sur les navigateurs javascript – enabled. Essayez de vous connecter à un spa que vous utilisez souvent, comme Google docs, et fermez le javascript dans votre navigateur. Ça n’a pas l’air bien.
Pas de JavaScript. Par conséquent, si vos utilisateurs n’ont 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 n’y 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 qu’ils 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 d’exploitation. Autrefois, la façon dont le contenu d’opera mini était rendu par un serveur mandataire signifiait qu’il ne fonctionnait pas bien avec Javascript, mais pas dans les versions ultérieures. Cependant, si votre utilisateur cible peut utiliser un système d’exploitation plus ancien, je vous recommande de vérifier quelles versions du navigateur seront exécutées et quelle est la compatibilité JavaScript.
Si vous pensez que vos utilisateurs n’ont pas JavaScript activé, vous pouvez ajouter du contenu à votre site qui n’est visible que pour eux. Mets ça sur l’étiquette. . Cette balise n’est pas toujours bien utilisée: les développeurs l’utilisent parfois simplement pour dire aux utilisateurs qu’ils n’exécutent pas JavaScript (comme dans cet exemple très inutile des écoles W3). Mais vous pouvez l’utiliser d’une manière qui aide les utilisateurs. Au lieu de leur dire qu’ils n’exécutent pas Javascript, donnez – leur des informations sur la façon de l’activer et, surtout, un lien vers une page alternative qui n’exécute pas JavaScript. Pour qu’ils puissent encore accéder à votre contenu.
Performance tout le monde veut que son site fonctionne de la meilleure façon possible. L’augmentation de la vitesse du site réduira au minimum le risque de perdre des visiteurs et améliorera le classement des moteurs de recherche. Si vous n’avez pas déjà lancé un plug – in de performance sur (par exemple, notre plug – in d’optimisation Colibri)
Votre site WordPress, vous devriez. Mais quel est l’impact de l’utilisation de l’API rest sur le rendement? Le plus gros problème est le temps de chargement de la page. Si la page dépend d’un script, le navigateur attendra que tout script soit chargé avant de passer à l’élément suivant de la page. C’est 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 l’opération en cours jusqu’à ce que le script soit chargé.
Cela signifie que vous devriez résister à la tentation de télécharger tous les scripts immédiatement après avoir téléchargé la page d’accueil ou la page d’accueil 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 .
Mais tout n’est pas négatif. L’utilisation de l’API rest peut améliorer les performances du site d’autres façons. Il ne s’agit pas du chargement de la page, mais de la vitesse d’interaction. Parce que l’API rest vous 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 vous devez charger plus de données, ce qui se produira plus rapidement. Par conséquent, la réponse est que l’utilisation de l’API rest n’affecte le rendement du site que si vous 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 qu’une fois que vous utilisez le référencement pour attirer ces visiteurs, ils fassent ce que vous voulez sans quitter votre site. Mais il est important de considérer l’impact potentiel du développement JavaScript sur le référencement du site. Les développeurs craignent souvent que les sites créés à l’aide de l’API rest ne soient pas rampés par les moteurs de recherche. C’est parce que le contenu est chargé par un script après l’ouverture 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 s’ils 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, c’est qu’ils scannent les sites Web basés sur JavaScript. Par exemple, le site themeconf est construit à l’aide de l’API rest. Quand j’ai cherché sur Google, ça ressemblait à ce que vous attendiez: Cependant, lorsque votre site est construit sur Javascript, vous 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, vous pourriez rencontrer des problèmes. Sinon, vous n’aurez 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 s’affichera pas correctement:
Utilisez des outils d’accessibilité comme Wave pour Pager individuellement et les modifier en conséquence.