Turbo pour votre site Web – Partie 2: AWS CloudFront

La deuxième partie de la série de blogs "Turbo for Your Website" traite du sujet Amazon CloudFront. Dans cet article, vous apprendrez à utiliser le service Amazon en tant que réseau de diffusion de contenu et à réduire ainsi considérablement les temps de chargement de votre site Web.

Les sites Web rapides font plus de ventes. Dans une étude récente, Ian Lurie a examiné seize sites Web de commerce électronique et a une nouvelle fois prouvé que les temps de chargement minimaux pour clairement plus de ventes,

La figure 1 montre que les pages Web dont le temps de chargement est inférieur à 1 seconde ont 100% de plus de valeur de page, c'est-à-dire de valeur de page, que de pages plus lentes.

sales-pagespeed Turbo pour votre site Web AWS CloudFront

Figure 1: Rapport temps de charge sur valeur latérale – Source

Les temps de chargement rapides semblent être un petit problème dans le travail d'optimisation, car il ne s'agit que de secondes ou de millisecondes.

Inconsciemment, il faut que chaque utilisateur soit et ensuite décider s'il appelle d'autres côtés et clique à travers votre côté ou même s'il achète ou non. Dans la première partie de cette série de blogs, le propre CDN de Google a été examiné et a montré comment l’utiliser pour son propre site Web. Amazon, qui agit également en tant que fournisseur renommé de solutions cloud, propose avec "CloudFront" un tel service qui, bien que non gratuit, apporte de nombreux autres avantages.

La configuration d'AWS CloudFront et la création de liens vers votre site Web sont très simples. Une fois configuré, CloudFront référence automatiquement les fichiers nécessaires et les met automatiquement à jour en fonction des paramètres de cache de votre site Web.

Amazon CloudFront vs. Google CDN

Bien que la solution de déchargement des fichiers statiques de Google soit gratuite, elle offre une puissance de serveur considérable, mais ne fournit que les serveurs disponibles aux États-Unis. Amazon CloudFront, quant à lui, consiste en un réseau mondial de serveurs puissants. Ainsi, l'idée même d'un CDN de mettre les fichiers à la disposition de l'utilisateur final par le chemin le plus court est encore mieux mise en œuvre ici. La facturation sur CloudFront est basée sur la quantité de données transférée.

A lire également :   Voici comment vous développez une stratégie de contenu tout au long du parcours client

Avec le calculateur de prix fourni, vous pouvez facilement calculer le coût du service pour le mois. Selon la liste de prix actuelle (au 30/01/2019), 1 Go de données transmises en Europe coûte actuellement 0,085 USD.

Créer un compte Amazon Web Services (AWS)

Pour utiliser CloudFront, vous avez besoin d'un compte Amazon Web Services pouvant être créé gratuitement. Dès l'enregistrement, une carte de crédit doit être déposée, laquelle n'est toutefois facturée que si vous avez réellement profité du service. Afin de compléter l'inscription, une confirmation d'identité par téléphone sera effectuée. Vous recevrez un appel automatisé d'Amazon, qui vous donnera un code PIN.

Vous les entrez ensuite dans le champ de formulaire désigné. Si vous rencontrez des problèmes avec la confirmation d'identité par téléphone, il est recommandé d'ouvrir un nouveau ticket dans la zone d'assistance. Décrivez le problème et cliquez sur le bouton "Appelez-moi". Vous recevrez immédiatement un appel de l'équipe de support, qui pourra alors confirmer votre identité. Après l'activation de votre compte, le service sera déverrouillé et les fonctions sont entièrement disponibles. Une fois connecté, vous verrez un aperçu de tous les services AWS dans le tableau de bord. En cliquant sur CloudFront, vous démarrez ce service.

Créer une distribution CloudFront

Dans la fenêtre de démarrage de CloudFront, vous verrez toutes les distributions créées à ce jour. Une distribution est responsable de la distribution des fichiers statiques de votre site Web sur le réseau mondial de serveurs, afin que vos visiteurs puissent obtenir ces fichiers le plus rapidement possible. Il est conseillé de créer une distribution séparée pour chaque site Web. Si le service est utilisé pour la première fois, la synthèse de la distribution est vide. Cliquez sur "Créer une distribution" pour créer un nouveau distributeur. A l'étape 1, le "mode de livraison" est sélectionné. Pour une utilisation dans les pages Web, la méthode "Web" doit être sélectionnée ici. La méthode RTMP (Real Time Messaging Protocol) est utilisée pour diffuser de la vidéo ou de la musique en continu.

A lire également :   Examen de l'entonnoir de recherche par requête de recherche - Partie 4 - Conclusion

cloudfront-distribution Turbo pour votre site Web AWS CloudFront

Figure 2: Créer une nouvelle distribution dans CloudFront

Dans l'étape suivante, les paramètres de la distribution sont définis. Dans le champ "Nom de domaine d'origine", le domaine principal du site Web sans "http: //" est saisi. L '"ID d'origine" sert uniquement de nom interne à la distribution et peut être choisi librement. Tous les autres paramètres illustrés à la figure 3 peuvent rester "par défaut" et n'ont pas besoin d'être modifiés.

cloudfront-distribution-turbo pour votre site Web AWS CloudFront

Figure 3: Paramètres d'une nouvelle distribution CloudFront

Pour vous assurer que les fichiers rendus disponibles par la suite via CloudFront n'ont pas d'URL longues et dénuées de sens, vous pouvez ajuster les paramètres sous "Noms de domaine de substitution". Ici, il est recommandé d'entrer un sous-domaine de votre domaine principal. Par exemple:

cdn.deinedomain.de

Ce sous-domaine sera redirigé vers l'URL CloudFront lors d'une étape ultérieure. Pour les petits sites Web, il suffit d’utiliser un sous-domaine car le nombre de fichiers statiques est généralement limité. Dans la prochaine partie de la série de blogs, nous expliquerons et expliquerons plus en détail pourquoi il peut être utile que des sites Web plus importants spécifient des noms de domaine alternatifs supplémentaires. Tous les autres points peuvent être acceptés dans les paramètres par défaut. La distribution peut maintenant être créée.

sous-domaines cloudfront Turbo pour votre site Web AWS CloudFront

Figure 4: Créer des noms de domaine alternatifs

La distribution est maintenant affichée dans le tableau de bord CloudFront. Cela peut prendre quelques minutes pour que cela prenne effet. Cliquez sur la vue détaillée pour voir l'URL de votre distribution CloudFront sous "Général"> "Nom de domaine". Le "Statut de distribution" vous indique s'il est déjà actif ou pas encore.

A lire également :   Comparaison de contenu: la préparation fait la différence

cloudfront-domain-name Turbo pour votre site Web AWS CloudFront

Figure 5: Interrogation du nom de domaine CloudFront

Rediriger les sous-domaines vers CloudFront

Le sous-domaine saisi dans le champ "Noms de domaine alternatifs" (voir Figure 3) doit maintenant être redirigé vers l'URL CloudFront (Figure 5> "Nom de domaine"). Pour cela, l'entrée CNAME du sous-domaine doit être modifiée en ceci. Dans votre hébergeur, vous devriez trouver un guide décrivant ce processus. Sinon, le support de votre fournisseur vous aidera certainement.

Personnaliser les références en HTML

Changez maintenant dans le HTML les références des fichiers que vous aimeriez avoir sur le CDN. Lors de la première visite de la page, CloudFront se réfère exactement aux fichiers réellement nécessaires – rien de plus, rien de moins. Ces fichiers sont ensuite mis en cache sur les serveurs Amazon et fournis à vos visiteurs. Selon vos paramètres de chaching, les fichiers sont ensuite mis à jour et mis à jour régulièrement.

cdn-html Turbo pour votre site Web AWS CloudFront

Figure 6: Changer les références en HTML

En raison des performances élevées des serveurs Amazon et du nombre d'emplacements de serveurs en Europe, les temps de chargement des visiteurs de votre site Web seront sensiblement réduits. Tous les fichiers statiques tels que les images, les fichiers CSS et JavaScript peuvent maintenant être échangés ici.

Avec peu d'effort beaucoup plus de vitesse

L'installation de la solution CDN d'Amazon est relativement simple, mais son impact est considérable. Alors que le CDN de Google ne distribue que les fichiers de votre site Web sur des serveurs situés aux États-Unis, CloudFront vous permet d'accéder au réseau de serveurs mondial d'Amazon. AWS présente également l'avantage que les fichiers ne doivent pas être chargés séparément sur un autre serveur. CloudFront récupère automatiquement les fichiers qui en ont vraiment besoin sur l'infrastructure du serveur Amazon. Selon les paramètres de mise en cache, les fichiers sont ensuite mis à jour régulièrement. Dans la prochaine partie de cette série de blogs, vous apprendrez comment atteindre la vitesse de chargement maximale de votre site Web en quelques astuces.