Comment optimiser et accélérer votre site Web avec Imperva Incapsula

Ce que vous allez créer

Introduction à notre série Imperva Incapsula

Il s'agit du troisième d'une série de tutoriels sponsorisés couvrant les services de performance et de sécurité de site Web Incapsula. Dans ce tutoriel, je vais vous présenter Incapsula CDN & Optimizer, en vous montrant à quel point il est facile d'augmenter la vitesse de votre site Web avec ses services..

Si vous souhaitez commencer au début de la série, lisez la première partie qui fournit une introduction à Incapsula Website Security et la deuxième partie qui examine Incapsula DDoS Protection en accordant une attention particulière aux applications hébergées par Amazon Web Services.. 

Si vous êtes prêt, vous pouvez visiter le site Web Incapsula et en apprendre davantage sur les forfaits et les options de tarification en lisant notre série de didacticiels. Si vous n'êtes pas tout à fait prêt à vous inscrire, Incapsula propose un site de démonstration complet sur lequel vous pouvez naviguer. Le site de démonstration est une copie d'un compte Incapsula réel affichant tous ses services et fonctionnalités, mais ne vous permet pas d'utiliser réellement l'interface. Si vous avez déjà des questions plus détaillées, consultez la FAQ et la base de connaissances Incapsula..

S'il vous plaît laissez-moi savoir si vous avez des demandes pour les prochains épisodes de cette série ou des questions et commentaires sur ce tutoriel. Envoyez-les ci-dessous sous forme de commentaires ou contactez-moi sur Twitter @reifman ou envoyez-moi un e-mail directement. 

Fonctionnalités d'optimisation d'Incapsula

Avec seulement quelques minutes d’intégrations simples, Incapsula fournit un large éventail d’améliorations des performances de votre site Web. Voici quelques-uns des moyens utilisés par Incapsula pour accélérer votre site Web:

  • Un réseau de centres de données répartis dans le monde entier garantit que le contenu est toujours livré depuis un centre de données proche de vos utilisateurs..
  • Réseau de diffusion de contenu orienté application (CDN) pour ce qu'ils appellent «accélération de site complète», également appelée mise en cache de contenu statique et dynamique (gratuite pour tous les niveaux de compte).
  • Le profilage dynamique et l'analyse de fréquence garantissent que les ressources les plus fréquemment utilisées sont servies directement à partir de la mémoire physique, en contournant complètement le système de fichiers..
  • Optimisation du contenu pouvant être mis en cache avec les technologies d'analyse du trafic adaptées aux applications développées pour Incapsula Website Security.
  • Optimisation sophistiquée du contenu et du réseau qui minimise la latence.

Le site Web moyen pris en charge par Incapsula est 50% plus rapide et consomme de 40 à 70% de bande passante en moins.

Vous vous souviendrez peut-être de la première partie que le niveau d'abonnement gratuit du réseau Incapsula fournit un réseau de diffusion de contenu. Et si vous utilisez le Compte Pro (disponible gratuitement avec un essai de 14 jours), il existe des optimisations de performances supplémentaires. le Compte d'entreprise fournit également des fonctionnalités plus sophistiquées d'équilibrage de charge.

Le réseau de diffusion de contenu d'Incapsula

Incapsula offre un CDN global à tous ses comptes. Ses serveurs sont répartis dans le monde entier pour optimiser la diffusion de contenu vers les visiteurs de votre site:

Le CDN compatible avec l'application Incapsula établit un profil dynamique des ressources de votre site Web et identifie tout le contenu pouvant être mis en cache (dynamique et statique), y compris le contenu que d'autres CDN ne peuvent pas mettre en cache. Son profil dynamique et son analyse de fréquence garantissent que les ressources les plus fréquemment utilisées sont identifiées et extraites directement de la mémoire, ce qui accélère la diffusion du contenu en contournant le système de fichiers.. 

Voici quelques fonctionnalités supplémentaires d'amélioration des performances offertes aux comptes gratuits (nous les examinerons plus en détail ci-dessous):

  • Compression de fichier statique
  • Minification du contenu
  • Optimisation d'image à la volée
  • Validation async
  • En-têtes de cache personnalisés

Ses plans de niveau Pro offrent ces Performance avancée fonctionnalités:

  • Mise en cache de contenu dynamique avancée
  • Compression de contenu dynamique
  • Purger votre cache
  • Forcer des ressources statiques supplémentaires
  • Pré-pooling
  • Rendu d'image progressif
  • Compression d'image

Enfin, les plans d'entreprise de la solution Incapsula offrent également des fonctionnalités sophistiquées d'équilibrage de charge:

Exploration des fonctionnalités d'optimisation d'Incapsula

Passons maintenant à l’interface administrative Incapsula pour vous permettre de voir comment ces fonctions d’optimisation sont observées et gérées. Vous vous souvenez peut-être du Tableau de bord de la première partie de notre série. Il vous fournit un résumé des problèmes d’activité et de sécurité liés à votre site:

Pour ce tutoriel, j'ai choisi mon site web Lookahead Consulting. C’est un site WordPress assez simple que j’organise actuellement chez Digital Ocean et que j’optimise avec Varnish et W3 Total Cache; J'ai écrit à ce sujet dans des tutoriels précédents. J'ai intégré la solution Incapsula en quelques minutes à peine et profité de tous les avantages supplémentaires de leurs fonctionnalités de sécurité et de performance. Incapsula est une formidable amélioration pour exécuter un hébergement rapide, sécurisé et évolutif à partir du forfait de base de tout fournisseur d'hébergement à faible coût.. 

Caractéristiques de performance d'Incapsula

Clique sur le Performance navigation pour examiner les avantages des optimisations d’Incapula sur votre site Web. Vous pouvez voir le pourcentage de bande passante mise en cache et la quantité de bande passante que vous avez économisée:

Pour gérer ces fonctionnalités, cliquez sur le bouton Réglages bouton puis le Performance icône dans la barre latérale gauche:

Cache de contenu

Incapsula propose quatre modes de mise en cache:

  1. Cache de contenu statique: Cela peut mettre en cache votre contenu statique, tel que des fichiers HTML, des images ou des ressources JavaScript, et leur permettre d'être servis directement à partir des centres de données distribués à l'échelle mondiale du réseau Incapsula. Il prend également la charge de vos serveurs pour ces ressources.
  2. Mise en cache de contenu dynamique: L'apprentissage avancé en attente de brevet de la solution Incapsula dresse en permanence le profil des ressources du site Web, en recueillant des informations sur chaque ressource. Bien sûr, certaines de ces ressources sont générées de manière dynamique et changent rarement dans le temps et pour différents utilisateurs. Cette intelligence permet d'optimiser la mise en cache et garantit la précision des ressources. La mise en cache dynamique est uniquement disponible avec les forfaits payants.
  3. Servir des pages de la mémoire: L’apprentissage avancé et l’analyse de fréquence d’Incapsula offrent l’avantage supplémentaire d’identifier les ressources les plus fréquemment utilisées et de les servir directement à partir de la mémoire physique, en contournant complètement le système de fichiers et d’autres mécanismes génériques (tels que la mémoire cache). Cela accélère davantage l'expérience de vos clients par rapport aux autres systèmes de mise en cache..
  4. Mise en cache côté client: Incapsula optimise la mise en cache côté client en s'assurant qu'un maximum de contenu est mis en cache sur le navigateur ou le périphérique mobile du visiteur. La mise en cache côté client garantit un chargement instantané des ressources et la meilleure expérience utilisateur possible. Basé sur les mêmes algorithmes avancés que ceux utilisés pour la mise en cache dynamique, Incapsula enrichit les instructions de mise en cache du navigateur tout en définissant la stratégie d'actualisation appropriée. Ainsi, le contenu reste toujours d'actualité..

Pour plus d'informations sur ces modes de mise en cache, consultez la page Incapsula Global CDN & Caching et sa page Caching Support..

Votre niveau de compte contrôlera les modes de mise en cache dont vous disposez:

Lorsque vous faites défiler la page, vous verrez plus avancé Optimisation du contenu paramètres disponibles:

Minification: Il s’agit de supprimer tous les caractères inutiles du code source, sans en modifier les fonctionnalités. En JavaScript, CSS et HTML, ces caractères inutiles incluent généralement des espaces, des caractères de nouvelle ligne et des commentaires, souvent utilisés pour améliorer la lisibilité du code mais non nécessaires à son exécution. Incapsula supprime ces caractères, minimise la taille et le poids des pages Web et réduit le temps de chargement.

Compression d'image: Vous pouvez choisir les types de fichiers image que vous souhaitez compresser (JPG, PNG). L'utilisation d'une compression agressive pour les fichiers JPG optimise les performances mais peut avoir un impact mineur sur la qualité de l'image. Alternativement, la compression JPG sans perte conserve l’image elle-même intacte, tout en supprimant les métadonnées incorporées dans l’image. Le rendu progressif des images permet aux pages de se charger plus rapidement tout en rendant plusieurs images en parallèle.

Compression "à la volée": Les serveurs et navigateurs Web courants prennent en charge la compression de contenu; Cependant, la configuration de la compression des ressources du serveur requiert une expertise technique et consomme une précieuse puissance de traitement du serveur Web. Incapsula compresse dynamiquement les fichiers HTML, CSS et JavaScript stockés sur ses serveurs "à la volée" à l'aide de GZIP (et du codage de transfert HTTP / 1.1 si possible) pour accélérer les temps de chargement des pages. En comprimant les ressources de votre site Web, Incapsula réduit la quantité de données envoyées sur le réseau sans les tracas de la configuration du serveur..

Pour en savoir plus sur ces paramètres, consultez le récapitulatif Optimisation du contenu et de la mise en réseau d'Incapsula..

Enfin, il existe une variété de Réglages avancés disponible pour personnaliser aussi bien:

Vous pouvez ajouter Règles de mise en cache avancées pour personnaliser la mise en cache comme indiqué dans l'exemple ci-dessous:

Si vous souhaitez mettre en cache une page spécifique ou un ensemble de pages, il est facile de définir un modèle de correspondance d'URL pour elles. De même, vous pouvez exclure des pages avec les mêmes types de modèles.

Purger votre cache: Comme vous le souhaitez, vous pouvez purger l'intégralité de votre cache ou une URL spécifique, comme indiqué ci-dessous:

Utilisation de l'API Incapsula pour le contrôle de la mise en cache

Incapsula fournit une API qui vous permet de contrôler les stratégies de mise en cache de manière efficace et automatisée. L'API peut être utilisée pour modifier les modes de mise en cache, créer des règles de mise en cache personnalisées, purger le cache, purger une ressource spécifique ou configurer les paramètres d'optimisation du contenu. L'API permet une intégration facile et est particulièrement utile pour les entreprises qui gèrent un grand nombre de sites de produits ou de pays spécifiques..

En résumé

Maintenant que vous avez couvert la série pour voir toutes les offres d'Incapsula, pourquoi ne pas jeter un coup d'œil à ce que Incapsula peut faire pour vous?

J'espère que vous avez suffisamment apprécié cette série de tutoriels pour vous permettre d'essayer Incapsula. J'ai écrit un certain nombre de tutoriels sponsorisés pour Tuts +, mais j'ai été particulièrement impressionné par la facilité d'intégration fournie par Incapsula, tout en offrant un ensemble de services essentiels à la fois abordables et riches.. 

Lorsque vous vous inscrivez à Incapsula, le trafic de votre site Web est acheminé de manière transparente via son réseau mondial de serveurs puissants. Votre trafic entrant est intelligemment profilé en temps réel, bloquant les menaces Web les plus récentes (attaques d'injection SQL, racleurs, robots malveillants, spammeurs de commentaires, par exemple) et avec des plans de niveau supérieur, contrecarrant les attaques DDoS. Pendant ce temps, votre trafic sortant est accéléré avec le CDN mondial du réseau Incapsula. Un grand nombre de ces fonctionnalités sont fournies gratuitement et vous pouvez toutes les essayer gratuitement pendant leurs essais de 14 jours..

Incapsula est un service impressionnant que les développeurs, les consultants et les éditeurs devraient connaître..

Comme toujours, n'hésitez pas à poster vos questions et commentaires ci-dessous. Vous pouvez également me joindre sur Twitter @reifman ou m'envoyer un courriel directement. S'il vous plaît consulter ma page de l'instructeur Tuts + pour lire mes autres tutoriels.

Liens connexes

  • Le site Web d'Incapsula
  • Incapsula: Global CDN & Optimizer
  • Incapsula: Optimisation du contenu et de la mise en réseau
  • Foire aux questions d'Incapsula
  • La chaîne vidéo Incapsula