[solved!] Je m'y perd un peu, chargement pages HTML / CSS . JS, Comment optimiser ?

[No6]

Ça fait un moment que je me pose 2 questions, et je n’arrive pas à trouver les réponses par moi-même.

1) Cette question repose sur la manière dont les moteurs de référencement s’y prennent pour « lire » nos pages Web.

Est-ce qu’ils chargent toute les composantes d’un coup : partie HTML + pages css linkées + + pages Javascript linkées ?

Ou ont-ils développé juste un mini chargeur/browser qui ne récupère que la partie HTML ?


2) Je ne sais pas pour vous, mais mes pages css3 me prennent le chou, et il est souvent plus simple pour un même effet de le coder directement en jQuery.

Je dis pas non pour un simple :Hover, mais aujourd’hui, depuis que les navigateurs compilent le javascript, la différence de performances semble négligeable, et les résultats mieux garantis sur l’ensemble des navigateurs, y compris, et surtout sur les smartphones.

Un avis éclairant pour aborder cette question, ou dois-je rester dans un empirisme frustrant ?

Ce message a été modifié par No6 - 24 Jan 2015, 14:47.

[westindies972]

Salut,

Pour répondre à tes questions, voici les réponses qui me semblent les plus appropriées (basées sur mon expérience) :

1) Les moteurs de recherchent se concentrent sur le contenu HTML de ta page, ils ne référencent pas les fichiers CSS ou JS. C'est pour cela que la sémantique et la hiérarchisation des contenus dans ton code HTML sont très importants. Et bien entendu il ne faut pas oublier de renseigner les balises titles et description de chacune des pages. La ré-écriture d'URL apporte également un plus dans le référencement.
Une chose importante à noter : les robots d'exploration n'exécutent pas le javascript des pages, donc prévoir un fallback dans le cas de site où les contenus sont chargés en AJAX.
Pour vérifier la sémantique de ta page, tu peux désactiver les styles et les scripts, cela te donnera une page "brute" permettant de bien visualiser le plan et l'organisation des contenus de la page.


2) Le choix entre CSS 3 et jQuery est assez difficile. Je dirai que cela dépend de la cible de ton site. Si tu vises le grand public, les administrations ou les entreprises, utilises jQuery,il y a plus de chance que les visiteurs aient des navigateurs pas forcément à jour. Si tu vises une communauté de développeurs ou de designers, privilégie le CSS3 (cela évite le chargement de javascript qui a pour effet de "bloquer' la construction de la page)
De manière générale, on arrive au même résultat en terme d'effets d'animation et de performance, il faut juste doser pour ne pas saturer ton site d'effets superflus.
Concernant les smartphones, normalement pas de souci avec le CSS 3. Le choix va dépendre du type d'effet que tu souhaite mettre en place. S'il s'agit d'un effet purement graphique, plutôt CSS 3, si c'est une interaction utilisateur, je dirai jQuery. Il n'y a pas de règle précise sur ce sujet.

Bon courage !

[yponomeute]

Ce n'est plus le cas aujourd'hui.
Google interprète le javascript et le css aujourd'hui. Plus d'infos : http://googlewebmastercentral.blogspot.fr/...ges-better.html

[No6]

Merci pour vos réponses, mais me v’la bien…

Mon idée à la base, était d’avoir une page HTML épurée à l’extrême, pour que les moteurs de recherchent puis y analyser rapidement, mes pages, et donc de pouvoir « contrôler » ce qu’ils y enregistrent.

Avec une partie css, la plus épurée, aussi, pour que les browser puissent a leur tour afficher à minima le site,

Et enfin en Js, faire tout le reste, les petits effets, voire des animations, voire encore rajouter des morceaux de textes secondaires, etc..

Comme en plus il s’agit d’un site « one page », il y a bien sur de l’URL rewriting dans l’histoire (et de l’history.pushstate aussi; sans oublier la title et la meta description ...)…

Bref, une petite prise de tête ; mais suite au message d’ yponomeute, et surtout après avoir regardé comment était fichu le site mis en exemple (Susan Wojcicki’s garage) qui est quasi entièrement généré en javascript, je suis « légèrement » dégouté..



Ce message a été modifié par No6 - 23 Jan 2015, 15:17.

[No6]

...
Je l'savais, mais jl'avais oublié...

suffit de mettre en Disallow le nom des repertoire des fichiers js et css, dans le fichier robot.txt...