Les visiteurs n’aiment plus attendre, si le page met trop de temps à s’afficher, ils ont le clic facile, ils iront chercher ailleurs. Pour cela vous avez énormément de solutions pour optimiser le chargement de vos pages.

Le but de cet article est de vous expliquer comment mettre un CDN avec Google en quelques minutes, le tout gratuitement.

Un CDN pour Content Delivery Network est le principe d’héberger vos fichiers sur d’autres serveurs pour charger plus rapidement vos données et ne pas surcharger vos serveurs.

Prêt ? Dans 5 min vous aurez un CDN avec Google !

1. La création d’un compte Google App Engine

Rendez vous sur la page d’inscription de Google App Engine, pour éviter le spam un numéro de téléphone portale va vous être demandé.

Si vous êtes en France le format est : +336XXXXXXXX

2. La création d’un compte Google App Engine

Cette étape est très simple, choissiez le nom de votre application. Par la suite l’url utilisé pour accèder au CDN sera monapp.appspot.com 

3. Installer Python et le SDK de Google

Une fois le projet crée il va falloir envoyer vos fichiers vers les serveurs Google. Vous avez le choix entre le SDK de Google en JAVA ou en Python mais pour ce tuto j’utiliserai le SDK Python.A l’heure actuelle vous avez besoin du Python 2.5.2 que vous pouvez télécharger ici ainsi que le SDK de Googleen Python.Installer Pyhon 2.5.2 puis ensuite le SDK Google qui va installer Google App Engine Launcher. Une fois les deux logiciels installé nous allons paramétrer pour envoyer nos fichiers vers les serveurs Google.

4. Paramétrages du projet et upload des fichiers

Lancer Google App Engine Launcher



Créer le projet Files/Create  New Application, choisissez le nom mis plus haut ainsi qu’un répertoire qui contiendra par la suite tous les fichiers envoyé sur le CDN.

La prochaine étape est maintenant de configurer les dossiers que vous voulez envoyer. Pour cela aller dans le répertoire et ouvrer le fichier app.yaml

application: monAPP
version: 1
runtime: python
api_version: 1

handlers:

- url: /static
static_dir: static

- url: /icones
static_dir: icones

Les dossiers static et icones seront uploadés sur le serveur Google.
Pour plus de détails sur les règles avec la possibilité de mettre des règles selon le type de fichier, l’aide de Google est là pour ça.

A noter que les fichiers avec espace ont l’air d’avoir du mal à passer, je vous conseille donc de remplacer les espaces par un autre caractère.

L’étape finale est de déployer le projet en indiquant votre login et votre mot de passe qui correspondent à votre compte Google.

5. Gérer vos statistiques et le CDN

Pour voir vos statistiques et vos quotas (pas sur les footballeurs bien entendu) rendez vous sur Google App Engine Dashboard
Cela permet de savoir les fichiers qui sont appelés avec des erreurs, la bande passante utilisée …

6. Comparer et sauter de joie !

Les ressources gratuites disponible sachant que Google gère un cache, et que globalement le CDN est utilisé pour des petits fichiers  (images, css). Pour des fichiers volumineux il faudra s’orienter vers d’autres outils ou payer le CDN avec Google.

Les quotats sont par jour, cela vous laisse malgré tout une marge manoeuvre avant de payer.

Je vous invite maintenant à lire un article sur les outils pour monitorer la vitesse de vos sites. Par la suite une explication pour mettre à jour votre CDN en ligne de commande, par CRON pourra être mise ne ligne si cela vous intéresse.

Pour remplacer ma Dedibox V2, j’ai pris les nouvelles Dedibox d’Online.net sortie il y a quelques semaines.

Elle tourne bien pour le moment et pour me faciliter  la vie j’ai mis en place OpenPanel qui est un petit panel minimaliste et open source qui permet de faire pas mal de chose.

Il gère actuellement

• Apache2 virtual hosts
• OpenSSH user access
• BIND9 DNS zones
• Postfix and Courier-IMAP hosted mail domains
• PureFTPd chrooted ftp-accounts
• MySQL databases and user accounts
• IPTables firewall configuration
• Software updates through apt

J’essaierai de mettre à jour sur mon blog un peu les retours sur cet outil de panel de gestion d’un serveur dédié gratuit et open source.

Vice caché nvidia

Suite à mon article sur le vice caché des puces nvidia et mon ordinateur Sony Vaio équipé d’une carte graphique 8400M qui est concerné par ce vice caché Nvidia.

Retrouvez tous les documents (images, jugements …) sur un forum vice caché Sony Nvidia

J’ai donc attaqué la société La Fnac devant le juge de proximité pour faire valoir mes droits qui ne souhaitait pas reconnaître le vice caché Nvidia sur mon ordinateur Vaio.

C’est avec beaucoup de plaisir que j’ai reçu ce jeudi le résultat du procès qui est comme vous l’aurez compris positif. Le juge de proximité à annuler la vente en se basant sur la présence d’un vice caché sur mon ordinateur.

N’ayant pas encore eu le jugement papier, je ne peux pas encore le transmettre mais je le mettrai à disposition pour la communauté.

Je me tiens bien entendu à votre disposition pour aider toutes les personnes confrontés à un vice caché sur les cartes Nvidia

Pour le moment je vous invite à retrouver toutes les ressources sur ce vice caché Nvidia sur les cartes graphiques 8500M et autres

Cet article n’aura pas pour but de vous expliquer comment améliorer votre site internet et son chargement mais plutot comment le monitorer et voir les points à améliorer. Les différents sites disponibles donnent des informations un peu plus précises que le couple firebug/yslow

Les outils classés par préférence / fonctionnalités

Yottaa

L’un des sites les plus complet car il permet de monitorer des pages et des sites. En effet vous pouvez indiquez les pages que vous voulez analyser, chaque jour Yottaa fera un test et vous donnera le résultat et vous pourrez donc voir les améliorations.

Hormis cette fonction de suivi, ils fournis des tests complets, à savoir :

• Comparaison avec les autres sites, pour savoir où il se situe
• Temps de chargement complet d’une page
• Score Yslow
• Poids des pages avec découpage en fonction des types

Sachant que la plus part des tests sont effectués depuis différents serveurs localisés un peu partout dans le monde.

GtMetrix

GtMetrix est presque aussi complet que Yottaa mais n’intègre pas de suivi automatique et quotidien des différents scores, pour cela il est est pour moi en 2ème position.
On obtient deux scores en fonction de Yslow et du temps de chargement de la page. Il est vrai que beaucoup d’informations proviennent de Yslow mais je trouve le site plutot pratique et facile à utliser.
De nombreuses explications sont données pour aider à améliorer la vitesse de son site.

WebPageTest

WebPageTest est un outils assez complet mais moins ergonomique que les 2 premiers. En effet l’un des principaux but est de voir le chargmement d’une page sans cache utilisateur, et un comparatif en simulant une nouvelle visite mais cette fois avec un cache du navigateur.
On peut aussi voir les différents contenus non gzippés, avec des cookies … mais l’inconvénient est la lenteur pour avoir le résultat et la difficulté de lecture une fois qu’on a testé GtMetrix et Yottaa.

Pingdom

Pas grand chose à dire sur pingdom qui est l’un des plus simple et qui permet de voir rapidement le chargement de son site, les informations sont très succinte car seul une « timeline » est disponible mais ca a le mérite d’avoir un test depuis un autre serveur.

WebWait

Webwait est simpliste mais permet de pouvoir exécuter X fois à Y secondes d’intervalles des chargement de son site et donc de voir les temps d’accès avec les éventuels caches entre chaque chargement.
Un outils qui ne donne aucune autre indication mais permet d’avoir un bon aperçu du temps de chargement global d’un site.

Pearltrees des différents outils

Comment protéger vos sites internet contre le spam ? Que ce soit un forum ou des commentaires sur vos sites ?

Rien de plus simple avec Zend et Askimet

$akismet = new Zend_Service_Akismet(ASKIMET_API_KEY,’http://www.monsite.com’);

if ($akismet->verifyKey(ASKIMET_API_KEY)) {

$data = array(

‘user_ip’              => (MON_IP),

‘user_agent’           => (USER_AGENT),

‘comment_type’         => ‘comment’,

‘comment_author’       => $pseudo,

‘comment_content’      => $texte

);

if ($akismet->isSpam($data)) {

}

En ajoutant ces quelques lignes vous allez être débarrassé de tous les méchants spammeurs aux pilules bleues.

Pratique non ?

Comme la plus part des webmaster ont pu le voir il y a bine un soucis de reporting sur les statistiques de Google Analytics pour le 2 Novembre 2010.

Aucune indication n’a été donné mais dans le dashboard de Google Analytics il y a quand même un signalement d’un bug mais pour le 1/11/10 qui correspond plus à un problème de changement d’heures.

Plus d’informations ici : http://www.google.com/analytics/status#di=14&ddo=2&hl=en_GB, mais aucune information sur le bug du 2/11 et les statistiques à 0 sur Google Analytics