Narcissique Blog Flux RSS

Notre regard sans concession sur le monde actuel à travers les yeux de passionnés.

Aller au contenu | Aller au menu | Aller à la recherche

Nouvelles technologiesAstuces - Conseils

Temps de chargement d'une page et référencement

Bonjour à tous,

Je vais essayer de répondre à la question suivante : Comment le temps de chargement de mon site internet influe son mon référencement ?

On remarque depuis quelques temps que le temps de chargement des pages est pris en compte par Google dans son classement.

Ce qui est logique car Google cherche à donner aux internautes le résultat qui est le plus pertinent et qui est accessible le plus rapidement possible.

Le référencement de votre site internet dépend donc aussi en partie du temps que mettent vos pages à charger.

On estime aujourd'hui que pour deux résultats de qualité équivalentes, la page qui seras la plus rapide à charger seras positionnée avant la page la plus lente.

Il est donc primordiale d'optimiser vos temps d'accès serveur et le poids de vos page.

Pour cela vous pouvez utiliser Google Webmaster Tools qui fournis les genre de graphe suivant (dans Labos > Performance du site) :

Temps de chargement d'un site sur GWT.

Concrètement voici ce que vous pouvez faire pour améliorer le temps de chargement de vos pages :

  • Allégez le poids de vos pages : c'est surtout les images qu'il faut optimiser. S'il le faut utilisez une image miniatures et ne chargez que l'image grand format sur demande de l'utilisateur (au clic sur la miniature par exemple).
  • Limitez le nombre de fichiers Javascript et CSS appelé. Et limité leurs poids. Il existe plusieurs outils en ligne permettant de compresser vos feuille de style et vos scripts, ce qui permet de gagner quelques ko.
  • Dimensionnez correctement vos serveurs. Vos visiteurs n'aiment pas attendre que vos pages se chargent. N'hésitez pas à investir dans un hébergement de qualité et adapté à votre audience.
  • Limitez au maximum l'appel à aux scripts et aux images externes à votre site. Et si vous devez absolument le faire soyez certains que si votre site n'arrivent pas à charger ces éléments alors votre page se chargeras quand même. C'est la meilleur façon d'éviter les ralentissements intempestifs.

J'espère que ces quelques conseils vous aideront à améliorer le temps de chargement de votre site.

Si vous avez besoin d'aide pour améliorer votre communication en ligne je suis à votre disposition.

A bientôt sur Narcissique Blog,

Pierre

Nouvelles technologiesAstuces - Conseils

Qu'est-ce que le Page Rank de Google peut apporter à mon site ? - Astuces référencement

Cet article explique ce qu'est la Page Rank et quel est son utilité. Je vous apprend aussi comment est calculer le Page Rank et l'influence qu'il a pour Google.

Voici le sommaire :

  1. Qu'est-ce que le Page Rank de Google peut apporter à mon site ?
  2. Pourquoi avoir créé le Page Rank ?
  3. Comment est calculé le Page Rank ?
  4. Créons beaucoup de liens, mais pas trop !
  5. Quand est mis à jour le Google Page rank ?
  6. Ok, le Page Rank c'est bien mais au final ça m'apporte quoi ?
  7. Après le Page Rank le Trust Rank !

Lire la suite...

CultureNos lectures

Livre : La semaine de 4 heures par Timothy Ferriss

J'ai terminé la lecture du passionnant ouvrage La Semaine De 4 Heures de Timothy Ferriss.

Après avoir réfléchis ses derniers jours aux différents concepts présentés, je ne peux que vous inviter à vous le procurer et à vous pencher dessus.

En deux mots, je crois que ce livre pourrait être décrit comme un véritable manifeste que devrais disposer tout entrepreneur.

Au programme : 1 véritable mode de vie, de bonnes idées, du business, de la mobilité, la fin de la routine...

Je n'ai malheureusement guère le temps de vous livrer une analyse en détail du livre. Mais si vous souhaitez, une présentation de qualité, et une analyse quasi-exhaustive, je vous invite à consulter celle de Olivier Roland sur son blog Des livres pour changer de vie.

La facilité d'accès à ce livre est véritablement déconcertante à mon gout. Et même si la solution proposée par l'auteur est réellement décalée, et que peu de personnes feront le grand saut. Vous trouverez de riches conseils pour disposer de la meilleur façon d'un bien précieux : le temps ;)

La vie du blogL'équipePierre

Week-end dans le Nord

J'ai eu l'occasion de faire un saut à Lille ce week-end et ça m'as fait le plus grand bien !

J'ai vu de la famille et des amis.

WE sympa avec des gens qu'ils sont bien !!

Après avoir mangé avec mon grand père samedi midi et passé l'après midi avec lui. J'ai pris la direction le salle de sport pour assister à un match de volley (un amis jouais samedi soir ^^).

Dimanche direction la Belgique (ou plus exactement Kourtrai à 20 minutes en voiture de Lille) pour une excursion à vélo. J'ai fait 82 km de vélo sur la journée alors que le vélo n'est pas spécialement un sport où je suis à l'aise (je préfère la rando).

Depuis 10 ans j'habite en Haute-Savoie et les routes de montagne ne sont pas adapté pour la pratique du vélo (sauf pour les sportifs de haut niveau). Par contre avec de bonnes chaussures de marche et un sac à dos (bien chargé) je fait la balade avec plaisir. :)

Autant dire que dimanche soir j'était content de pouvoir prendre un bon bain et de retrouver mon lit.

Un WE sympa placé sous le signe de la générosité et de l'hospitalité des gens du nord.

A bientôt sur Narcissique Blog,

Pierre

Nouvelles technologiesWeb

Retour sur le HTML5 Meetup du W3C à la Cantine

J'ai eu la chance de participer à une présentation des évolutions du HTML 5 par les membres du W3C France.

Ils étaient quatre et la présentation (qui a durée une bonne heure et demi) à été passionnante !

Petit texte de présentation de la conférence :

Le W3C est en train de développer une nouvelle version du langage HTML. Le stockage hors connexion, le support de la vidéo, des graphiques SVG et des APIs média sont parmi les nouvelles fonctionnalités de la spécification HTML5. Philippe, Dominique et François présentent quelques-unes des nouvelles fonctionnalités de HTML5 et ce à quoi il faut s'attendre pour les futures applications Web.

Les hashtags de la conférences étaient : #W3C #html5 #css3.

Le sujet : la prochaine plateforme Web. L'évolution du web depuis sa création (il y 20 ans) jusque maintenant à donner permis au web de devenir mature.

Le web devient mature : 20 ans d'existence. Le W3C à 15 ans !

Voici les grands points de la conférence :

Evolution du web, du web1.0, au web du futur :

  • Web 1.0: html, http, hypertexte et c'est tout !
  • Web2.0: URL, html, CSD, flash, intéractivité, démocratisation grand publique.
  • Future du web : web of data, web of interaction. Notion de sémantique, "d'intelligence".

Html 5.0 = un ensemble de technologies autour de html (CSS, Ecmascript, SVG, HTTP, ...).

Aujourd'hui :

  • Css 1 : bon déploiement sur le web.
  • Css 2 : moins bien déployé sur le web.

Les "fonts" (police de caractère) sont les objets les plus protègés au monde, plus que les films ou la musique.

CSS3 implémente les conditions en fonctions du support (navigateur, mobile, taille d'écran, etc.).

CSS3 Selectors : permettent d'appliquer des styles sur un document sans avoir de class dans le code html (permet de designer un site dans toucher au code Html ou presque, permet une plus grand souplesse de mise en page).

Le SVG peut interragir directement avec l'API de <video>.

On peut interfacer Javascript avec l'API de <video> ce qui permet, par exemple, de gerer un sous titrage.

CSS3 implémente le multi-colonnes en natif, qui s'adapte selon la taille de l'écran.

Il y a pas mal d'interaction possible entre vidéo, SVG, MathML, JS, et html. La demo est assez bluffante ! (démo disponible

Changement d'intervenant, sujet : opposition appli mobile VS appli PC.

Pourquoi developper des applications natives mobiles ? Réponse : interface utilisateur sophistiqué & interaction poussée avec le terminal (accélèrométre, ...). Il est maintenant possible d'accéder en JS au données de geolocalisation d'un utilisateur.

Le W3C travail sur la possibilité d'avoir un accès en lecture/ecriture sur le carnet d'adresse et le calendrier.

Objectif du W3C : proposer des API permettant l'accès à la caméra mobile, viseur, geolocalisation, carnet d'adresse, calendrier, etc. Le W3C imagine de nouvel manière de lier le web à la TV, aux voitures et terminaux mobile (ou non). Quid de la vie privée ? Le W3C imagine une série de protection pour protéger la vie privée des internautes, les moyens sont en cours de développement.

Widgets by W3C : appli entre web app et native app. Concept intermediaire pour remplacer la web app ds certains cas. Les widgets permettent d'avoir une expérience hors ligne, contrairement à une web app.

Les développeurs web vont pouvoir, avec leurs connaissances, développer des web app.

Aujourd'hui html est partout : TV Samsung le supporte, interfaces iTunes aussi, Canon intègre SVG dans ses appareils photos (pour la preview des photos sur l'appareil photo).

L'interfaçage SVG et <video> fait rêver !

Le W3C c'est 50 personnes à temps pleins ! 40 grandes entreprises membres qui financent et fournissent de la main d'œuvre.

HTML5 permet d'avoir plusieurs elements sources, pour que l'utilisateur ai une vidéo adaptée à son codec.

Les API s'appuie sur JS mais seront accessible dans la mesure du possible.

La spécification HTML5 va demander des centaines de tests, pour éviter une trop grande disparité de support entre les browsers. Microsoft a envoyé plus de 7000 tests au W3C sur HTML5 pour avoir des retours.

Si le W3C faisait tout les tests nécessaire il faudrait encore 10 ans de developpement ! Resultat: tout ne seras pas testé. Solution : faire appel à la communauté, ou regarder ce que font les navigateurs dans le même sens.

Les navigateurs adaptent tous leur moteur de rendu en fonction des developpeurs ! Si certains développeurs veulent faire des tests sur les spec. HTML 5 le W3C recrutent ! Si vous voulez créer un nouveau Acid Test le W3C vous remerciera car Acid Test a un effet marketing très fort.

Apple gère l'accélération matériel en natif. Les autres constructeurs sont en train de s'y mettre !

IE9 ne tournera pas sur XP mais seulement sur Seven pour profiter de l'accélération matériel.

L'avenir d'Adobe et de Flash ? Une chose est sur Adobe ne se laissera pas faire dans la course face à SVG.

Cette conférence à été, je le répète passionnante !

Je commence seulement toucher du doigts l'évolution du métier d'intégrateur web. Les développeurs front-office vont maintenant devoir connaître de nouveaux langage plus complexe donc plus puissant : CSS3, HTML5, SVG, mais aussi des les frameworks Javascript évolué qui permettent des accès à l'API vidéo, et aux APIs des terminaux mobiles.

J'espère que le live tweet vous a plus, à moi oui, je recommencerai si j'en ai l'occasion.

A bientôt sur Narcissique Blog, IRL ou sur Twitter.

Pierre A.

- page 20 de 138 -