InstantShift – Ressources quotidiennes des Concepteurs et Développeurs Web.
Dans un environnement de croissance continue, il est important que le serveur joue son rôle responsable selon les besoins. Cependant, il y a des périodes de pointe lorsque votre serveur abandonne ou que vous franchissez la limite de bande passante souhaitée. Un serveur peut être bloqué par des dizaines de raisons, chaque raison ayant plusieurs possibilités, chaque possibilité ayant des dizaines de solutions engageant leur existence. Cela pourrait imposer une énorme quantité de confusion pour un petit groupe de développeurs.
Une chose que nous avons remarquée lors de la gestion de quelques sites Web – dans de nombreux cas, ce ne sont pas les sites les plus rapides du Web mondial. Bien que cela puisse être dû en grande partie à la configuration du serveur hôte, certains problèmes de performances sont causés par des éléments que vous pouvez contrôler.
Dans cet article, nous présentons les meilleurs conseils pour Réduire la charge du serveur et Économiser de la bande passante pour vos sites Web en croissance.
Il existe de nombreuses raisons pour lesquelles vous pouvez faire face à des temps d’arrêt du site Web. Peut être dû à l’état du serveur hôte (par exemple, s’il s’agit d’un serveur partagé, les autres sites Web s’exécutant sur le même serveur ralentiront certainement les choses) ou à la configuration de votre site Web ou peut-être à cause de votre code. Il est essentiel de jouer en sécurité.
Il y a peu de choses que vous devez garder à l’esprit avant d’explorer ces conseils, car il est souvent possible que quelques-uns des conseils mentionnés ne fonctionnent pas pour votre site Web particulier, ce qui ne signifie pas qu’il ne fonctionnera avec aucun autre de vos projets.
Également à titre de recommandation personnelle, Si vous recherchez des conseils traditionnels pour réduire la charge du serveur et économiser la bande passante, essayez d’utiliser ces techniques car nous avons également réussi à obtenir les résultats souhaités dans le passé.
Vous pouvez également être intéressé par les articles connexes suivants.
N’hésitez pas à nous rejoindre et vous êtes toujours les bienvenus pour partager vos pensées que nos lecteurs peuvent trouver utiles.
N’oubliez pas de vous abonner à notre flux RSS et de nous suivre sur Twitter – pour les dernières mises à jour.
11 Conseils pour réduire la charge du serveur et Économiser la bande passante
01. Utilisez du texte CSS Au lieu d’Images
Les images ralentissent vos pages Web et consomment beaucoup de bande passante de votre serveur. Au lieu d’utiliser une image d’arrière-plan, utilisez le code CSS. Par exemple, si vous souhaitez utiliser un fond rouge uni sur votre site Web, utilisez le code CSS background-color: #F00 au lieu d’un rouge-bg.jpg. Avec CSS, vous pouvez définir la couleur d’arrière-plan ou l’image d’arrière-plan de n’importe quel élément CSS.
Voici un joli tutoriel sur CSS-Tricks.com comment utiliser judicieusement vos images d’arrière-plan pour réduire la charge du serveur.
02. Optimisation de vos Images
Plus de la moitié de la bande passante sur la plupart des sites Web est utilisée par les images et l’optimisation des images est le meilleur moyen d’améliorer la bande passante utilisée sur votre serveur Web. Optimisez vos images pour Internet et réduisez également leur taille, n’utilisez jamais de fichiers bitmap (.bmp) car ils sont ÉNORMES (principalement en MBs). Vous devez utiliser jpeg(.jpg) ou gif (.fichiers gif) pour les images car ils sont optimisés pour Internet. Une bonne règle empirique est de s’efforcer qu’aucune image ne dépasse 10 Ko. C’est particulièrement difficile avec les animations, mais si vous pouvez le faire, vous remarquerez une différence remarquable dans la bande passante utilisée par votre serveur. Il existe différents programmes / logiciels de conversion d’images disponibles sur Internet et il existe également divers programmes d’optimisation, assurez-vous d’obtenir un programme d’optimisation qui pourra conserver la qualité des images tout en réduisant considérablement sa taille.
Si vous utilisez Photoshop, utilisez l’option « Enregistrer pour les appareils Web & » (option Alt + Maj + Ctrl + S) pour l’optimiser pour une bande passante minimale. Lorsque vous avez une image avec beaucoup de couleurs, vous devriez opter pour JPEG ou PNG. Jouez avec la qualité pour changer la taille du fichier.
Consultez le septième sondage WWW Georgia Tech GVU cité dans « Combien c’est trop ».
03. Compressez votre CSS par des propriétés CSS abrégées
Les fichiers CSS peuvent être assez volumineux, avec beaucoup de pauses et d’espaces inutiles. Les propriétés de raccourci CSS sont géniales! Ils sont un excellent moyen de réduire la quantité de code contenue dans un document CSS, ce qui permet des temps de téléchargement plus rapides et une édition plus facile. Par exemple, vous pouvez utiliser
marge: 2px 1px 3px 4px (en haut, à droite, en bas, à gauche)
… au lieu de
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px
Il y a un article cool écrit par webcredible.co.uk à propos des propriétés de raccourci CSS.
Vous pouvez également utiliser le compresseur CSS de arantius.com pour réduire la taille du fichier CSS et les pauses et espaces inutiles.
04. Supprimer le Code HTML inutile, les balises et les Espaces blancs
Vous pouvez compresser la taille de votre page en supprimant les espaces blancs inutiles dans vos fichiers HTML, voire supprimer les commentaires (si ce n’est pas absolument nécessaire) car chaque charecteur supplémentaire signifie une taille de page supplémentaire. Que vous utilisiez des éditeurs HTML visuels ou un bloc-notes, votre code HTML contient des éléments inutiles: espaces inutiles, retours, balises méta, valeurs par défaut dans les éléments HTML, etc. Ils rendront vos pages Web plus grandes, sans servir de véritable objectif. Les pages Web plus grandes prennent plus de temps à charger, augmentent le trafic de données de votre serveur Web et gaspillent une bande passante précieuse.
Wordoff est un outil Web simple et utile qui vous permet de supprimer les balises et les styles inutiles du code HTML. La plupart d’entre nous doivent nettoyer le code HTML manuellement dans notre vie professionnelle. Cet outil Web nous aide certainement tous dans cette situation et vous trouvez également que cela vaut la peine d’être bookmarqué.
05. Utilisez les bibliothèques AJAX et JavaScript
AJAX est une technologie permettant à une page Web de communiquer avec un serveur utilisant JavaScript sans recharger la page. En général, les pages associées d’un site Web contiennent beaucoup de contenu commun entre elles. En utilisant des méthodes traditionnelles, ce contenu devrait être rechargé à chaque demande. Cependant, en utilisant Ajax, une application Web peut demander uniquement le contenu qui doit être mis à jour, réduisant ainsi considérablement l’utilisation de la bande passante et le temps de chargement.
Si vous souhaitez en savoir plus sur les techniques que vous pouvez utiliser pour économiser votre bande passante en profitant de l’API des bibliothèques AJAX de Google, perishablepress.com publié un article sur ce sujet.
06. Désactivez les liens directs de fichiers
Le terme de liaison directe relie des images ou des téléchargements de votre site Web à d’autres sites Web. Fondamentalement, les images sont sur votre site Web et d’autres sites Web ne font que lier les balises d’image à votre site Web, volant ainsi votre bande passante. Si les gens « connectent » à vos fichiers d’image, ils utilisent votre bande passante que vous paierez finalement.
Vous pouvez empêcher cela de se produire en plaçant un ‘.fichier htaccess dans le dossier où sont stockées vos images. Cela permettra uniquement aux demandes de vos propres pages d’afficher les images – toute personne qui y accède depuis l’extérieur de votre site Web, ou de tout site Web de votre choix, aura le « x rouge » à la place de l’image.
RewriteEngine Sur
RewriteCond%{HTTP_REFERER}!Je n’ai pas de réponse à ce problème.)?://(.*\.)?yourserver.com
RewriteRule\.(jpeg /jpg/ gif/ png)$ –
altlab.com a écrit un joli tutoriel pour empêcher le hotlinking en utilisant le.fichier htaccess.
Vous pouvez également utiliser.générateur htaccess pour désactiver les liens directs fournis par HTMLBasix.
07. Compressez votre code HTML et PHP avec GZip
Tout comme le CSS, votre code HTML peut contenir beaucoup d’espaces blancs et de pauses inutiles. Si vous utilisez PHP, vous pouvez utiliser mod_gzip pour Apache pour compresser votre contenu. Mod_gzip est un module pour apache (existant sur les versions Windows et Unix / Linux d’apache) qui peut réduire considérablement la taille d’une page Web à la volée, lorsqu’elle est demandée par un navigateur capable de comprendre le contenu compressé (presque tous les navigateurs modernes supportent la compression). Rappelez-vous, la grande chose est que la compression sur le serveur n’est activée que si les navigateurs demandent du contenu compressé, dans le cas où le navigateur ne comprend pas le contenu compressé ou ne le demande pas, le serveur serveur simplement du contenu simple et non compressé!
Le moyen le plus simple consiste à utiliser un.fichier htaccess. Je recommande d’utiliser.méthode htaccess car elle est très simple à implémenter et par.fichier htaccess vous pouvez configurer davantage les configurations du serveur. Maintenant, pour activer la compression gzip, ajoutez la ligne suivante à votre.fichier htaccess.
php_value output_handler ob_gzhandler
Ou dans vous pouvez insérer l’ordre pour que la compression PHP fonctionne, vous devez insérer la ligne suivante dans l’en-tête de vos pages Web, en haut de votre page:
< ? ob_start(« ob_gzhandler »); ?>
webcodingtech.com a écrit un tutoriel sur la façon d’activer la compression gzip.
08. Utilisez le site web d’hébergement d’images / fichiers gratuit pour héberger vos fichiers
Si vous souhaitez partager des fichiers (volumineux) et ne pas laisser votre bande passante s’en passer, hébergez le fichier sur des sites Web d’hébergement d’images / fichiers gratuits ou payants tels que Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com et megaupload.com . Hébergez le fichier et placez le lien de téléchargement sur votre propre blog ou site Web. Cela permettra d’économiser une énorme quantité de bande passante sur votre serveur. Avant de faire cela, cependant, assurez-vous d’être autorisé par votre fournisseur de services à le faire.
09. Éviter Les Pièces Jointes Dans La Mesure Du Possible
Si le fichier que vous êtes sur le point d’héberger sur votre serveur se trouve ailleurs sur le net, il vaut peut-être mieux utiliser le lien de cet emplacement plutôt que d’héberger une copie du fichier lui-même sur votre serveur. Cela vous coûtera sans aucun doute une bande passante supplémentaire mais augmentera également la charge du serveur. Si rien d’autre, cela vous fera gagner du temps car vous n’avez pas besoin de télécharger de fichier sur votre système.
10. Mise en cache du site Web
La mise en cache est une méthode de récupération de données à partir d’un stockage prêt (cache) au lieu d’utiliser des ressources pour les générer chaque fois que les mêmes informations sont nécessaires. Activer la mise en cache sur votre site Web s’il n’est pas dynamique, permettra à l’ordinateur des utilisateurs finaux de lire de temps en temps à partir de votre serveur, le reste du temps, il lira à partir de ses propres copies de sauvegarde jusqu’à leur expiration. Une autre bonne idée est de mettre en cache votre site Web, mais vous voudrez peut-être définir une date d’expiration dans les en-têtes HTTP afin que les en-têtes d’expiration indiquent au navigateur combien de temps il doit conserver le contenu en cache. La plupart des images de votre site ne changent jamais et il est bon de les garder en cache localement.
Mise en cache avec mod_headers
# 1 ANNÉE
< filesmatch »\.(flv / ico/pdf/ avi/ mov/ppt/ doc/mp3/ wmv/ wav)$ »= » »>
Contrôle du cache du jeu d’en-têtes « max-age=29030400, public »
< / filesmatch>
# 1 SEMAINE
< filesmatch »\.(jpg / jpeg/ png/ gif/ swf)$ »= » »>
Contrôle du cache du jeu d’en-têtes « max-age= 604800, public »
< / filesmatch>
# 3 HEURE
< filesmatch »\.(txt/xml/js/css)$ »= » »>
Cache-Contrôle du jeu d’en-têtes « max-age=10800 »
</ filesmatch>
# NE METTEZ JAMAIS EN CACHE
< filesmatch »\.(html|htm|php|cgi|pl)$ »= » »>
Header set Cache-Control « max-age=0, private, no-store, no-cache, must-revalidate »
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch « \.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$ »= » »>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch « \.(jpg|jpeg|png|gif|swf)$ »= » »>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch « \.(txt/xml/js/css)$ »= » »>
Expiresdéfaut A10800″
< / filesmatch>
11. Flux RSS de cache
RSS ou Syndication vraiment simple, comme on l’appelle communément, est une technologie qui donne aux webmasters la possibilité de distribuer et de publier facilement du contenu syndiqué sur Internet. Une fois le flux mis en cache, il sera lu à partir du disque dur local pendant une durée spécifiée. Une fois le délai spécifié écoulé, le flux RSS sera récupéré à nouveau. Cela permet au contenu du flux RSS affiché de rester à jour, tout en accélérant l’ensemble du processus. Les flux RSS de cache réduisent l’utilisation de la bande passante. La bande passante est réduite car le serveur Web n’a pas à récupérer à plusieurs reprises le même flux RSS de votre serveur.
Conclusion
Si vous souhaitez créer un site Web, un blog ou une galerie d’images à fort trafic, ne vous contentez pas de relayer sur votre hébergeur, mais passez un peu plus de temps à optimiser votre site Web et votre serveur. Parce que si vous ne le faites pas, vous chercherez un nouvel hébergeur plus grand pour votre site Web assez tôt. Bien qu’il soit toujours recommandé d’utiliser un hôte bon et rapide, l’application de ces techniques vous permettra d’économiser beaucoup de charge de serveur et de bande passante en un rien de temps.
Nous Avons Raté Quelque Chose?
Avez-vous d’autres techniques d’économie de bande passante qui ne figurent pas sur cette liste? N’hésitez pas à les partager avec nos lecteurs.