Share
La vitesse de chargement des sites Web compte beaucoup pour chaque blog / site Web, en particulier pour les personnes ayant un hébergement partagé - qui est le service d’hébergement disponible le moins cher. Voici quelques-uns .htaccess et header.php astuces pour augmenter la vitesse de chargement de votre site Web de 50 à 70%
Les performances Web attirent de plus en plus l'attention des développeurs Web et constituent l'un des sujets les plus en vogue du développement Web. Tout d’abord, la vitesse de chargement est plus qu’une fonctionnalité. La vitesse est la caractéristique la plus importante. Si votre site Web ou votre blog est lent, les gens ne l'utiliseront pas.
Quelle vitesse signifie pour les géants de l'internet:
Dans son effort continu pour rendre le Web plus rapide, Google a déclaré: "Nous avons décidé de prendre en compte la vitesse du site dans nos classements de recherche".
Ainsi, un site Web plus lent diminuera même votre classement dans les moteurs de recherche..
Ainsi, la vitesse de chargement compte beaucoup. CDN (Content Delivery System) est assez bon pour cela, mais dans une certaine mesure, et de bons fournisseurs de CDN sont un peu coûteux.
La bonne nouvelle est que certaines des optimisations de vitesse les plus importantes peuvent être facilement réalisées avec des fonctions simples. .htaccess des trucs. Celles-ci peuvent accélérer le chargement de tout site Web en compressant le contenu et en activant la mise en cache du navigateur, et respectent les meilleures pratiques pour accélérer votre site Web de l'équipe Performances exceptionnelles de Yahoo!, et ne coûtent pas un centime..
La compression réduit les temps de réponse en réduisant la taille de la réponse HTTP.
Cela vaut la peine de compresser vos documents HTML, scripts et feuilles de style. En fait, il vaut la peine de compresser toute réponse textuelle, y compris XML et JSON..
Les fichiers image et PDF ne doivent pas être compressés car ils sont déjà compressés. Essayer de les gzip non seulement gaspille le processeur, mais peut potentiellement augmenter la taille des fichiers.
La compression de fichier enregistre également une partie de votre bande passante.
Pour les serveurs Apache
mod_pagespeed est un module Apache développé par Google et sa directive de commande peut être utilisé comme les autres modules.
Actuellement, seuls GoDaddy et DreamHost prennent en charge le mod_pagespeed module, donc si vous hébergez avec eux il suffit de copier et coller le code suivant sur votre .htaccess fichier:
ModPagespeed sur # en utilisant des commandes, des filtres, etc.
Beaucoup d’entre vous peuvent être hébergés chez d’autres hébergeurs qui ne supportent pas le mod_pagespeed module.
Vous pouvez utiliser le mod_deflate module (Apache 1.3x utilisé mod_gzip mais depuis Apache 2x mod_deflate est utilisé)
AddOutputFilterByType DEFLATE text / html text / texte brut / application xml / application xml / xhtml + texte xml / css texte / application javascript / application javascript / x-javascript
Pour les serveurs Nginx
Si vous hébergez sur un serveur Web Nginx, copiez ce qui suit sur votre .htaccess activer la compression gzip.
serveur gzip on; gzip_types text / html text / css application / x-javascript text / texte brut / xml image / x-icon;
Si votre serveur ne supporte pas mod_deflate ou mod_gzip vous pouvez utiliser ce script PHP pour la compression gzip qui fonctionne à la fois sur Apache et Nginx
Copiez simplement ceci dans votre thème header.php
Ci-dessous, le graphique à barres illustrant la vitesse de chargement de mon site Web avec et sans compression gzip..
Les balises ETags (balises d'entité) sont un mécanisme que les serveurs Web et les navigateurs utilisent pour déterminer si le composant contenu dans la mémoire cache du navigateur correspond au serveur d'origine. Des étiquettes sont ajoutées pour fournir un mécanisme de validation des entités plus flexible que la date de la dernière modification. Un ETag est une chaîne qui identifie de manière unique une version spécifique d'un composant. Les limitations de ce format sont que la chaîne est citée. Le serveur d'origine spécifie l'ETag du composant à l'aide de l'en-tête de réponse ETag..
Pour désactiver ETags, collez-le dans votre .htaccess fichier
En-tête non défini ETag FileETag Aucun
Avec la mise en cache du navigateur, nous demandons explicitement aux navigateurs de conserver des fichiers particuliers pendant une période donnée. Lorsque le fichier est à nouveau utilisé, le navigateur doit extraire de son cache local au lieu de le redemander au serveur..
Gérer un site Web sans utiliser de cache est aussi logique que d'aller au magasin chercher un verre d'eau à chaque soif. Non seulement c'est impraticable et à courte vue, mais cela demande plus de travail!
La mise en cache du navigateur est vraiment utile pour obtenir les utilisateurs qui reviennent; c'est-à-dire qu'il peut vous fidéliser et vous faire économiser beaucoup de bande passante.
Un premier visiteur de votre page effectuera plusieurs requêtes HTTP pour télécharger tous les fichiers de votre site, mais en utilisant les en-têtes Expires et Cache-Control, vous rendez ces fichiers en cache. Cela évite les requêtes HTTP inutiles sur les pages vues suivantes.
Pour les serveurs Apache
Apache permet à travers le mod_expires et mod_headers modules.
le mod_expires Le module contrôle le paramétrage de l'en-tête HTTP Expires et de la directive max-age de l'en-tête HTTP Cache-Control dans les réponses du serveur. Pour modifier les directives Cache-Control autres que max-age, vous pouvez utiliser le mod_headers module.
le mod_headers Le module fournit des directives pour contrôler et modifier les en-têtes de requête et de réponse HTTP. Les en-têtes peuvent être fusionnés, remplacés ou supprimés.
Ajoutez ces règles à .htaccess pour définir les en-têtes Expires:
# BEGIN Expire les en-têtesExpiresActive On ExpiresDefault "accès plus 5 secondes" ExpiresByType image / x-icon "accès plus 2592000 secondes" ExpiresByType image / jpeg "accès plus 2592000 secondes" ExpiresByType image / png "accès plus 2592000 secondes" ExpiresByType image / gif "accès plus 2592000 secondes "Accès ExpiresByType application / x-shockwave-flash" plus 2592000 secondes Accès "ExpiresByType text / css" plus 604800 secondes "ExpiresByType text / javascript" plus 216000 secondes "Application ExpiresByType / javascript" javascript "accès plus 216000 secondes" texte / html ExpiresByType "accès plus 600 secondes" application ExpiresByType / xhtml + xml "accès plus 600 secondes" # END Expire en-têtes
.htaccess règles de configuration de l'en-tête Cache-control:
# BEGIN En-têtes de contrôle de cache# END Cache-Control Headers En-tête set Cache-Control "public" En-tête set Cache-Control "public" En-tête set Cache-Control "private" En-tête set Cache-Control "private, must-revalidate"
Remarque:
Accentsconagua
max-age directive avec l’en-tête Cache-Control puisqu’elle est déjà définie par le mod_expires module.doit revalider signifie qu'une fois qu'une réponse devient périmée, elle doit être revalidée; cela ne signifie pas qu'il doit être vérifié à chaque fois.Pour les serveurs NGINX
Le correspondant .htaccess les paramètres dans Nginx ressembleraient à ceci:
(L'exemple ci-dessous indiquerait aux navigateurs de votre visiteur de conserver HTML, CSS, Javascript, des images et des favicon pendant une heure)
emplacement ~ * \. (jpg | png | gif | jpeg | css | js) $ expires 1h;
Depuis WordPress 2.6, les publications automatiquement enregistrées dans WordPress sont conservées même après que la publication a été enregistrée en tant que révision dans la base de données MySQL. Une plus grande base de données envoie également le temps de chargement du site plus élevé. Je suggère de supprimer la fonctionnalité de révision.
Collez ce qui suit pour wp-config.php pour désactiver les révisions:
define ('WP_POST_REVISIONS', false); Si vous décidez de conserver la fonctionnalité de révision, vous pouvez également choisir de conserver les révisions dans la base de données pendant un nombre fixe de jours, par exemple. 10 jours.
Suivez l'évolution de votre site: affichez le nombre de requêtes et l'heure de chargement.
Il suffit de coller le code suivant après le texte du copyright dans le thème de votre thème. footer.php:
requêtes en secondes.
Connaissez-vous ou utilisez-vous une autre méthode pour optimiser le temps de chargement de votre blog / site web? N'oubliez pas de les partager en commentant.
