optimisation

L’optimisation web désigne le fait d’améliorer le temps de chargement d’un site internet.

17 Pubs sur une page, c’est possible !

Publié le 4 décembre 2012 - Publicité Online.

Alors que je testais un service d’achat/vente d’espace pubs (dont je vous parlerait prochainement), je suis tombé sur la grille tarifaire d’un site anglophone que je fréquente de temps à autre. Ni une ni deux, j’en profite pour analyser les différents emplacements publicitaires, afin de mieux comprendre les différences de tarifs, je désactive donc mon Ad-Blocker… et je visite cette page. Quelle ne fut pas ma surprise de constater qu’on avait pas moins de 17 encarts publicitaires sur ce site, le tout, relativement bien intégrés ! Une fois passée la phase d’hallucination, je me décide d’analyser la stratégie utilisée, et […]

Tester les performances de votre site web avec WebPageTest

Publié le 24 juillet 2011 - Outils Webmasters.

Avec l’importance grandissante du temps de chargement pour un bon positionnement, rien ne vaut de bons outils pour tester la rapidité de son site. De nombreux outils sont disponibles (certains ont d’ailleurs déjà fait l’objet de billets sur ce blog), mais voici l’un des meilleurs : WebPageTest. Ce site propose des résultats vraiment complets et précis concernant le temps de chargement de votre site, et vous pouvez même sélectionner une localisation pour votre test. Seule petite ombre au tableau : le délai d’attente parfois un peu long. En complément vous pouvez tester le rendu de votre site sur un mobile […]

Activer la compression GZIP pour optimiser le temps de chargement de votre site

Publié le 22 avril 2011 - Developpement Web.

Dans la série des optimisation rapides à mettre en place pour accélérer le temps de chargement d’un site internet : la compression GZIP. La compression GZIP c’est quoi ? Un façon de compresser les fichiers servis par votre serveur, afin d’en diminuer le poids, et donc, le temps de chargement. Selon la taille initiale de vos fichiers, vous pouvez réduire le poids de 85% ! Si votre site tourne sur Apache 2 (logiquement c’est le cas), on utilisera DEFLATE. Pour ce faire, il suffit de placer ce code dans son .htaccess : SetOutputFilter DEFLATE AddOutputFilterByType DEFLATE text/html text/css text/plain text/xml […]

Comment créer rapidement la feuille de style CSS d’une Sprite ?

Publié le 17 février 2011 - Outils Webmasters, Webdesign.

Le réponse : SpriteBox, un outil pouvant s’avérer bien pratique pour créer rapidement des CSS Sprites. L’idée : vous fabriquez votre Sprite sous Photoshop ou autre logiciel de retouche d’image, et cet outil vous permet de créer la CSS qui va avec en ligne. En clair : Chargez votre image sur SpriteBox via votre ordinateur ou une URL afin de la rendre disponible à l’édition, Créez une zone selon vos besoins (vous pouvez zoomer pour plus de précision), donnez-y un nom, définissez des propriétés annexes, puis créez la class ou l’ID CSS, Répétez l’opération autant de fois que nécessaire, puis […]

Détecter et enregistrer les erreurs des requêtes mySQL

Publié le 27 janvier 2011 - Developpement Web.

Parce que l’optimisation est une nécessité, un code propre gage qualité, il faut tracker la moindre erreur possible sur son site internet. Aujourd’hui, petit snippet PHP pour vous aider à enregistrer les erreurs SQL générées sur votre site. Rien de bien compliqué au niveau de la mise en place, commencez par créer la table qui va logger les erreurs : CREATE TABLE IF NOT EXISTS `sql_errors` ( `sql_id` int(5) NOT NULL auto_increment, `sql_erno` int(6) NOT NULL, `sql_msg` text character set latin1 collate latin1_general_ci NOT NULL, `sql_time` datetime NOT NULL, `sql_query` text character set utf8 collate utf8_unicode_ci NOT NULL, PRIMARY KEY […]

Templates de site optimisés pour Adsense

Publié le 9 juin 2010 - Publicité Online, Webdesign.

Actuellement en phase de refonte d’un site perso, j’en profite pour compléter mon précédent billet théorique comment augmenter ses revenus Adsense? par des exemples concrets très intéressants trouvés sur la toile : Adsense Website Templates. Ces templates sont bien entendu payants, mais l’aperçu permet de comprendre parfaitement les différentes optimisations effectuées. Et à la différence de la plupart des templates « ready for adsense » (où un très fort accent est mit sur la technique d’harmonisation – noyer les pubs dans le site), ici, toutes les techniques d’intégrations optimisées sont présentes. C’est plutôt instructif : Pour ceux qui cherchent des modèles de […]

Comment réduire le temps de chargement des images : utilisez les CSS Stripes

Publié le 9 octobre 2009 - Developpement Web, Webdesign.

Toujours dans une optique d’optimisation du code CSS, les CSS Sprites sont une méthode très efficace pour réduire le nombre de requêtes effectuées par le serveur, permettant une réduction du temps de chargement des pages, donc un affichage plus rapide. (cf. comment Yahoo! et Aol on amélioré leurs performances – anglais) Cette technique originaire de l’univers des jeux vidéos consiste à grosso-modo à limiter le nombre d’images à charger à partir de notre feuille de style, partant du principe qu’une image commune pour différentes icones est largement plus optimal que plusieurs fichiers séparés de petites icônes. L’exemple donné sur CSS […]

Optimiser son code php avec PHPBench

Publié le 15 juin 2008 - Developpement Web.

PhpBench, voici un site de becnhmark dédié à l’optimisation de code php. Vaut-il mieux utiliser « print » ou « echo »? La simple quote ou la double quote ? Les réponses à ces questions vous y sont communiquées, la plupart des opérations fréquentes réalisées en PHP étant passées à la loupe via des tests effectués à chaque chargement de la page. En bonus l’auteur vous donne sa conclusion personnelle sur chaque catégorie de test. Bref, ce site est plutôt intéressant même si on voudrait un peu plus de tests sur les différentes fonctions et opérateurs php.

Audit de référencement en ligne gratuit

Publié le 11 juin 2008 - Référencement SEO.

Gnoztik, voici un logiciel d’audit en SEO (Search Engine Optimization) d’une efficacité redoutable vous permettant de passer au crible les points clés de votre référencement (pagerank, backlinks, contenu HTML), de diaGnoZtiKer vos points forts/faibles et de découvrir les optimisations ou échanges de liens pertinants pour parfaire vos positions sur les moteurs de recherche. Ces conseils gratuits s’affichent en moins de 3 minutes, et cerise sur le gateau : le logiciel est 100% gratuit! Attention tout de même à bien paramétrer votre proxy ou Google vous blacklistera 30mn sivous effectuez plusieurs scans trop rapporchés.

Calculer le nombre de requêtes SQL en PHP

Publié le 3 juin 2008 - Developpement Web.

Voici une fonction très simple mais à la fois très utile pour calculer le nombre de requêtes SQL effectuées sur les différentes pages de son site, et ainsi facilement détecter les pages un peu ‘gourmandes’ et les optimiser : function db_query($sql) { global $query_count; $query_count++; return mysql_query($sql); } Incluez simplement la fonction ci-dessus dans un fichier d’include puis remplacez tous vos mysql_query () par des db_query(). Pour afficher les nombre de requêtes effectuées sur une page, il suffit de faire un ‘echo’ de la variable $query_count. Pour aller un peu plus loin et peaufiner le rendu singulier/pluriel selon le résultat, […]

Page 1 sur 212