Htaccess : cache control et expire headers

Le htaccess est un fichier de configuration de votre serveur, et celui-ci peut vous rendre énormément service pour les performances de votre site, sur l’expérience utilisateur et sur le référencement naturel. Mais c’est un peu le flou sur la manière de le configurer. Si vous rencontrez des soucis avec ce code et que vous souhaitez que nos équipes se charge de l’adapter et de l’installer, faites appel à nos services de développement. Voici donc un guide pour coder votre fichier htaccess : Avant propos Testez, testez et testez ! Chaque code donné ici permet d’optimiser le fichier htaccess pour accélérer votre site, le sécuriser et réduire la bande passante utilisée. Mais en fonction de la configuration de votre serveur, les codes peuvent ne pas fonctionner : vous devez absolument tester et adapter chaque code en fonction de vos besoins ! Quelques définitions Pour mieux comprendre cet article, voici quelques explications. Htaccess : c’est un fichier de configuration pour un serveur web apache.

Mettre en cache les fichiers statiques de votre site Web (htaccess) Cet article a 3 années. Il commence à dater, lisez-le donc en gardant son âge en tête ! Merci publié le Lu 23 342 fois. J’avais complètement oublié de vous en parler, et pourtant c’était prévu depuis l’article sur l’optimisation du chargement de vos pages grâce à la compression Gzip. Quelques définitions .htaccess Le fichier .htaccess vous permet de communiquer avec votre serveur (apache) dans le but d’en changer une partie des paramètres et des comportements par défaut Serveur Apache Il s’agit d’un format de serveur, il est le plus répondu dans le monde, et est utilisé par la plupart des fournisseurs d’hébergement (gratuit ou payant) Headers En-tête, en anglais, il s’agit d’informations que l’on place en tête de page afin d’orienter le navigateur vers telle ou telle interprétation de la page. Le cache Il s’agit de données « enregistrées » dans un état statique sur un système. Le cache navigateur Voici le code correspondant à entrer dans votre fichier .htaccess : Mise en cache, cache-control

WAVE - Web Accessibility Evaluation Tool Comment imposer une expérience full HTML5 / CSS3 à vos visiteurs [Dictator mode] Décidément, ils ont toujours de bonnes idées chez Google... Afin de faire la nique à Internet Explorer et surtout de permettre aux Webmasters de proposer une expérience full HTML5 / CSS 3 à leurs visiteurs sous IE, le géant des Internetz a mis en ligne Google Chrome Frame. Google Chrome Frame ou GCF est un plugin pour IE qui permet d'utiliser le moteur de Chrome (webkit) sans devoir installer Chrome. Ce qu'il faut savoir, c'est que ce plugin peut être activé et proposé par les webmasters grâce au code suivant, à placer dans le head de votre site : Et à placer juste après la balise de fermeture </body> : Ainsi, en arrivant sur votre site, vos visiteurs IE qui ne disposent pas encore de Chrome Frame verront la popup suivante : Ok, y'a plus sexy et moins intrusif, mais dans certains cas, ça peut servir. BrowserMatch chromeframe gcfHeader append X-UA-Compatible "chrome=1" env=gcf Et voilà ! Amusez-vous bien ! Source Vous avez aimé cet article ?

Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. The site was built and is maintained by Alexis Deveria, with occasional updates provided by the web development community. The design used as of 2014 was largely created by Lennart Schoors. May I use your data in my presentation/article/site, etc? Yes, the support data on this site is free to use under the CC BY 4.0 license. Is there a way to see the support data in colors other than red/green? Yes, you can enable accessible colors from this link or from the option under Settings. Do you have the data available in a raw format? Yes, the raw support data is available on GitHub and is updated regularly. Could you add feature X to the site? Adding features takes quite some time and there are many requests for additions. If you've done the research yourself already, you can also submit a feature on GitHub. Which features do you choose to add to this list?

Dive Into HTML5 Balises img et map La balise <img> et ses attributs La balise a de nombreux attributs, le plus important étant bien entendu src qui permet de spécifier l'URL complète (chemin) du fichier : Le nom de fichier doit être remplacé par le nom de l'image et son extension (ordi.gif). Si votre fichier ordi.gif se trouve dans un autre répertoire que vos pages, par exemple dans un répertoire gif, cela donne : A noter que vous pouvez charger une image sur un autre site (principe du compteur). Note : Pas de barre oblique inverse \. a) Précisez la taille de l'image au navigateur ! En précisant la taille de l'image au navigateur, celui-ci charge plus rapidement votre page. Vous pouvez donc agrandir ou rétrécir votre image en jouant sur les attributs width et height mais attention ! b) Fournir un texte de rechange c) Entourer l'image Avec l'attribut border vous pouvez entourer l'image d'une bordure. d) Espacer l'image e) Positionner et aligner une image f) Prévisualisation des images La balise <map> et ses attributs