Les guides En1heure

Sources de ce document

Ce document est une version imprimée de l'article "Tuto PHP simple : créer facilement une page PHP avec header et footer inclus" que vous trouverez sur http://www.en1heure.com/utilisation_du_cache.php.
© En1heure.com - Tous droits réservés.


Bienfaits de cette optimisation

Cette optimisation, extrêmement efficace, permet de mettre un maximum de données en cache afin qu'elles ne soient chargées qu'une seule fois par le navigateur et ce même si elles doivent s'afficher plusieurs fois et/ou sur plusieurs pages. Le gain peut être énorme si la structure de votre site (entête, sommaire et pied de page) sont chargées. Dans tous les cas cette technique fait véritablement chuter la consommation de bande passante et le nombre de requêtes HTTP.
Cette astuce requiert un hébergeur qui supporte le PHP. Vos pages doivent donc en principe porter l'extension *.php et non *.htm ou *.html.

Procédure à suivre

Pour pouvoir utiliser cette technique vous devez découper votre page en trois parties au moins.

L'entête, ou header

Elle contient le titre et le sommaire de chaque pages.
Sur ce site : la partie verte en haut et le sommaire.

L'article

La page elle même, elle contient votre article.
Sur ce site : l'article que vous êtes en train de lire et qui commence à "Bienfaits de cette optimisation".

Le pied de page, ou footer

Il contient toutes les informations concernant vos Droits, la confidentialité, les informations diverses que le Webmaster veut communiquer sur son site.
Sur ce site : toute la partie située en dessous de la fin de l'article que vous lisez.

Une fois que vous aurez compris le mécanisme et trouvé le découpage correspondant à vos pages il vous faut créer un fichier pour chaque partie. Il nous faut donc un fichier header.php, un fichier index.php (ou le nom de votre page comme article.php) et un fichier footer.php.

Le fichier header.php doit donc contenir tout le code HTML, et PHP si cette partie en contient, du début de la page à la fin du sommaire. Par exemple :

< VOTRE DOCTYPE >
<html>
<head>
<title>Titre de la page</title>

</head>
<body>
Titre + Sommaire (en HTML classique)

La page centrale nommée dans cet exemple index.php, celle qui contient votre article, doit se présenter sous cette forme :

<?php
require("./chemin/vers/header.php");
?>

Ici placez tout le code HTML que vous désirez.
(...)


<?php
require("./chemin/vers/footer.php");
?>

Le fichier footer.php, lui, contient toutes les informations du pied de page. Dans notre exemple :

</body>
</html>

ATTENTION ! Comprennez bien que, de par la fonction require() de PHP, quand un visiteur va demander la page index.php, le serveur web d'hébergement va envoyer au navigateur du visiteur (dit "le client") une page contenant le code HTML contenu dans le fichier header.php + index.php + footer.php.

Voici donc la page que le serveur va envoyer au navigateur lorsqu'un visiteur demandera la page index.php :

< VOTRE DOCTYPE >
<html>
<head>
<title>Titre de la page</title>
</head>

<body>
Titre + Sommaire (en HTML classique)

Ici placez tout le code HTML que vous désirez.
(...)

Footer (en HTML classique)
</body>
</html>

Vous remarquerez que le PHP n'est pas envoyé au navigateur. C'est normal, le PHP est un langage "interprété côté serveur", c'est à dire que le serveur d'hébergement va lire la page PHP, va exécuter les opérations PHP et envoyer le résultat sous forme d'HTML au navigateur.

Le PHP n'est qu'un créateur de code HTML.

Comment ça marche ?

Vous avez surement remarqué que sur de nombreux sites certaines parties de la mise en page ne changeaient jamais :

  • l'entête avec le titre / logo
  • le sommaire (toute la partie gauche contenant les liens et le fond de sommaire)
  • le bas de page (ici les informations de copyright et tout ce qui suit)

A partir du moment où ces parties ne changent pas lors de la navigation sur le site, pourquoi devrait-on les recharger à chaque fois ?
Le principe de la mise en cache permet de ne charger depuis le serveur qu'une seule fois ces éléments et les stocker dans le cache du navigateur du visiteur. A chaque fois qu'un élément est demandé une nouvelle fois (comme le titre sur chaque page) il sera chargé depuis l'ordinateur du visiteur et non depuis le serveur.

Imprimer cette page Imprimer cette page | Ajouter au favoris Ajouter aux favoris
Revenir en haut de la page

Besoin d'aide ? Une question ?

N'hésitez pas à venir chercher de l'aide ou des explications spécifiques sur le forum En1heure.
Nous ferons notre possible pour vous aider au plus vite.

Faites un lien vers cet article !

Vous avez aimé cet article et vous désirez le faire connaître ?
Vous pouvez facilement intégrer un lien vers celui-ci sur votre site en collant ce code :

Vous désirez intégrer ce lien sur un forum ? Il vous suffit de copier/coller ce code :

Merci !

Revenir en haut de la page

Liens commerciaux

Guide achat hardware

Vos actions


- [ Powered by Itseasy v0.3.7 | Thème : eco-box par Vanquish & Reaktif ] -
Les informations ne sont données qu'à titre indicatif.
© Les guides En1heure, tous droits réservés - Reproduction interdite.

Hébergé par OVH

Administrer Itseasy

Lecture complémentaire : venteprivée | vente privée | recettes de cuisine | Autoperfs.com | voyage privé