Pour obtenir des temps de réponses corrects et si possible optimum, tout webmaster doit se poser la question de savoir si il faut externaliser les scripts d'un site web.
C'est la règle numéro 8 des principes YSLOW dans le cadre de l'amélioration de la vitesse d'un site.
Elle se résume au dilemme suivant faut-il limiter le nombre de requêtes faites au serveur, ou faut-il privilégier la bande passante.
La situation est simple, le webmaster dispose de page web composées de contenu que nous appellerons page html, il dispose également de script avec les feuilles de style (css), les script en javascript (par exemple). Ces derniers scripts s'exécutent côté client et ce via le navigateur de l'internaute. Une fois chargés, ces scripts sont disponibles pour les pages html qui les utilisent. Pour que les scripts aillent côté client, l'internaute les télécharge via une requête web dans la page html qu'il visualise. Nous venons de traiter le cas ou le script (css ou javascript est externalisé).
Le webmaster dispose de
- page.html
- feuille.css
- script.js
L'alternative est tout aussi simple, le code css ou javascript n'est pas dans un fichier externalisé, mais dans le code de la page html. Le nombre de requêtes faites au serveur est ainsi limité (une requête contre trois précédemment), mais la page est plus importante en taille puisque tout le code est dans un fichier unique.
Le webmaster dispose de
- page.html
Une fois le problème posé, il convient d'y répondre.
A vrai dire, il convient à chaque webmaster d'y répondre. Il y a quelques années, l'hébergement web se faisait via des systèmes limités en ressources, c'est-à-dire tant de requêtes par jour, ou tant de bande passante. Selon le type d'hébergement choisi, la réponse était choisie et adaptée à l'hébergement. Une limite en bande passante impose d'externaliser ses fichiers scripts et feuilles de style, alors que la limite en nombre de requêtes impose d'intégrer ses scripts dans les pages html.
Aujourd'hui, les limites se portent plus sur les bases SQL, que sur la capacité des serveurs ou la limitation de la bande passante.
La question reste toutes fois posée, car le temps de réponse n'est pas identique selon l'architecture du site.
L'intérêt de l'externalisation repose sur le fait qu'une fois dans le cache du navigateur, le fichier téléchargé et qui a couté 1 requête serveur n'a pas a être téléchargé de nouveau. L'internaute peut changer de page html, le fichier n'est pas téléchargé de nouveau, son cout est toujours de 1.
Mais imaginons que ce fichier, la feuille de style, soit différent car l'internaute ayant changé de rubrique, charge alors un nouveau look de page, codé dans une seconde feuille css. Notre cout d'acquisition est alors à 2, et ainsi de suite pour chaque rubrique.
Dans ce cas alors où une feuille de style est spécifique à chaque rubrique avec une navigation naturelle inter-rubrique, le webmaster aurait intérêt à insérer ses codes css dans ses pages html et non à les externaliser.
Coté programmation, il n'est pas plus difficile avec un langage dynamique d'aller chercher une inclusion de code css spécifique, plutôt qu'un script externalisé.
C'est donc l'architecture même du site et la structure de navigation dans le site qui vont faire que l'on optimise le nombre de requêtes au serveur, ou bien l'utilisation de la bande passante. Il n'y a donc pas une réponse générique, mais des réponses spécifiques à chaque site web.
Le site ci présent utilise une feuille de style unique, et un script ou deux côté javascript, le choix s'est donc porté vers de l'externalisation.
Améliorer Adsense via les annonces texte ou images
Google Adsense propose pour les pages web deux formats d'annonces et incite à utiliser le format image, quelles sont les améliorations à apporter.
(écrit le 11/03/2012 - 5.082 lectures)
Url en bit.ly sous ajax
Autre manière de calculer une url courte de type bit.ly et de profiter des traitements asynchrones possibles avec ajax
(écrit le 15/03/2010 - 5.398 lectures)
Optimiser l'API bit.ly pour un affichage plus rapide des pages
Bit.ly est le site permettant de raccourcir une url, et dont l'API permet de raccourcir à la volée. Hélas cette api peut ralentir l'affichage des pages, voyons comment intégrer l'API et afficher ses pages aussi vite qu'avant.
(écrit le 08/03/2010 - 5.644 lectures)
Intégrer l'API bit.ly pour twitter
Twitter, le réseau social, peut être alimenté par des articles de site web et efficacement lorsque les url ont été raccourcies. Voyons alors comment générer à la volée des url avec bit.ly et ce grâce à l'API proposée.
(écrit le 06/03/2010 - 8.540 lectures)
Dessiner dans une image avec PHP
Après avoir vu comment écrire dans une image, voyons comment dessiner dans une image puis écrire avec d'une part des polices de caractère et des couleurs, mais également des paramètres passés en variable.
(écrit le 23/02/2010 - 7.179 lectures)
Ecrire dans une image à la volée
Le langage PHP permet d'écrire dans une image à la volée afin par exemple d'y ajouter un texte en superposition. Cette fonction permet également de masquer l'url de l'image puisque crée par le serveur.
(écrit le 22/02/2010 - 6.795 lectures)
Redimensionner photo pour le web mobile
Le web mobile ne peut permettre de charger des images de grande résolution. Il convient de les redimensionner. Pour ce faire utilisons PHP avec la bibliothèque GD, script en ligne.
(écrit le 15/02/2009 - 7.641 lectures)
Structure pour web mobile
Les pages web pour téléphone mobile ou pour smartphone ne se construisent pas de la même manière que pour un site web avec navigateur classique. Quelques limitations sont à prendre en compte, voyons ces points.
(écrit le 09/02/2009 - 8.329 lectures)
Passer au web version mobile
Comment procéder pour écrire son site en version mobile pour smartphone, pda ou téléphone mobile avec wap. Voyons comment appliquer un template dédié pour le web sur mobile.
(écrit le 09/02/2009 - 10.163 lectures)
Reseau Social Friend connect
Google ouvre son réseau social Friend Connect aux autres plateforme et permet d'installer cet outil très facilement sur un site web.
(écrit le 05/12/2008 - 5.829 lectures)
Feuilles de styles statiques
Les feuilles de style dynamiques ne sont pas une bonne solution du côté de l'optimisation des pages web
(écrit le 09/11/2008 - 5.052 lectures)
Optimiser ses scripts
YSLOW propose de positionner ses scripts correctement dans ses pages web pour améliorer la vitesse de chargement.
(écrit le 05/10/2008 - 5.032 lectures)
Optimiser la lecture des feuilles de style
Cinquième règle YSLOW pour optimiser son site web : positionner les feuilles de styles correctement dans la page web.
(écrit le 01/10/2008 - 4.084 lectures)
YSLOW : composant compressé
Règle quatre pour optimiser les temps de réponse du serveur : compresser les composants de la page côté serveur.
(écrit le 20/09/2008 - 4.953 lectures)
Yslow : les pages dynamiques ou statiques sont persitantes
Règle numéro trois pour optimiser les temps de réponse du serveur : rendre persistantes ses pages web, qu'elles soient statiques ou dynamiques.
(écrit le 12/09/2008 - 4.378 lectures)
YSLOW : Réduire le nombre de requêtes
Règle numéro un pour optimiser les temps de réponse du serveur : minimiser le nombre de requêtes.
(écrit le 31/08/2008 - 6.422 lectures)
Améliorer la vitesse d'un site coté serveur
Après avoir optimisé le code des pages côté client, il reste à voir ce que l'on peut faire côté serveur, Yslow nous aide en ce sens
(écrit le 30/08/2008 - 5.521 lectures)
GoogleEarth kml et flux rss
Les flux rss permettant de lire de diffuser le contenu d'une page web sur un site, peuvent être utilisés pour lire un fichier Google Earth dont le contenu évolue.
(écrit le 20/06/2008 - 5.836 lectures)
Annuaire thématique cartographié
Carte des sites web de l'annuaire thématique avec géolocalisation et plan des villes.
(écrit le 05/12/2007 - 12.817 lectures)
Adapter son site à la résolution d'écran
Comment rendre son site lisible en 800 x 600 comme dans les grandes résolutions avec utilisation des balises div
(écrit le 23/11/2007 - 17.627 lectures)
L'API Google Maps Xml et Ajax sont sur un site web
Utiliser un flux xml pour afficher des données sur une carte Googlemaps
(écrit le 19/11/2007 - 14.592 lectures)
Intégrer l'API Google Maps
Présentation des éléments permettant de réaliser une intégration de l'API GoogleMaps sur un site web.
(écrit le 18/01/2006 - 88.191 lectures)
Depuis l'arrivée de l'intelligence artificielle dans nos vies, bien des domaines sur internet se posent des questions, les webmaster sont ainsi concernés, se demandant si l'indexation de leur site par GPTBot est profitable.
Comment analyser les pages de la search console qui sont répertoriées par Google comme explorées mais non indexées. Faut-il demander leur indexation ou n'y aurait-il pas quelque chose de mieux à faire.
Comment Google Analytics et la Search console Google fonctionnent. Quelle est la différence entre ces outils ? Est ce qu'ils interagissent entre eux ?
Internet a deux caractéristiques principales : Cela bouge beaucoup et cela bouge vite. Le webmaster se doit d'être actif, voire réactif, et de disposer de l'information rapidement. Un simple script en python peut l'aider.
Comment contrôler visuellement que l'affichage de différentes pages web se fait correctement avec les différentes configurations de navigateur, et résolution d'affichage. Le Webdriver de Sélénium permet via un script d'automatiser la capture de telles pages, pour contrôler en un coup d'oeil le résultat.
Optimiser un site web avec du responsive design est un pas de plus fait vers l'utilisateur final
Pour autant, si une page du site a un poids de plusieurs méga, l'utilisateur risque, s'il est sur un téléphone mobile, de partir avant que la page ne soit complétement chargée.
Comment gérer les erreurs 404 not found sur le fichier browserconfig.xml, alors que celui ci est demandé par le navigateur.
Les feuilles de style d'un site web permettent d'adapter l'affichage à la taille de l'écran. Voyons comment faire pour un site qui s'affiche aussi bien sur un ordinateur, une tablette qu'un téléphone intelligent (smartphone).