Le Blog de webdesign-tutoriaux

Hier, il y a eu quelques ralentissement du serveur (Dreamhost) dont je fais l’éloge dans mes derniers billets. Et donc j’ai décidé de m’attaquer à l’optimisation de Webdesign-tutoriaux. Donc voici tout d’abord les outils que j’ai utilisé :

• PingDom tool est un outil permettant de mesurer le temps de chargement de chaque éléments d’une page web et ainsi de voir les images ou les Javascripts qui peuvent ralentir.
• Yslow qui est une extension Firefox pour FireBug et développé par Yahoo. Yslow mesure à peu près la même chose que PingDom mais depuis votre navigateur et en vous donnant des conseils d’optimisation.

En gros pour diminuer le temps de chargement d’une page il faut :

• Eviter d’avoir trop de requêtes http sachant qu’il y a une requête pour chaque fichier Css et Js à charger.
• Avoir des images de poids faible (généralement préférer les Gif au Jpeg) le découpage du design joue.
• Lancer les scripts Javascript à la fin de la page quand c’est possible.

La solution si vous ne souhaitez pas rentrer dans les détails est un script PHP d’aciddrop qui permet en 3 lignes de :

• Regrouper les fichiers CSS et Js en un seul pour avoir moins de requêtes Http
• Ajouter des entêtes qui expirent
• Compresser des composant de la page avec Gzip
• Minifier (de minify en anglais) les Css, Javascript et html : en gros on supprime les espaces, les tabulations et les retour à la ligne afin que les fichiers soit moins gros et donc moins long à charger

Enjoy !

Je vous présente Pixbay un nouveau site que je lance. C’est un annuaire de sites autour du webdesign et de la création de sites. L’objectif de cet annuaire est d’être tourné vers l’internaute qui cherche à découvrir de nouveaux sites et non pas vers le webmaster qui cherche à référencer ses sites. Ainsi Pixbay propose des listes des “meilleurs” sites sur une thématique donnée.

Par exemple :

• 13 thèmes Wordpress gratuits pour votre blog
• 7 extensions Firefox pour les web-developpeurs et les webdesigners
• 4 sites et outils pour choisir un nom de domaine
• 6 sites pour choisir les couleurs de son site web
• 12 galeries CSS pour trouver l’inspiration

Le site présente ses sélections soit en mode galerie soit en mode annuaire.

Voilà c’est fait ! j’ai migré webdesign tutoriaux chez Dreamhost comme je vous en avait parlé ici.

 L’opération s’est passée sans aucun problème et normalement personne ne devrait s’en être aperçu ;). Le nom de domaine est passé de chez OVH vers Godaddy (environ 5 jours) et l’hébergement de chez OVH chez Dreamhost. Pour ceux que ça intéresse voici le mode opératoire utilisé qui m’a permis de garder le site en ligne :

Lire la suite »

Retrouvez la sélection des 100 templates Wordpress gratuit par l’excellent webzine Smashing Magazine.

J’ai choisi de migrer l’ensemble de mes sites chez Dreamhost. J’étais tout à fait satisfait d’OVH (90Plan), les seules raisons sont les performances de l’offre :

• 900 Mo de stockage chez OVH contre 500 Go chez Dreamhost.
• 600 Go de bande passante par mois contre 5000 Go.
• 5 Bases de données MySQL contre un nombre illimité…

Lire la suite »

Tout d’abord, bonne année à vous tous !  et oui c’est le premier post de l’année

Je tenais a vous faire découvrir le site LogoTemplater qui est une ressource de logos “blank” (ou de formes de logo) à personnaliser. Plusieurs sets gratuits de logos sont disponible au téléchargement.

Enjoy !