Navigateur

Un navigateur (également navigateur web ou browser) est un programme informatique qui vous permet de visualiser des documents, des données et de naviguer sur la toile. Les navigateurs peuvent afficher différents types de ressources d'information ; principalement des documents HTML, cependant, d'autres types de fichiers et de contenus multimédias sont également disponibles, tels que PDF, JPEG, MPEG, GIF ou le meta langage de balisage. En utilisant les plug-ins spéciaux et les paramètres applicables, les navigateurs prennent en charge Flash, JavaScript ou Java Applets pour rendre disponible le contenu multimédia interactif ou transférer des adresses de messagerie vers un programme de messagerie.

Informations générales

Le navigateur est utilisé sur les ordinateurs pour surfer sur la toile et les pages web. Sur la base du verbe anglais to browse (naviguer, explorer), les browsers permettent d'effectuer plusieurs fonctions, y compris la recherche, la navigation et le défilement des ressources Internet. Généralement, les navigateurs sont préinstallés sur un système informatique. Les appareils mobiles, tels que les smartphones, les tablettes ou les phablets, contiennent des navigateurs mobiles. Les navigateurs web connus sont Mozilla Firefox, Internet Explorer, Safari, Opera et Google Chrome.

Dans le monde entier, les navigateurs diffèrent considérablement sur leurs parts de marché. En Allemagne, Firefox est le plus populaire, tandis qu'aux États-Unis, Google Chrome est le navigateur le plus utilisé[1]. Historiquement, les soi-disant guerres de navigateurs étaient pertinentes pour le développement des parts de marché actuelles.

Comment fonctionnent les navigateurs

Les navigateurs sont généralement des interfaces utilisateur graphiques pour les applications Web. Ils offrent une variété de fonctions pour récupérer des ressources, naviguer sur ces dernières, effectuer des recherches ou enregistrer des signets.

Le navigateur fonctionne généralement sur le modèle client-serveur, dans lequel le client Web communique avec un serveur en utilisant des protocoles standardisés (HTTP, HTTPS ou FTP). Si vous ouvrez une adresse URL dans le navigateur, elle prendra contact avec le serveur. L'URL contient un préfixe qui indique au serveur au moyen de quel protocole les données doivent être récupérées. En entrant une adresse web telle que www.exemple.com, le navigateur utilise le protocole HTTP et récupère les données stockées à cet endroit.

Si la ressource est disponible et a été spécifiquement référencée par la bonne adresse, le navigateur interprète les données et les affiche. Un tel affichage des données est également appelé rendu. La récupération d'une ressource au moyen d'une URL ou d'un URI s'appelle l'extraction. Le serveur répond au navigateur en transmettant le document HTML demandé et les ressources associées telles que les fichiers CSS ou JavaScript sur le navigateur. Le moteur de mise en page du navigateur est responsable de la conversion du code source et des moteurs JavaScript pour l'exécution des scripts.

Rendu HTML

  • Le balisage HTML et les balises CSS sont analysés et convertis en une structure arborescente (ou arbre de contenu). Cette dernière découle du modèle d'objet de document (DOM), qui consiste en nœuds et en bords. Le premier noeud est le document lui-même, qui commence ainsi:
<html></html></pre
 
Le noeud suivant peut être le corps HTML, spécifié de cette façon : 
 
<pre><body> </body>

Ceci est suivi de plus de balises telles que les paragraphes, les images ou les divisions en les imbriquant dans chaque document HTML.

  • L'arbre de contenu DOM est transféré dans une structure de rendu basée sur le balisage. Il s'agit essentiellement du motif pour l'affichage ultérieur. Sur la base de rectangles présentant des caractéristiques visuelles telles que des couleurs, des positions et des dimensions, la structure est érigée. L'ordre des rectangles dépend de l'affichage de votre écran.
  • On crée ensuite la mise en page de la structure arborescente. Chaque noeud DOM reçoit les coordonnées exactes pour l'affichage sur l'écran et les éventuelles propriétés de style supplémentaires à partir des fichiers CSS. La structure est transférée dans une mise en page.
  • Le painting est l’étape suivante : chaque noeud de l'arborescence de rendu est affiché par l'interface utilisateur graphique tel qu'il a été spécifié dans le code source HTML, y compris avec les propriétés CSS.

Le moteur de mise en page fonctionne successivement pour améliorer l'expérience utilisateur. Le navigateur affichera initialement les données qu'il a reçues du serveur sans que le document entier soit analysé. La taille des fichiers et des exigences techniques (client, moteur de disposition, serveur, transfert de données via le haut débit) affecte la vitesse de transmission de données. Dans des conditions favorables, le temps de chargement ne sera que quelques millisecondes. Des fonctions telles que la compression, la mise en cache et la minification peuvent en outre améliorer le temps de chargement des ressources.

Vous pouvez maintenant utiliser le document HTML et cliquer sur un lien dans le document, par exemple, ou utiliser les boutons Forward et Back. De telles interactions peuvent entraîner la reprise de la procédure, appelée refusion HTML. En règle générale, cependant, certaines parties de la source sont stockées dans le cache du navigateur afin qu'il ne soit pas rechargé. En outre, les scripts peuvent être chargés pendant la communication HTTP entre le navigateur et le serveur. Cela se fait souvent du côté de l'utilisateur via l'injection de JavaScript. Les scripts sont appelés par le client et exécutés sans une nouvelle communication HTTP. Cette transmission de données asynchrones réduit les appels vers les fichiers du serveur par le client et rend l'application Web interactive à un certain degré. L'exécution des scripts est effectuée par les moteurs JavaScript.

Navigateurs texte

Ces types de navigateurs fournissent uniquement du texte et sont donc appelés navigateurs texte ou navigateurs headless (exemples: Lynx, liens, w3m). Ces navigateurs sont utilisés pour afficher des sites du point de vue d’un programme informatique. Les moteurs de recherche utilisent des navigateurs texte pour analyser les ressources et les inclure dans leur index. Les navigateurs texte font souvent partie intégrante des crawlers ou des robots d’exploration. Cependant, vous pouvez également utiliser ce type de navigateur pour tester les sites et imiter ce que voit le robot d’exploration ou le moteur de recherche[2].

Navigateurs hors-ligne

Les navigateurs hors ligne sont principalement utilisés pour la navigation sur des documents locaux sans connexion Internet. Les navigateurs par défaut (par exemple, Internet Explorer) vous permettent également de travailler en mode hors connexion. Les signets peuvent être définis et les sites sont disponibles hors ligne pour les récupérer plus tard.

Autres navigateurs

En outre, il existe de nombreux autres navigateurs spéciaux qui ont été conçus uniquement pour un système particulier. Les navigateurs mobiles en sont un exemple, les moteurs de recherche de bibliothèque en sont autre. Les navigateurs pour PDA et autres appareils doivent souvent être adaptés à ces systèmes.

Navigateurs : plug-ins, sécurité et personnalisation

Les plug-ins sont des petits programmes utilisateur qui étendent la fonctionnalité d'un navigateur. En particulier pour l'optimisation du référencement, il existe de nombreux plug-ins de navigateur qui permettent de vérifier une page web rapidement et facilement pour des facteurs on et off-page. Les métadonnées d'une page ou d'une adresse IP peuvent être déterminées rapidement au moyen de plug-ins spéciaux. Des barres d'outils spécifiques à un sujet peuvent être installées dans un navigateur pour accéder rapidement aux données pertinentes au cours de la navigation.

Les paramètres de sécurité des navigateurs sont extrêmement importants lorsque les utilisateurs veulent se protéger des attaques, du tracking ou de la publicité indésirable. Généralement, ces paramètres doivent être spécialement adaptés. Les plug-ins optionnels suppriment certaines actions du navigateur, telles que Ghostery, AdBlocker ou le masquage des adresses IP. Des navigateurs tels que Tor vous permettent de surfer sur la toile de manière anonyme sans utiliser de données personnelles. De nombreux navigateurs peuvent maintenant être personnalisés sur les aspects visuels et fonctionnels afin qu’ils se conforment aux souhaits de l'utilisateur et répondent à des exigences élevées en matière de protection des données et de confidentialité.

Importance pour l’optimisation du référencement

Puisque les navigateurs sont le programme avec lequel vous pouvez accéder aux sites web, ils sont pertinents pour l'optimisation du référencement et le web design. Les fonctionnalités des sites web devraient être testées avec différents navigateurs et périphériques. Cela semble particulièrement nécessaire dans le secteur commercial, car les boutiques en ligne peuvent perdre des revenus si les processus ne fonctionnent pas correctement. En outre, les concepteurs de sites web et les experts du référencement peuvent influencer de nombreux facteurs grâce à la programmation, l'optimisation et les tests. Les exemples sont les temps de chargement du site web, la mise en cache dans les navigateurs, la compression des données, la minimisation des ressources et les aspects relevant de l'utilisabilité et de l'expérience utilisateur.

Références

  1. Browser Statistics stetic.com.
  2. What is a headless browser? blog.arhg.net

Liens web

Catégorie