background preloader

Htaccess : cache control et expire headers

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.

How to create a Wordpress plugin - 15 best tutorials Create a Custom WordPress Plugin From Scratch This tutorial will describe the implementation of a WordPress plugin starting from scratch. The plugin will connect to an external OSCommerce database and display random products on your WordPress site. It also implements a configuration page for the WordPress admin panel. How to create a simple wordpress plugin Almost every Wordpress user is familiar with plugins and their benefits as a whole. How to create your own WordPress functionality plugin We’re going to create a very simple, very specific functionality plugin that you can (hopefully) use to replace your theme’s functions.php file. WordPress plugin development with php Video presentation on how to create a wordpress plugin Simple wordpress SEO plugin In today’s tutorial, we will create a simple wordpress plugin to add unique custom meta data to your blog posts/pages and extend it according to your own needs. How to build a wordpress plugin How to create WordPress 3 Custom Plugin for dummies

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 Installation pas à pas d’un serveur de blog Wordpress sur Debian Squeeze Je viens de passer le cap et de m'abonner à un serveur dédié chez Online.net. Mon choix s'est porté vers une Dedibox DC. J'ai longtemps hésité avec une OVH Kimsufi 16G mais le fait que la Dedibox propose en standard deux disques fonctionnant en RAID1 à fait la différence (avec l'âge ou privilégie la sécurité à la performance...). Avant de migrer mon blog sur ce nouveau serveur (il est actuellement hébergé chez un VPS Gandi 4 parts), j'ai profité de disposer d'un serveur tout neuf pour valider une procédure complète d'installation et d'optimisation d'un blog WordPress sur un serveur Debian Squeeze en utilisant le "stack" Web suivant: Varnish + Nginx + MemCached. L'objectif de ce billet est de partager cette procédure avec vous. Nous allons donc détaillé l'installation d'un blog WordPress sur une installation toute fraîche de Debian Squeeze (version stable) pré-installé dans mon cas par Online.net avec un minimum de logiciels (pas d'Apache ni d'autres serveurs Web). On peut relancer PHP

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?

herewithme/phpwpinfo Dive Into HTML5 Instant Wordpress vous permet de développer en local (et portable) Si vous êtes développeur de plugin WordPress, de thème WordPress, ou simplement bloggueur, munissez-vous d’une clé USB et installez Instant WordPress. Ahlalalala ça c’est le genre de news que j’aime bien partager. Aujourd’hui, si vous voulez tester ou utiliser WordPress en local, vous devrez au préalable: installer PHPinstaller Apacheinstaller mySQLinstaller WordPresstout configurer comme vous pouvez Avec Instant WordPress, vous disposez de tout cela, sur une clé USB. 3 secondes après ... tada ! Le seul truc bizarre chez moi est que malgré Chrome en navigateur par défaut, c’est Internet Explorer qui s’ouvre lorsque je clique sur ces liens. Un article avec tous les éléments dedans A vous ensuite de jouer avec tout ça. Notez bien cependant que cette version n’est pas faite pour être installée sur le net. Je sais déjà que je vais utiliser cet outil pour tester mes prochains thèmes… et je vais même installer ça direct sur Dropbox. Auteur : Mathieu

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

Instant Wordpress – Le Wordpress mobile pour les gros n00bs Instant WordPress – Le WordPress mobile pour les gros n00bs Si vous êtes un ultra-ultra-n00b, arrêtez de vous sentir souillé dans votre corps... Vous aussi vous en êtes capables et vous pouvez vous mettre à WordPress (et au dev de thèmes ou de plugins WordPress) facilement et sans prise de tête grâce à Instant WordPress. Ce soft est en fait un WordPress portable qui tourne tout seul et qui ne nécessite aucune installation de serveur Apache ou de base de données MySQL puisque tout est intégré dans le soft de manière totalement transparente. Évidemment, ça tourne uniquement sous Windows mais Instant WordPress est à tester, surtout si vous souhaitez bosser un peu sur votre WordPress avant la mise en prod et que vous souhaitez tout trimballer d'un ordinateur à un autre, soit sur une clé, soit sur un Dropbox. Au total, 250 MB de nooberie qui vous permettra surement d'apprendre quelques trucs pour ensuite sauter dans le grand bain. Source et photo Vous avez aimé cet article ?

Related: