Blog des Webmasters et Bloggueurs

Archive pour la catégorie 'Optimisation'

Mai 11
04

PageSpeed est désormais en mode online

Pour tout ceux qui veulent optimiser leur site internet sans avoir besoin d’installer un module additionnel sur leur navigateur, Google a mis en ligne une version web de son PageSpeed.

PageSpeed Online se veut très simple et vous donnera les mêmes résultats que la version normale. A noter que vous pourrez demander une analyse pour un téléphone mobile en plus de la version PC.


Vous pourrez facilement atteindre le grade A en tout cas il faut essayer d’atteindre les 99 %. On ne peut pas atteindre plus car Google trouve qu’un de ses fichiers n’est pas optimisé …

Mai 10
20

L’intérêt du Google CDN pour vos sites internet

La plupart du temps, dès lors que vous créez un site internet, il est souvent nécessaire de faire appel à des librairies Javascript Externes : Mootools, jQuery et j’en passe … Savez-vous que Google offre gratuitement un CDN ( Content Delivrery Network ) qui vous permettra de ne pas avoir à les héberger chez vous, de mettre très facilement à jour vos librairies et en plus d’économiser du temps de chargement sur vos pages.

La bande passante reste, de nos jours, une denrée précieuse : nombreux sont les hébergeurs basés encore sur un modèle économique au trafic, il faut donc faire des économies et Google est là pour vous avec son CDN. Vous avez juste à inclure la librairie directement dans votre balise <head>

Inclusion de jQuery dans un projet :

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

Cela aura un effet bénéfique pour votre navigateur qui marche principalement, au niveau de son cache, par url. Si plusieurs sites utilisent Google pour inclure jQuery, la librairie sera déjà dans le cache et votre navigateur l’utilisera directement.

Google n’inclut pas de limitations, il serait donc bon pour tout le monde de s’en servir … un point négatif : on ne peut que s’en servir si l’on a accès à internet …

Google AJAX Libraries API

Mai 10
13

GTMetrix : le site qui analyse la performance de votre site

Tout le monde le sait : Google prend en compte dorénavant la vitesse d’affichage du site internet dans le référencement de celui-ci alors pour mettre toutes ses chances de son côté, rien de plus utile qu’un site qui effectue la mesure sans rien avoir à installer, j’ai nommé : GTMetrix

Utilisant les 2 plugins Firefox : YSlow et Page Speed de Google, il est capable de vous donner les grades attribués par les 2 plugins
C’est assez pratique quand on a pas les plugins d’installés. De plus vous pouvez suivre si vous améliorations ont payé en vous inscrivant au site.

A noter qu’il y a des choses essentielles à retenir : faites attention à ne pas trop faire appel à de scripts externes sous peine de vous voir ralentir par leurs propres scripts ( Page Speed considère même Google Analytics comme trop lent alors que c’est un produit Google 😀 )

GTMetrix

Mar 10
24

PHP Speedy optimise votre site internet

Vous cherchez à gagner du grade sur YSlow, voici un script qui vous permettra d’y arriver facilement ! PHP Speedy est votre ami : ce script compresse tous les fichiers CSS / JavaScript en un seul et effectuer la compression gzip nécessaire pour gagner en temps de téléchargement

Pour l’utiliser : rien de plus simple étant donné qu’un installeur automatique est livré.

Pour WordPress, vous pourrez aussi vous en servir via le plugin dédié.

Pour tester les résultats : il suffit d’utiliser Page Speed (Google) ou bien YSlow (Yahoo), n’hésitez pas à comparer !

PHP Speedy

Oct 09
06

PunyPNG : un smushit like qui compresse vos images

Il est toujours bon d’économiser quelques octets par ci par là afin d’économiser sur vos hébergements limités en quantité de trafic. Pour ce faire, au même titre que Smushit, PunyPNG est un service de compression d’images en ligne qui est plus efficace que ses autres compères.

punypng

Comme on peut le voir sur cette image, le service promet des gains de l’ordre de 40% en taille mais sans perdre en qualité.

Il est aussi capable de compresser les GIF et PNG transparents qui sont bien souvent mal optimisés, vous faisant facilement gagner 10 % en poids.

Le service est bien entendu gratuit et se trouve à cette adresse

Juil 09
25

jqPlot Charts : des graphiques avec jQuery

jqPlot est un plugin très utile pour générer des graphiques en tout genre : histogrammes, courbes, « camemberts » … sont gérés par ce plugin tout simplement impressionnant.

Voici quelques exemples tirés directement du site :

jqplot-examples

Un plugin assez complet et utile si vous êtes dans une optique d’optimisation … vous pouvez éviter de traiter des données par le serveur en utilisant le client HTML du visiteur et donc ses ressources directement. Attention aux données sensibles puisqu’elles sont accessibles côté client.

Vous pouvez tout à fait personnaliser les couleurs, la présentation, les données (heureusement :)), les axes également. Pour ce faire je vous renvoie au site officiel

Juil 09
24

Une liste de plugins Firefox pour Webmaster / Développeur

Toujours à la recherche d’outils intéressants pour vos développements, je vous fais part d’une liste de plugins que l’on utilise chez Devclic pour gérer Forum-Webmaster au quotidien.

Nous trouvons tout d’abord un plugin essentiel pour tout débugger, j’ai nommé Firebug.

firebug

Firebug est l’ami indispensable pour la création de sites internet, il permet d’inspecter son code HTML et ses feuilles de style CSS à la recherche d’erreurs potentielles. La fonction permettant de voir la taille du bloc est vraiment très utile puisqu’elle nous permet d’inspecter réellement chaque élément. Cette extension est une aide précieuse et vous permettra d’économiser énormément de temps.

Une fois le design du site fini, il faut tester l’intégration graphique du site. Pour cela, on utilise Colorzilla.

colorzilla-eyedropper1

Colorzilla est une extension toute simple et pourtant très complète. Elle vient se loger dans le coin inférieur gauche de votre navigateur. Un simple click suffit à l’activer. Ensuite, elle vous donnera le code RGB de n’importe quelle couleur se trouvant sous votre curseur. Cela fonctionne même pour les images !

En plus de vous donner la couleur, elle se permet de vous donner l’élément HTML sur lequel vous vous trouvez dans le but de vérifier que vous pointiez bien la bonne partie du site web.

Voilà notre site avec des couleurs bien intégrées.

Que se passe-t-il quand un utilisateur n’a pas Javascript d’activé sur son navigateur ? Pour cela, nous utiliseront la Web Developper Toolbar.

La Web Developper Toolbar s’intègre juste en dessous de votre barre de navigation Firefox. Elle permet d’activer et désactiver d’un simple clic tous les éléments de la page web. Javascript, Cookies, CSS, images, etc. Elle permet également de tester, toujours aussi simplement, le design de vos pages sur les principales résolutions des ordinateurs du marché. Autre fonction utile : la désactivation du cache de votre navigateur qui permet de vérifier que votre site est réellement conforme à votre code puisque tous les éléments sont rechargés / chargés, peu importe s’ils existent en cache.

Enfin, il faut optimiser son site pour qu’il puisse tenir au mieux la charge et être accessible le plus rapidement possible pour le confort de navigation de l’utilisateur. Dans ce but, une extension à Firebug, YSlow de Yahoo est nécessaire.

yslow

Tout aussi simple à utiliser que Firebug, elle se lance d’un simple clic et vous donne un résumé des différentes actions à effectuer (tel que l’emplacement des fichiers CSS et JavaScripts sur votre page web) pour optimiser au mieux le chargement de votre site.

firebug-result2

Smushit

smushit-extensionSmushit est une extension précieuse qui vous fera économise du poids sur vos images en enlevant tout ce qui est inutile. On arrive à obtenir des résultats assez impressionnants, de plus l’extension vous livre les images toutes préparées … que demander de plus ?

En espérant que ces plugins vous permettent d’économiser du précieux temps, de vous améliorer car en inspectant ce que le voisin fait … on peut aussi s’améliorer. Pour rappel, toutes ces extensions Firefox sont entièrement gratuites.

Bon développement et en cas de soucis, nous sommes là pour vous aider

Et vous qu’utilisez-vous en plus ?

Ils en parlent aussi : Korben

Mai 09
04

Accélérer et optimiser le chargement de son site internet

Nous allons vous prodiguer quelques conseils pour vous aider à optimiser le chargement de votre site internet mais aussi faire des économies de bande passante

Lire le reste de cet article »

Avr 09
28

Petite Note Développement PHP : file_get_contents vs include/require

Vous avez développé un script de cache mais vous avez utilisé un include ou un require pour un lire du code html alors c’est mal !

Voici pourquoi : include ou require font appel au parser de PHP afin de voir s’il y a du code PHP à executer alors qu’un file_get_contents lit le fichier en vue de le stocker dans une variable, il ne fait donc pas appel au parser de PHP car il sait pertinemment qu’il n’y a qu’une lecture à faire.

Autre chose, évitez de sortir un file_get_contents pour lire une taille de fichier que l’on connaît par avance, veuillez privilégier les fonctions fread avec une taille définie, cela évite à PHP de faire appel à la fonction filesize et donc vous économisez du temps processeur !

Avr 09
26

Petite Note Développement PHP/Mysql #1 : mysql_close

Vous êtes développeur PHP/Mysql et vous êtes encore au stade du développement procédural (l’inverse du développement orienté objets), voici une chose à ne pas oublier dès lors que vous développez c’est de fermer votre connexion à Mysql

En effet et vous ne le saviez peut-être pas mais PHP ne ferme pas automatiquement la connexion à la base, donc il faut utiliser mysql_close() qui prendra le soin de fermer proprement la connexion

Plus on libère rapidement des connexions et plus on peut effectuer de traitement avec la même puissance et votre hébergeur sera content !


Votre statut : Invité
Vous devez être membre pour participer.
 
 
 
 
 
 
 
 
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2019 - Tous droits réservés

creation site internet strasbourg