Images de performances Magento et statiques sur CDN


11

Nous étudions de nouvelles améliorations de vitesse Magento. Ce que nous voyons maintenant, c'est qu'avec la configuration suivante, la page défile. Seules les images viennent plus tard. Les fichiers principaux sont livrés en quelques millisecondes, mais le temps de chargement est toujours de 2 secondes à cause des images.

  • mise en cache du mage
  • fusionner css / js
  • minifier apc + memcache
  • réglages de htaccess
  • session / cache sur tmpfs

Ma question: quelles sont les étapes pour configurer un CDN (sur mon propre serveur)? (et ça aide vraiment)

Je comprends que c'est quelque chose comme ça (mais cela ne fonctionne pas du tout):

  1. créer un sous-domaine cdn
  2. changer la racine du document (et / ou pourquoi définir un cname?)
  3. changer la configuration

Réponses:


11

Un réseau CDN ou Content Delivery Network fonctionne en utilisant un service qui fournit des serveurs partout dans le monde pour livrer rapidement des fichiers multimédias à l'utilisateur final en réduisant la latence du réseau. Cela signifie qu'un CDN profite à votre boutique en ligne lorsque des clients du monde entier visitent votre boutique.

Donc ce que vous proposez de faire est strictement pris pas vraiment un CDN. Mais à part cela, vous pouvez faire deux ou trois choses.

  • Configurer un sous-domaine qui envoie le moins d'en-têtes supplémentaires possible (comme des cookies) avec les images
  • Configurez NginX sur votre serveur pour gérer les fichiers statiques. Puisque NginX est beaucoup plus rapide qu'Apache, cela vous fera gagner de la vitesse
  • Utilisez un service comme http://www.jpegmini.com/ pour compresser davantage vos fichiers JPEG
  • Utilisez un autre serveur de fichiers pour servir les images, un serveur Web à usage général est configuré pour servir, dans ce cas, des pages PHP. Un serveur de fichiers aura une configuration différente mieux adaptée pour servir rapidement des images.

Pour servir des images à partir d'un sous-domaine, vous devrez procéder comme suit: ajoutez le sous-domaine à votre DNS (cdn.shirtsofholland.com), ajoutez un alias de serveur à votre configuration Apache pour le package existant sur lequel la boutique s'exécute.

ServerAlias cdn.shirtsofholland.com

Transfert du sous - domaine à ce paquet, puis dans le Magento Backend aller System > Configuration > General > Web > (un)secure urlchanger le Base media URLàhttp://cdn.shirtsofholland.com/

Le processus pour votre propre serveur s'appelle le partage de domaine . [Mise à jour 11jan2017] Depuis le partage de domaine HTTP / 2 n'a presque plus aucun avantage

Si vous voulez un vrai CDN, regardez un service comme OnePica, l' extension Magento peut être trouvée ici ou Amazone AWS, en utilisant le tutoriel Ashley Schroder


9

Vous n'avez pas besoin de code ou de plugins supplémentaires pour utiliser un CDN qui prend en charge la recherche d'origine. Il s'agit notamment d'Akamai, Cloudflare et d'Amazon Cloudfront. Tout ce que vous avez à faire est de pointer System> Config> Web JS, Skin and Media URLs vers le bon domaine:

entrez la description de l'image ici

Vous pouvez également configurer des enregistrements CNAME dans DNS pour que le DNS réponde sur un sous-domaine à votre domaine racine.


3

CDN n'est qu'un élément constitutif des performances de votre site Web E2E et il sert un objectif très spécifique qui est de fournir une capacité de mise à l'échelle quasi illimitée et d'améliorer les performances / la vitesse à laquelle les objets statiques sont servis aux visiteurs de votre site en distribuant ces objets statiques à la périphérie des serveurs aussi proches que possible de vos visiteurs à travers le monde à l'aide de serveurs de livraison optimisés pour la construction.

Si votre public est réparti à travers le monde, il est très logique d'utiliser une solution CDN commerciale au lieu d'acheter des serveurs et de la bande passante à travers le monde. Seule une poignée d'entreprises ont l'argent et l'expertise pour construire un tel réseau. Google l'a fait, Netflix le fait, mais à moins que vous ne soyez aussi gros, il n'y a aucun sens économique à créer votre propre CDN et vous feriez mieux d'utiliser l'un des fournisseurs de CDN commerciaux. Les trois principaux fournisseurs de niveau 1 sont Akamai, Limelight et EdgeCast.

Il existe des centaines d'autres fournisseurs CDN. C'est un peu comme le secteur automobile, beaucoup de marques ont toutes 4 roues et un moteur mais il y a des différences énormes entre chaque marque / modèle.

Il est difficile de savoir quel est votre public ou quelle quantité de trafic vous fournissez. Sans ces informations, il est difficile de fournir une bonne réponse. cependant, configurer un CDN commercial est aussi simple que de laisser le CDN savoir quel domaine sert des fichiers statiques.

en supposant que static.shirtofholland.com est utilisé pour servir des objets statiques (images, js, css ...), il vous suffit de créer ce nom, laissez le CDN savoir où se trouve le serveur d'origine (afin qu'il puisse extraire le contenu statique et cachez-le au bord) et enfin mettez à jour votre zone DNS pour pointer ce nom statique vers votre fournisseur CDN. Vous pouvez également utiliser directement l'URL du CDN (fournie par votre CDN). Ce n'est pas très élégant mais ça marche.

Les autres aspects importants à considérer lors de l'examen de l'amélioration des performances sont les suivants:

  • DNS - votre fournisseur DNS actuel est-il suffisamment rapide et fiable? L'utilisation d'un fournisseur DNS géré ira un long chemin et ne coûtera pas beaucoup d'argent.

  • CDN pour la livraison d'objets statiques

  • ADN ou DSA pour accélérer le contenu dynamique (non cache). Cela améliorera considérablement les performances de tout site de commerce électronique, mais il est relativement cher (contrairement à CDN qui est très abordable).

  • FEO ou Front End Optimization qui peut être effectué par optimisation de code (voir le livre O'Reilly à succès de Souders, sites Web haute performance) ou en utilisant une solution commerciale qui appliquera ces règles FEO (et plus) à la volée à votre site. Cela se fait généralement en plus de l'accélération dynamique.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.