Les diverses technologies qui entrent dans un site Web

L'Internet est incroyable, je pense que nous pouvons tous être d'accord là-dessus. Mais vous êtes-vous déjà assis et pensé comment un site Web fait réellement son chemin vers votre ordinateur?

L'Internet est incroyable, je pense que nous pouvons tous être d'accord là-dessus.  Mais vous êtes-vous déjà assis et pensé comment un site Web fait réellement son chemin vers votre ordinateur?
Publicité

L'Internet est incroyable, je pense que nous pouvons tous être d'accord là-dessus. Mais vous êtes-vous déjà assis et pensé comment un site Web fait réellement son chemin vers votre ordinateur? Quelles technologies sont derrière MakeUseOf, par exemple? C'est beaucoup plus qu'une simple collection de fichiers HTML et d'images.

Lisez la suite pour savoir exactement ce qui se passe dans la gestion, l'hébergement et le service d'un site Web pour votre consommation, chers lecteurs.

Matériel

Commençons par le composant le plus basique de l'hébergement d'un site Web: le matériel. Essentiellement, les machines utilisées pour héberger un site Web ne sont vraiment pas différentes des ordinateurs de bureau que vous ou moi avons à la maison. Ils ont plus de mémoire, de disques de sauvegarde, et souvent de connexions réseau à fibre optique - mais, fondamentalement, ils sont identiques. En fait, n'importe quelle vieille machine peut héberger un site Web - c'est juste un cas de la vitesse à laquelle il sera capable d'envoyer des pages aux utilisateurs.

Vous pouvez en savoir plus sur les différents types d'hébergement Les différentes formes d'hébergement expliquées [Explication de la technologie] Les différentes formes d'hébergement expliquées [Explication de la technologie] Lire Plus disponible, à partir d'une seule machine partagée entre des milliers de sites payant chacun 5 $ / mois, à un serveur dédié complet capable d'exécuter quelque chose comme MakeUseOf - qui coûte des milliers de dollars par mois .

technologies pour le développement de sites Web

Système opérateur

La plupart des serveurs Web exécutent une version optimisée de Linux - bien qu'il existe un bon nombre de serveurs exécutant Windows, généralement dans des environnements d'entreprise où les applications Web sont construites sur ASP ou dotNet. En janvier de cette année, la distribution Linux la plus populaire pour l'hébergement web est Debian, suivie de près par CentOS (basé sur RedHat), que vous pouvez télécharger et tester vous-même. sites Internet. Google gère bien sûr son propre système Linux personnalisé, ainsi que son propre système de fichiers.

Logiciel de serveur Web

C'est là que les choses commencent vraiment à se différencier. Le logiciel du serveur Web est l'application qui reçoit les demandes entrantes et sert les pages ou les fichiers. Le logiciel du serveur Web lui-même est largement indifférent à la langue de la page Web qu'il sert - un serveur Apache est tout à fait capable de servir Python, PHP, Ruby, ou n'importe quel nombre de langues différentes; mais ce n'est pas universel. La part de marché actuelle indique qu'Apache tourne autour de 65% des meilleurs sites Web, Microsoft IIS 15% et nginx 10%. On considère que nginx est mieux à même de gérer des sites à forte simultanéité - c'est-à-dire où plusieurs milliers d'utilisateurs peuvent être sur le site à un moment donné - et est en fait utilisé ici sur MakeUseOf.

technologies pour site web

Lorsque vous chargez un site Web, vous ouvrez une socket - une connexion - entre votre ordinateur et le serveur du site Web. Une danse élaborée et longue à la mélodie HTTP commence alors avec le va-et-vient des demandes, des données et des codes de statut. Comme vous avez demandé cette page, notre serveur a répondu avec un 200 - OK, ce qui signifie «bien sûr, c'est parti» ; Si vous avez visité auparavant, votre navigateur pourrait également demander "hey, j'ai déjà une copie de ce graphique dans le cache de mon navigateur, en ai-je vraiment besoin?", auquel notre serveur a répondu 304 - Non modifié, ou "non, c'est cool, on ne l'a pas changé ou quoi que ce soit, il suffit d'utiliser celui-là " .

De temps en temps, vous trouverez le redouté 404 - non trouvé, mais je n'ai pas besoin de vous expliquer ce code d'erreur. Si vous avez déjà ouvert Firebug Guide d'amateur pour personnaliser la conception de site Web avec FireBug Guide d'amateur pour personnaliser la conception de site Web avec FireBug En savoir plus ou le mode développeur de votre navigateur, vous serez étonné de voir à quel point va et vient - ce n'est pas un simple "donnez-moi cette page" - "OK, ici", mais en réalité des centaines d'interactions plus petites.

technologies pour site web

Fichiers statiques et réseaux de diffusion de contenu

Sur tous les sites Web, certains fichiers ne changent pratiquement jamais. Des choses comme Javascripts, CSS, images, fichiers PDF ou MP3. Ce sont des fichiers statiques, et pour vous les servir, le logiciel du serveur web doit simplement récupérer le fichier et l'envoyer. Facile, non? Pas si vite.

Malheureusement, l'envoi d'un grand nombre de fichiers statiques est une tâche assez laborieuse en raison de la taille des fichiers. Si vous avez déjà visité une page Web où vous pouvez réellement vous asseoir en regardant les images chargées, c'est parce que le serveur Web récupère ces fichiers pour vous - ils ne sont tout simplement pas optimisés pour faire ce genre de travail. Au lieu de cela, les grands sites Web déchargent tous ces fichiers statiques sur ce qu'on appelle un réseau de distribution de contenu - des serveurs distincts qui sont optimisés pour servir des fichiers statiques ridiculement rapidement en un clin d'œil.

Ils réalisent également cela en localisant physiquement les serveurs dans différents endroits du monde qui se reflètent les uns les autres, de sorte que les données ont moins de distance à parcourir pour vous. À l'heure actuelle, même si l'article MakeUseOf que vous lisez est actuellement hébergé aux États-Unis, les images et Javascript viennent tous de quelque part beaucoup plus près de vous via un CDN local.

Contenu dynamique - Langages de programmation Web

Presque tous les sites Web modernes ont un contenu dynamique quelconque, que ce soit WordPress qui ajoute des commentaires à un article de blog ou Google qui diffuse des résultats de recherche. Pour rendre une page Web dynamique, des langages de programmation Web sont nécessaires. J'ai déjà écrit au sujet des différentes langues qui s'offrent à vous. Langage de programmation à apprendre - Programmation Web Quel langage de programmation à apprendre - Programmation Web Aujourd'hui, nous allons jeter un coup d'œil aux différents langages de programmation Web qui alimentent Internet. C'est la quatrième partie d'une série de programmation pour débutants. Dans la partie 1, nous avons appris la base de ... Lire la suite (et a eu quelques débats passionnés pour avoir suggéré que PHP était le meilleur). Quelle que soit la langue que vous choisissez, elle fonctionne en conjonction avec la couche logicielle du serveur Web pour d'abord générer dynamiquement le contenu de la page, puis le mettre à votre disposition.

Bases de données

Derrière tous les sites Web dynamiques se trouvent des bases de données - des magasins massifs de données brutes qui nous permettent d'accéder à ces données de diverses façons. Pour cela, un langage de programmation de base de données séparé est requis, le plus populaire étant SQL (Structured Query Language) et ses nombreuses variantes. Les bases de données contiennent différents tableaux de données pour représenter différentes structures de données - il peut s'agir d'une liste d'articles; un autre pour les commentaires sur ces articles. En utilisant SQL, nous pouvons trier, combiner et présenter ces données de différentes façons.

Dans WordPress par exemple, un 'post' se compose d'au moins un titre et une date, et probablement un contenu réel. Une table séparée est utilisée pour stocker les commentaires sur cet article, avec encore une autre table pour stocker une liste de catégories, et encore une autre pour stocker une liste des catégories qui ont été attribuées à quel article. En croisant et en tirant des données de tous ces éléments, WordPress rassemble toutes les informations dont il a besoin pour une page particulière de votre blog, avant d'appliquer le thème et de le présenter, via le logiciel du serveur web.

technologies pour le développement de sites Web

Systèmes de mise en cache

Servir les fichiers HTML statiques est assez simple en termes de calcul - le serveur doit simplement récupérer le fichier - le contenu dynamique nécessite par contre beaucoup de travail pour assembler la page, avec la base de données et le traitement de ces données . Un système de mise en cache nous permet de créer un cercle complet, en créant ces pages dynamiques, puis de les sauvegarder en tant que fichiers HTML statiques. Lorsque la même page est demandée à nouveau, elle n'a pas besoin d'être recalculée, ce qui accélère le site.

La mise en cache est un terme large qui peut signifier beaucoup de choses cependant - les CDN sont un type de cache; Il existe également des caches de bases de données pour les requêtes fréquemment posées (pensez à WordPress demandant à la base de données le titre de votre blog à chaque fois que quelqu'un regarde votre post - parce que c'est effectivement ce qui se passe). J'ai écrit précédemment sur la façon de configurer le système W3 Total Cache populaire pour WordPress Comment configurer les divers paramètres Plugin Cache W3 Total pour votre blog Wordpress Comment configurer les divers paramètres W3 Plugin Cache Total pour votre blog Wordpress Il y a quelque temps j'ai parlé de la avantages d'installer le plugin W3TC sur votre blog Wordpress afin de l'accélérer avec la mise en cache divers, mais certains lecteurs étaient naturellement un peu inquiets au sujet de ... Lire la suite, également utilisé ici à MakeUseOf. Votre navigateur a également un cache Tout ce que vous devez savoir sur le cache du navigateur [MakeUseOf explique] Tout ce que vous devez savoir sur le cache du navigateur [MakeUseOf explique] Chaque fois que vous rencontrez un problème avec un site Web, l'une des premières suggestions Le support informatique est "essayez d'effacer le cache de votre navigateur" avec "et supprimez vos cookies". Alors qu'est-ce que ... Lire la suite - à peu près tout peut être mis en cache.

Donc, comme vous pouvez le voir, il y a en fait une énorme quantité de travail et de nombreuses technologies impliquées dans l'hébergement d'un site Web. Cependant, cela ne veut pas dire que vous ne pouvez pas créer votre propre blog en moins d'une heure. La mise à l'échelle à plusieurs milliers d'utilisateurs est l'endroit où les problèmes commencent.

Des questions? Posez la question et je ferai de mon mieux pour répondre. Êtes-vous surpris par la quantité d'efforts que vous pouvez faire sur un site Web?

Crédit d'image: Shutterstock, salle du serveur réseau; Netcraft, graphique du partage de serveur Web; Shutterstock, base de données; Justin Pot / Technophilia, INTERNETZ

In this article