- \n
- Qu\u2019est-ce qu\u2019AJAX?<\/a><\/li>\n
- Quels d\u00e9fis viennent avec les applications AJAX ?<\/a><\/li>\n
- Techniques de simulation des utilisateurs<\/a><\/li>\n<\/ul>\n
- \n
- Test de charge AJAX en action<\/a>\n
- \n
- Script de test de charge AJAX bas\u00e9 sur le protocole<\/a><\/li>\n
- Script de test de charge AJAX bas\u00e9 sur le navigateur<\/a><\/li>\n
- Conclusion : Comparaison des deux m\u00e9thodes de simulation<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
- \n
- Comment LoadView aborde les tests de charge avec AJAX<\/a>\n
- \n
- Cinq \u00e9tapes pour ex\u00e9cuter vos tests de charge bas\u00e9s sur AJAX avec LoadView<\/a><\/li>\n<\/ul>\n<\/li>\n
- Outils utilis\u00e9s<\/a><\/li>\n<\/ul>\n
<\/p>\n
\n<\/p>\n
<\/a>Qu\u2019est-ce qu\u2019AJAX?<\/span><\/p>\n
<\/p>\n
Ceux d\u2019entre vous qui ont d\u00fb faire face \u00e0 des tests de charge des applications Web AJAX (JavaScript asynchrone et XML) ont appris que cela peut souvent \u00eatre un d\u00e9fi difficile de d\u00e9veloppement et d\u2019automatisation. Cet article fournira un peu plus d\u2019informations sur la technique de d\u00e9veloppement AJAX, les avantages et les inconv\u00e9nients d\u2019AJAX, et une approche recommand\u00e9e ajax test de performance.<\/p>\n
Il y a des d\u00e9cennies, les pages Web et les applications \u00e9taient ennuyeuses, mais extr\u00eamement l\u00e9g\u00e8res, faciles \u00e0 entretenir, et leur testabilit\u00e9 \u00e9tait fantastique par rapport aux frameworks d\u2019applications Web utilis\u00e9s aujourd\u2019hui. Les utilisateurs passaient souvent plus de temps \u00e0 attendre devant un \u00e9cran blanc qu\u2019\u00e0 interagir avec ces premi\u00e8res applications Web. En raison de cette facilit\u00e9 d\u2019utilisation limit\u00e9e, les entreprises ont \u00e9vit\u00e9 de d\u00e9penser de l\u2019argent pour de nouveaux services web.<\/p>\n
\u00c0 partir de 2005, une nouvelle technologie appel\u00e9e AJAX a permis aux d\u00e9veloppeurs de construire des sites Web modernes, ce qui a r\u00e9duit au minimum le temps que les utilisateurs passaient devant un \u00e9cran blanc \u00e0 attendre qu\u2019une page se charge. AJAX est une abr\u00e9viation pour et c\u2019est plus qu\u2019une technologie parce qu\u2019il se compose de HTML, CSS, JavaScript, XMLHttpRequest, et un langage de script c\u00f4t\u00e9 serveur tels que PHP.<\/p>\n
Au d\u00e9but de l\u2019\u00e8re d\u2019Internet, la popularit\u00e9 des pages Web riches en contenu et interactives \u00e9tait mauvaise parce qu\u2019il n\u2019y avait pas d\u2019option pour mettre \u00e0 jour une page Web sans recharger toute la page. Au fur et \u00e0 mesure que les nouvelles technologies et techniques \u00e9voluaient, AJAX a contribu\u00e9 \u00e0 combler cet \u00e9cart et a introduit le concept de charge de donn\u00e9es asynchrone, permettant \u00e0 un utilisateur final d\u2019interagir avec la page pendant que les donn\u00e9es se chargent en arri\u00e8re-plan. Aujourd\u2019hui, ce concept est largement utilis\u00e9 car il permet la mise en \u0153uvre d\u2019applications Web interactives et dynamiques, ce qui contribue \u00e0 am\u00e9liorer l\u2019exp\u00e9rience utilisateur globale.<\/p>\n
<\/p>\n
Une demande AJAX typique se compose du processus suivant :<\/p>\n
- \n
- L\u2019utilisateur clique sur la page Web ou l\u2019application Web.<\/li>\n
- Le gestionnaire de cette page Web cr\u00e9e un objet XMLHttpRequest.<\/li>\n
- XMLHttpRequest objet demande un document \u00e0 partir du serveur.<\/li>\n
- Le serveur r\u00e9cup\u00e8re les donn\u00e9es appropri\u00e9es et les renvoie.<\/li>\n
- XMLHttpRequest d\u00e9clenche un \u00e9v\u00e9nement pour aviser la page Web ou l\u2019application que les donn\u00e9es sont arriv\u00e9es.<\/li>\n
- Le gestionnaire traite et affiche les donn\u00e9es.<\/li>\n<\/ol>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
Quels d\u00e9fis viennent avec les applications AJAX ?<\/h2>\n
<\/p>\n
Il y a quelques pi\u00e8ges communs impliqu\u00e9s dans les applications Web dynamiques bas\u00e9es sur AJAX, qui sont d\u00e9j\u00e0 bien connues dans la communaut\u00e9 des d\u00e9veloppeurs. Nous couvrirons quelques-uns des domaines les plus probl\u00e9matiques de l\u2019AJAX ci-dessous.<\/p>\n
Tout d\u2019abord, comme nous l\u2019avons mentionn\u00e9 ci-dessus, l\u2019un des composants qui composent AJAX est JavaScript. Si vous d\u00e9sactivez JavaScript dans votre navigateur, cela rendra votre application ou votre site inutile. Il y a plusieurs ann\u00e9es, il \u00e9tait courant que les organisations verrouent les navigateurs pour leurs employ\u00e9s et d\u00e9sactiv\u00e9 JavaScript \u00e0 des fins de s\u00e9curit\u00e9. Ces jours sont maintenant pass\u00e9s, mais il est toujours bon de garder cela \u00e0 l\u2019esprit que m\u00eame des changements comme ceux-ci pourraient avoir des cons\u00e9quences impr\u00e9vues.<\/p>\n
Deuxi\u00e8mement, les donn\u00e9es charg\u00e9es et affich\u00e9es dynamiquement ne font pas partie de la page, en particulier pour les pages cr\u00e9\u00e9es en tant que SPA (Application d\u2019une seule page) Si un moteur de recherche a index\u00e9 votre page Web bas\u00e9e sur AJAX, le r\u00e9sultat, du point de vue du R\u00c9F\u00c9RENCEMent, peut \u00eatre insatisfaisant parce qu\u2019une grande partie du contenu n\u2019est pas visible par ces moteurs d\u2019indexation.<\/p>\n
Troisi\u00e8mement, les mises \u00e0 jour dynamiques en cours de la page peuvent d\u00e9ranger les utilisateurs avec une faible dur\u00e9e d\u2019attention. Plus les \u00e9l\u00e9ments dynamiques apparaissent sur ces pages, plus la probabilit\u00e9 que votre utilisateur soit interrompu et ne puisse pas terminer son travail dans un d\u00e9lai acceptable.<\/p>\n
Enfin, en raison de la communication client-serveur bas\u00e9e sur le rappel, la latence peut \u00eatre plusieurs fois plus \u00e9lev\u00e9e que d\u2019autres technologies, comme WebSockets, par exemple. Les clients Web tirent pour les mises \u00e0 jour de donn\u00e9es, ce qui est \u00e9galement un d\u00e9fi pour les tests automatis\u00e9s.<\/p>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
Test de charge AJAX : Techniques de simulation utilisateur<\/h2>\n
<\/p>\n
Les sp\u00e9cialistes des tests de charge et les ing\u00e9nieurs de performance sont responsables du choix d\u2019une approche de simulation utilisateur appropri\u00e9e, qui convient \u00e0 la fois \u00e0 votre application \u00e0 l\u2019essai et ne g\u00e9n\u00e8re pas trop d\u2019efforts de votre part. Si vous choisissez la mauvaise m\u00e9thode de simulation, la chance est tr\u00e8s \u00e9lev\u00e9e que vous ne pouvez pas aborder les points chauds de performance dans votre application.<\/p>\n
Il existe deux m\u00e9thodes de simulation utilisateur dont nous discuterons ci-dessous.<\/p>\n
Simulation des demandes et des r\u00e9ponses bas\u00e9e sur le protocole<\/h3>\n
La plupart des outils de test open-source, ainsi que les outils commerciaux de test de charge soutiennent cette proc\u00e9dure. Vous enregistrez les interactions client-serveur, et l\u2019outil de test capture toutes les demandes et r\u00e9ponses dans un script de test. Apr\u00e8s la param\u00e9trisation des donn\u00e9es dynamiques, telles que les ID de session ou les donn\u00e9es d\u2019entr\u00e9e de test, les scripts pourraient \u00eatre utilis\u00e9s pour simuler la charge requise sur votre syst\u00e8me back-end. Sachez que le traitement ou les interactions c\u00f4t\u00e9 client ne font pas partie des mesures du temps de r\u00e9ponse au niveau de votre protocole.<\/p>\n
Simulation compl\u00e8te par navigateur des interactions utilisateur r\u00e9elles<\/h3>\n
Seules quelques-unes des solutions de test de charge les plus compl\u00e8tes<\/a> sur le march\u00e9 aujourd\u2019hui fournissent et soutiennent la simulation compl\u00e8te de test de charge bas\u00e9e sur le navigateur. La raison en est que les besoins en ressources du syst\u00e8me sont plus \u00e9lev\u00e9s et la mise en \u0153uvre d\u2019une relecture fiable peut \u00eatre quelque peu difficile. Quand vient le temps de cr\u00e9er des scripts de test pour des simulations utilisateur compl\u00e8tes bas\u00e9es sur le navigateur, la cr\u00e9ation est comme l\u2019approche bas\u00e9e sur le protocole, cependant, cette fois toutes les interactions c\u00f4t\u00e9 client sont enregistr\u00e9es et sauvent.<\/p>\n
Le testeur ou l\u2019ing\u00e9nieur navigue \u00e0 travers la page Web ou l\u2019application Web tandis qu\u2019un enregistreur de script capture toutes les interactions dans le navigateur Web. Lors de l\u2019ex\u00e9cution du test, un navigateur Web sans t\u00eate ex\u00e9cute les interactions enregistr\u00e9es et r\u00e9pond aux rappels de serveurs comme un v\u00e9ritable utilisateur. Ce type de simulation de l\u2019utilisateur est tr\u00e8s pr\u00e9cis et fournit des mesures r\u00e9alistes des performances avant.<\/p>\n
La premi\u00e8re m\u00e9thode de simulation que nous avons d\u00e9crite est parfaite pour les applications Web statiques, a une faible simulation au-dessus de votre machine d\u2019injection de charge et est souvent facile \u00e0 impl\u00e9menter. La technique ult\u00e9rieure fournit des temps de r\u00e9ponse pr\u00e9cis de bout en bout, mais leurs frais g\u00e9n\u00e9raux sur le serveur de test de charge sont beaucoup plus \u00e9lev\u00e9s. Alors, comment choisiriez-vous la meilleure m\u00e9thode de simulation utilisateur pour tester la charge des applications web ou des pages ajax?<\/p>\n
<\/p>\n
\n<\/p>\n
<\/a><\/p>\n
Test de charge AJAX en action<\/h2>\n
<\/p>\n
Quelle est la meilleure approche de test de<\/a> charge AJAX et comment pouvez-vous valider votre d\u00e9cision ? \u00c9videmment, c\u2019est une bonne id\u00e9e de commencer une petite exp\u00e9rience si vous n\u2019\u00eates pas s\u00fbr de quelle approche fournirait des r\u00e9sultats pr\u00e9cis.<\/p>\n
Pour ce sc\u00e9nario, nous couvrirons deux impl\u00e9mentations de tests de charge pour une application d\u2019\u00e9chantillon AJAX \u00e0 l\u2019aide ajaxsearchpro.com<\/a>. Cette application de d\u00e9monstration est un simple moteur de recherche. Par exemple, supposons qu\u2019un utilisateur tape un terme de recherche dans le champ de recherche et que le contenu correspondant est affich\u00e9. Une fois la cl\u00e9 d\u2019entr\u00e9e tir\u00e9e ou le bouton de recherche cliqu\u00e9, la recherche finale sera ex\u00e9cut\u00e9e et les r\u00e9sultats de recherche correspondants seront affich\u00e9s \u00e0 l\u2019\u00e9cran. Voici le tableau cascade captur\u00e9 \u00e0 l\u2019aide du navigateur Chrome DevTools. Le temps de r\u00e9ponse de la demande de recherche \u00ab voiture \u00bb \u00e9tait de 2,2 secondes.<\/p>\n
<\/p>\n
![\"navigateur](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/waterfall-chart-chrome-browser.png\")
<\/p>\n<\/p>\n
Nous avons utilis\u00e9 les outils de d\u00e9veloppement dans le navigateur Chrome, ce qui nous a aid\u00e9s \u00e0 comprendre qu\u2019il ex\u00e9cute cette demande lors de l\u2019ex\u00e9cution de l\u2019action de recherche: ajaxsearchpro.com\/?s=car<\/a><\/p>\n
Nous avons cr\u00e9\u00e9 un script de test de charge bas\u00e9 sur le protocole et un script de test de charge bas\u00e9 sur le navigateur, ex\u00e9cut\u00e9 les deux, et compar\u00e9 les mesures de performances qui en r\u00e9sultent. Qu’en penses-tu? Quelle simulation utilisateur est la meilleure pour une application ajax ?<\/p>\n
<\/a><\/p>\n
<\/p>\n
Script de test de charge AJAX bas\u00e9 sur le protocole<\/h3>\n
<\/p>\n
- Outils utilis\u00e9s<\/a><\/li>\n<\/ul>\n
- Cinq \u00e9tapes pour ex\u00e9cuter vos tests de charge bas\u00e9s sur AJAX avec LoadView<\/a><\/li>\n<\/ul>\n<\/li>\n
- Script de test de charge AJAX bas\u00e9 sur le navigateur<\/a><\/li>\n
- Script de test de charge AJAX bas\u00e9 sur le protocole<\/a><\/li>\n
- Quels d\u00e9fis viennent avec les applications AJAX ?<\/a><\/li>\n
![\"graphique](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/protocol-based-ajax-waterfall-chart.png\")
<\/p>\n![\"ex\u00e9cution](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/protocol-based-ajax-script-execution.png\")
![\"graphique](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/browser-based-ajax-waterfall-chart-1.png\")
<\/p>\n![\"navigateur](\"https:\/\/www.loadview-testing.com\/wp-content\/uploads\/browser-based-ajax-script-execution.png\")