Ressources statiques

Outre le fichier HTML qui décrit la page, les pages statiques peuvent contenir des ressources, telles que des images, des scripts et des styles. Découvrez les ressources statiques qui sont disponibles lorsque vous utilisez des pages statiques.

Ressources liées

Si la page statique contient la balise <html>, une page complète est représentée. L'élément <head> de la page peut contenir des balises <link> qui pointent sur des ressources statiques, telles que des feuilles de style CSS, et des balises <script> qui pointent sur des ressources de script. Pour optimiser le pointage sur des ressources intégrées dans la page statique, activez la fonction de réécriture pour ces balises en modifiant les métadonnées de page suivantes :

Définissez spa.ex.link.enabled sur true. La valeur par défaut est false.
Définissez spa.ex.script.enabled sur true. La valeur par défaut est false.

Si les métadonnées précédentes ont pour valeur true, les attributs href et src sont réécrits comme suit :

Si l'attribut contient une URL absolue, l'URL est réécrite de manière à pointer sur le serveur de proxy Ajax.
Si l'attribut contient une URL relative, l'URL est réécrite de manière à pointer sur un point d'accès qui sert la ressource du conteneur de page statique pour la page.

Dans l'exemple suivant, supposons que la page contienne les ressources suivantes :

index.html
images/logo.gif
css/styles.css
script/script.js

Le code source suivant active l'utilisation de ces ressources :

<html>
<head>
	<link rel="shortcut icon" href="images/logo.gif">
	<link rel="stylesheet" href="css/style.css">
	<script src="script/script.js"></script>
</head>

...
</html>

La réécriture des liens se produit lors du rendu. Par conséquent, les URL obtenues qui pointent sur les ressources statiques permettent de les servir efficacement.

Images

Pour optimiser le référencement d'images à partir de la source HTML statique, activez la fonction de réécriture pour les balises d'image en modifiant les métadonnées de page suivantes :

Définissez spa.ex.image.enabled sur true. La valeur par défaut est false.

Si les métadonnées précédentes ont pour valeur true, l'attribut src pour les balises <img> est réécrit comme suit :

Si l'attribut contient une URL absolue, l'URL est réécrite de manière à pointer sur le serveur de proxy Ajax.
Si l'attribut contient une URL relative, l'URL est réécrite de manière à pointer sur un point d'accès qui sert la ressource du conteneur de page statique pour la page.

Partage de ressources

Il arrive souvent que plusieurs pages statiques soient réunies sous la forme d'une application. Dans ce cas, plusieurs ressources peuvent être partagées au niveau de l'application. Le mécanisme utilisé pour réécrire les ressources lance une recherche dans la hiérarchie de la page parent, en commençant par la page en cours. Si une ressource, telle qu'une image, est introuvable sur un niveau, le mécanisme de rétromigration lance une recherche sur le niveau suivant. Ce mécanisme permet de partager les ressources d'une page parent qui peuvent être réutilisées par les pages enfant.

Remarque : Aucune syntaxe spéciale n'est requise au niveau des pages enfant pour l'activation de ce mécanisme de partage. Les pages enfant contiennent une URL relative comme si la ressource était contenue dans la page elle-même.