Tag : blog

7 conseils pour optimiser le temps de chargement d’un site

On le sait tous l’optimisation d’un site est essentielle pour vos visiteurs qui prendront plus de plaisir à vous lire et à naviguer sur vos pages mais aussi pour le référencement car les robots iront plus vite et vous aurez une meilleure note sur le temps de chargement de vos pages. Il faut l’avouer l’optimisation d’un site est pénible, rasante mais vaut vraiment le coup! Voici quelques recommandations que je peux vous faire après avoir bien étudié le sujet.

Ne garder que l’essentiel

Le gain le plus facile est sans aucun doute enlever tout ce qui n’est pas nécessaire, et oui c’est le truc le plus con mais c’est certainement là que vous aurez le plus de chose à gagner! Il faut donc regarder vos pages et vous demander si vous utilisez bien tout ce que vous envoyez à votre visiteur. En regardant vous allez voir que le javascript et la feuille de votre formulaire de contact est chargé sur toutes les pages de votre site et pas uniquement sur votre page contact comme cela doit être (c’est un cas ultra classique pour les sites sous WordPress notamment).

Il y donc deux choses à faire :

  • virer les choses que vous n’utilisez pas
  • charger les scripts et feuilles de style uniquement sur les bonnes pages

Pour ceux sous wordpress vous pouvez utiliser des bouts de code comme cela pour optimiser le chargement des js et css de certains plugins qui ne sont pas utilisés partout sur le site, la solution est donc de ne les charger que sur les bonnes pages et donc les dé-enregistrer sur les autres :

Optimiser les images

Ah l’optimisation des images tout un roman… Premièrement il faut servir des images adaptées à la taille des écrans de vos visiteurs ainsi vous n’enverrez pas une image en 1980×800 à un utilisateur sur mobile. Ceci est globalement un peu complexe mais peut se gérer assez facilement avec le bon plugin. Personnellement sur Blogdecodesign.fr j’utilise le plugin « PB Responsive Images » et je suis très content du résultat même si forcément cela augmente un peu le besoin en espace disque sur le serveur.

Ensuite il faut compresser les images, encore une fois soit vous utilisez des images déjà compressées ou alors vous les recompressez sur le serveur mais c’est un peu plus complexe que de le faire initialement. Pour les compresser sur un mac j’utilise ImageOptim c’est pratique et efficace aussi bien avec des jpg que des png.

Pour les grosses images qui se situent sous la ligne de flottaison vous pouvez aussi différer l’affichage de l’image avec un code javascript defer comme celui-ci :

Chasser les requêtes mysql lentes

Vous ne le savez peut être pas mais sur votre site/blog vous avez certainement des requêtes sur vos bases de données, certaines requêtes peuvent être parfois lentes voir très lentes il faut donc les optimiser afin de réduire le temps de requête au maximum et ainsi gagner de précieuses secondes.
Pour trouver ses requêtes lentes cela n’est pas évident sauf si vous utilisez des plugins ou des scripts spécialisés dont c’est la fonction principale. Pour wordpress j’utilise l’excellent « Query Monitor » qui va vous afficher en live le temps consommé par chaque requête, c’est bien pratique pour savoir quoi optimiser en premier. Sur l’un de mes sites cela m’a permis de passer de 180 requêtes par pages à 70. Certes cela n’est pas le plugin qui va réduire le nombre de requêtes mais cela va vous permettre de réfléchir à la structure de vos requêtes, j’ai ainsi mutualisé beaucoup de requêtes identiques. En terme de gain en temps je suis passé de 2,5 secondes de requêtes MYSQL à 0,65 secondes vous voyez bien que l’optimisation était nécessaire!

Réduire votre feuille de style

La feuille de style est aussi un très bon angle pour optimiser votre site. Si vous regardez avec l’inspecteur de Google Chrome (clic droit « inspection de l’élément ») vous regardez dans l’onglet « audit » et vous allez constater que la page n’utilise que 15% des éléments de votre feuille de style, c’est logique mais cela vous coute en temps de chargement. Il faut donc partir à la chasse aux balises css que vous n’utilisez pas, pour moi j’ai pu réduire par deux le poids de ma feuille de style qui au fil des années s’était alourdie…

Pour les spécialistes vous pouvez aussi regarder du côté de Grunt Uncss pour optimiser efficacement votre feuille de style!

Vous devez aussi compresser votre feuille de style avec des outils en ligne qui font très bien le boulot comme cssminifier, cela permet de gagner facilement 25% de la taille du fichier.

Choisir des polices (font) légères

Certaines polices de caractères comme celles proposées par Google sont plus ou moins lourdes, il faut donc en choisir une légère et surtout ne pas sélectionner toutes les variations proposées…

Tip : Si vous voulez que votre site ne clignote pas au chargement de la page (flash of unstyled content (FOUC)), il faut mettre la feuille de style de google font au-dessus de la feuille de style de votre site.

Utiliser un système de cache

Si votre site peut être rendu momentanément statique il faut absolument envisager un système de cache, sur WordPress c’est facile de le faire avec un plugin spécifique. Aujourd’hui les plugins sont vraiment efficace et vous proposent même de minifier à la volée vos javascripts et vos différentes feuilles de style.

Utiliser un CDN

A le fameux CDN, tout le monde en parle mais pas beaucoup l’utilise et pourtant c’est un moyen de servir très rapidement vos fichiers statiques comme les images, les fichiers javascripts, et les feuilles de style. Pour ma part je pense utiliser prochainement Amazon Cloudfront en lien avec les fichiers que j’ai mis sur Amazon S3.

D’ailleurs à défaut de CDN vous pouvez déjà commencer avec un stockage des fichiers images sur Amazon S3, le temps de latence n’est pas celui d’un CDN mais cela certainement mieux que celui de votre serveur et cela lui donnera un peu d’air pour faire d’autres choses ! Sur l’un de mes sites j’ai hébergé 3 gigas d’images afin d’être plus efficace sur le chargement de celles-ci. Non pas que mon serveur ne soit pas à la hauteur mais il n’arrive pas à avoir la régularité d’Amazon S3.

Les outils en ligne pour tester

Afin de voir les impacts des différentes optimisations vous pouvez utiliser ces deux sites ils sont parfait et très pertinents :

Google Pagespeed Insights
Webpagetest

Voilà en ce qui concerne mon expérience personnelle sur le sujet de l’optimisation d’un site avec comme résultat un temps de chargement divisé pratiquement par deux, si vous avez des remarques ou d’autres amélioration n’hésitez pas à laisser un commentaire.

Quelques articles à lire aussi


WordPress fête ses 10 ans

Hier WordPress a fêté ses 10 ans d’existence, dingue comme le temps passe vite. Pour ma part j’utilise wordpress depuis 2005 avec l’ouverture de ce blog. En 10 ans Matt Mullenweg a su construire un très bel écosystème autour de l’outil wordpress qui est toujours open source.

Peu de sociétés arrivent à faire ce qu’a réussi à faire Mullenweg avec Automattic la société commerciale rentable qui est associée à un outil open source avec une très grosse communauté. Aujourd’hui de nombreux blogs et sites à très fort trafic utilise cet outil pour publier des articles ou alors pour monter des sites d’entreprises (TechCrunch, GigaOm..). Dans l’écosystème wordpress on retrouve donc la communauté open source qui travaille sur le développement de l’outil mais aussi une myriade de développeurs qui proposent des thèmes et des plugins pour transformer et enrichir l’outil, en parallèle de l’open source il y a aussi des sociétés qui commercialisent des thèmes premium avec un certain succès (Elegant Themes, Theme Forest…).

Avec le rachat de Tumblr par Yahoo pour un montant de 1,1 milliards de dollars on imagine un peu le prix de la société Automattic…

Source le post de Matt Mullenweg

Quelques articles à lire aussi


12 milliards de pages vues mensuelles pour Tumblr

Tumblr est un site proposant un outil de blogging « rapide » qui permet facilement de publier du contenu sur internet. Les blogs sous Tumblr sont soit sous une adresse .tumblr.com ou alors avec un nom de domaine propre, le site permet d’ailleurs gratuitement de relier un nom de domaine à un blog Tumblr.

Il y a encore quelques temps les spécialistes comparaient Tumblr à Posterious mais compte tenu du trafic on peut maintenant affirmer que Tumblr est la première plateforme de blogs et cela devant WordPress. Le site fait en effet aujourd’hui plus de 300 millions de visites par mois et 12,9 milliards de pages vues mensuelles, soit à peu près 8 fois le trafic de WordPress (en version hébergée sur wordpress.com).

En nombre de visiteurs :

En nombre de pages vues :

WordPress.com attire néanmoins plus de visiteurs mais je pense que dans quelques mois Tumblr aura plus de visiteurs mensuels.

Quelques articles à lire aussi


50 millions de blogs pour WordPress.com

Voilà la plateforme d’hébergement wordpress.com vient de passer les 50 millions de blogs hébergés. Ce chiffre n’inclus pas les blog comme 2803.fr qui utilisent wordpress mais en mode hébergé ailleurs.

Alors voici quelques chiffres vertigineux sur cette plateforme :

-Wordpress.com héberge 14% des sites internet au niveau mondial
-2,5 milliards de pages vues par mois
-500,000 nouveaux posts chaque jour
-400,000 commentaires par jour
-Le français ne représente que 1,4% des sites… (66% en anglais et 8,7% en espagnol)

Qui a dit que les blogs étaient morts?

Quelques articles à lire aussi


Trois outils pour vous aider à faire du contenu unique sur Internet

Tout le monde le sait pour émerger dans les résultats des moteurs de recherche il faut de la pertinence mais aussi de l’unicité. Produire du contenu unique est essentiel et parfois il faut s’aider de quelques outils pour être encore plus différent dans la rédaction de votre article. Voici trois petits outils à mettre en favori et à utiliser selon le besoin.

Le premier est un dictionnaire de synonymes proposé par le laboratoire CRISCO de l’Université de Caen. Vous mettez un mot l’outil vous proposera des synonymes classés par pertinence.

Le second outil est un outil pour calculer le taux de similarité (appelé aussi duplicate content) entre deux textes (votre source par exemple et votre article). Très simple aussi, il est basé sur les algorithmes Shingles pour définir un taux de similarité entre les deux textes (méthode utilisée par les moteurs). Un bon moyen de vérifier le caractère unique de votre article versus un autre site (source ou repreneur de votre l’information).

Le troisième outil est le plus simple, c’est un calculateur de nombre de mots. Presque rien à voir avec le caractère unique d’un article mais c’est pratique parfois de savoir de combien de mots est composé un article sans avoir à ouvrir word ou wordpress! Par ailleurs on sait que Google intègre le nombre de mots dans ses algorithmes de classement…

Avec ces trois outils vous voilà armé pour écrire du beau contenu unique et original pour vos lecteurs et les moteurs de recherche!

Quelques articles à lire aussi


Evolution des contenus sur Internet

Aujourd’hui sur internet la mode est à la curation, à la réorganisation du contenu mais cette mode aura peut être une limite. En effet, pour pouvoir faire de la curation il faut trouver contenu frais, neuf et intéressant accessoirement. Il y a encore quelques années il y avait moins de blogs et surtout pas d’outils de microblogging ou encore les outils de curation permettant de mettre en forme l’information sur une thématique, le tout très rapidement.

Le problème avec cette évolution « naturelle » de l’information et de la quantité de cette dernière est que le bon contenu se noie dans la masse. J’ai trouvé ce schéma sur le blog de Brian Cray qui est une bonne représentation de l’évolution du contenu sur internet et de sa « valeur ».

Copyright Brian Cray

Alors qu’est ce qui nous sauvera? Des meilleurs moteurs de recherche, des filtres humains qui feront ce travail de sélection d’informations de qualité, la curation est un exemple ou la recommandation sociale, des blogs qui continueront à écrire pour leurs lecteurs et pas pour les moteurs de recherche…

Quelques articles à lire aussi


Avant d’acheter les consommateurs consultent Internet et les blogs

Voici une étude qui place les blogs comme étant l’une source consultée avant d’acheter un produit, certes après Internet mais bien avant les réseaux sociaux et les médias offline…. Ce qui frappe dans cette étude c’est la position des médias classiques, qui dans cette recherche d’information avant achat, sont relégués bien après les sources online.

Mais lorsque l’on regarde ce que font les personnes comme activité (online et offline) cela n’est pas très étonnant : ils regardent la TV et font du Facebook (avant d’allumer la radio)!

Source eMarketer.

Quelques articles à lire aussi


Cinq ans…

Aujourd’hui cela fait cinq ans que j’ai ouvert ce blog, que le temps passe vite. En cinq ans c’est plus de 2000 articles qui ont été publiés, plus de 20,000 commentaires et 200,000 spams selon les compteurs. Je n’ose même pas essayer de compter les heures à taper sur le clavier, à essayer de faire des design plus ou moins jolis et surtout à trouver de l’information pertinente à partager avec vous, vous qui êtes de jour en jour plus nombreux.

Ce blog de veille initialement, m’aura permis finalement de créer ma société de conseil Internet 2803 MEDIA, et sans ce dernier je pense que je n’aurai pas sauté le pas ou du moins je n’aurai pas pu travailler de cette manière l’expertise Internet. Alors,

Quelques articles à lire aussi


Page 1 de 1412...10...Fin »