Development tool
The development tool will help you throughout the tutorial to obtain information that is ordinarily inaccessible on your site. Before you begin, you must first go to your site and open the development tool. In Google Chrome, you have to press the "Ctrl + Shift + i" key on your keyboard or click on the 3 points on the top right, go to the "More tools" category and click on "Development tools".
Once open, go to the "Network" tab and place a check mark in the "Disable cache" box. This box will prevent the browser from keeping a copy of the page locally, which would distort the analysis.
Cookies
Cookies are ubiquitous when browsing the web. This is text-based information saved in your browser to help identify yourself on various occasions while browsing the web. They have a life span that can range from minutes to months. One of the examples of their uses is to identify a connected user.
Taking into account that it is the cookies who keeps the active authentication, if the user loses his cookies , he will be automatically disconnected. Hence the importance of not putting in the cache all that is on your site. A page with an important cookies in the cache could cause session sharing between different users, so one person might see another's shopping cart. It might also be likely that a user can no longer connect, by placing an empty cookie in the cache, the website will always believe that a visitor has never entered their login information.
Cookies verification on the site
Now that you have a better idea of the use of cookies on the web, let's look at the cookies your site uses. Go to the home page of your site and open the development tool. Make sure you are in the "network" tab and that the sub-tab is set to "Doc". In the majority of cases, there should be only one line. In cases where several lines would appear, I advise you to choose the line that bears the name of the page where you are currently.
When you click on the line, a page should appear on the right. On this page, go to the "Cookies" tab. You will find a list of cookies currently used by your site. Take notes and rank them in the "basic" category. This is a type of cookie that is always present in your site and should not cause any problem with caching the page. After this, browse to a pages that you think would require the addition of new cookies, such as a shopping cart, a login page, a web form, etc. Note these new cookies in the "important" category, since the pages containing these cookies must not be cached in order to guarantee the proper functioning of the site.
The cookies collected at this stage should be placed in the cookies list not to be placed in the Nginx cache (in the Advanced parameter of the cPanel Website Accelerator).
URIs
Now that you have the cookies of your site sorted out, we need to lookout for important URIs. These are the links on your website that represent pages. When talking about adding cache on a site, there are surely some pages where it is better not to cache anything. Among these pages, here are some examples where it is better to refrain from adding caching: an administration area, a form, a member area, and so on. To note the address of the page, you just need to go there and look after the slash of the domain name. If I take a built site with WordPress, the administration page with the domain will be "mysite.com/wp-login.php". The page not to hide will be "/wp-login.php". However, it will be up to you to judge the utility of not caching a page.
Collected pages should be added to the URI list not to be placed in the Nginx cache (in the advanced cPanel Website Accelerator setting).
Note: It is necessary to place part only the following domain, for example for the page "https://example.com/wp-login.php", only kept "/wp-login.php".
Outil de développementL’outil de développement vous aidera tout au long du tutoriel à obtenir l’information qui est ordinairement inaccessible sur votre site. Avant de commencer, vous devez au préalable vous rendre sur votre site et ouvrir l’outil de développement. Dans Google Chrome, vous devez appuyer sur la touche « Ctrl + Maj + i » de votre clavier ou cliquer sur les 3 points en haut à droite, aller dans la catégorie « Plus d’outils » et cliquer sur « Outils de développement ».
Une fois ouvert, dirigez-vous dans l’onglet « Network » et placez un crochet dans la case « Disable cache ». Cette case va éviter que le navigateur garde une copie de la page localement, ce qui fausserait l’analyse.
Les témoins
Les témoins aussi appelés en anglais « cookies » sont omniprésents lors de la navigation sur le web. Ce sont des informations sous forme de textes enregistrés dans votre navigateur afin d’aider à vous identifier dans diverses occasions lorsque vous naviguez sur le web. Ils ont une durée de vie qui peut aller de quelques minutes à quelques mois. Un des exemples de leurs utilisations est pour identifier un utilisateur connecté.
En prenant en compte que c’est le témoin qui garde l’authentification active, si l’utilisateur perd son témoin, il sera automatiquement déconnecté. D’où l’importance de ne pas mettre dans la cache tout ce qui se trouve sur votre site. Une page avec un témoin important dans la cache pourrait causer des partages de sessions entre différents utilisateurs, donc une personne pourrait voir le panier d’achats d’un autre. Il pourrait également être probable qu’un utilisateur n’arrive plus à se connecter, en plaçant un témoin vide dans la mémoire tampon, le site web va toujours croire qu’un visiteur n’a jamais entré ses informations de connexion.
Vérification des témoins sur le site
Maintenant que vous avez une meilleure idée de l’utilisation des témoins sur le web, regardons les témoins qu’utilise votre site. Rendez-vous sur la page d’accueil de votre site et ouvrez l’outil de développement. Assurez-vous d’être dans l’onglet « network » et que le sous-onglet soit placé à « Doc ». Dans la majorité des cas, il ne devrait y avoir qu’une seule ligne. Dans les cas où plusieurs lignes y figureraient, je vous conseille de choisir la ligne qui porte le nom de la page où vous êtes actuellement.
Lorsque vous cliquez sur la ligne, une page devrait apparaitre sur la droite. Sur cette page, allez dans l’onglet « Cookies ». Vous y trouverez une liste des témoins actuellement utilisés par votre site. Prenez-les en notes et classez-les dans la catégorie « de base ». C'est un type de témoin qui est toujours présent dans votre site et qui ne devrait pas causer de problème avec la mise en cache de la page. Par la suite, selon le type de site, naviguez sur les pages qui selon vous nécessiteraient l’ajout de nouveaux témoins, tel qu’un panier d’achats, une page de connexion, un formulaire web, etc. Notez ces nouveaux témoins dans la catégorie « important », puisqu’il ne faudra en aucun cas mettre en cache les pages contenant ces témoins afin de garantir le bon fonctionnement du site.
Les témoins recueillis à cette étape devraient être placés dans la liste de témoins à ne pas être placé dans la cache de Nginx (dans le paramètre avancé du Website Accelerator de cPanel).
Les adresses URI
Maintenant que vous avez les témoins de votre site, nous allons récupérer les adresses importantes. Ce sont les liens de votre site web qui représentent des pages. Lorsqu’on parle d’ajouter du cache sur un site, il y a surement quelques pages où il est préférable de ne rien cacher. Parmi ces pages, voici quelques exemples où il est préférable de s’abstenir d’ajouter une mise en cache : une espace d’administration, un formulaire, une espace membre, etc. Pour noter l’adresse de la page, il vous suffit de vous y rendre et de regarder après la barre oblique du nom de domaine. Si je prends un site bâti avec WordPress, la page d’administration avec le domaine sera « monsite.com/wp-login.php ». La page à ne pas cacher sera alors « /wp-login.php ». Cependant, il reviendra à vous de juger de l’utilité de ne pas mettre une page en cache.
Les pages recueillies devraient être ajoutées dans la liste d’URI à ne pas être placé dans la cache de Nginx (dans le paramètre avancé du Website Accelerator de cPanel).
Note : Il faut placer seulement ce qui suit le domaine, par exemple pour la page « https://exemple.com/wp-login.php » on garde seulement « /wp-login.php ».