Héberger un site Web sur un NAS Synology grâce à WebStation, un guide et mes choix
ARTICLE EN COURS D’ECRITURE
Trois objectifs : la sécurité, la rapidité du serveur, la taille minimale https://jamstack.wtf/
Ainsi un Synology DiskStation DS120j ou mieux un Synology DiskStation DS118 (c’est à dire le NAS ) équipé d’un petit SSD sur une ligne fibrée peut permettre d’héberger parfaitement un site web très performant et pouvant répondre à beaucoup de demandes.
Le choix du logiciel pour développer le site web
Le choix du serveur web
Optimisez le serveur web NGINX et le site web
Le site web https://developers.google.com/web/fundamentals https://developers.google.com/web/fundamentals/performance/why-performance-matters
1. Activer la compression
Tous les navigateurs modernes prennent en charge et négocient automatiquement la compression gzip pour toutes les requêtes HTTP. L’activation de la compression gzip peut réduire la taille de la réponse transférée jusqu’à 90%, ce qui peut réduire considérablement le temps de téléchargement de la ressource, réduire l’utilisation des données pour le client. Le serveur NGINX livré par Synology est compilé avec la compression gzip.
La documentation officielle du module ngx_http_gzip_module utilisé par NGINX pour la compression gzip.
La documentation officielle du module ngx_http_gzip_static_module utilisé par NGINX pour répondre à la requette par des fichiers .gz s’il existe sur le serveur.
Notre article Configurer NGINX pour activer la compression gzip dans Synology WebStation
Notre article NGINX, jekyll, gzip et Synology WebStation
2. Optimiser les images
Les images représentent souvent la majorité des octets téléchargés sur une page Web.. En conséquence, l’optimisation des images permet souvent de réaliser les économies en octets et les améliorations des performances les plus importantes pour votre site Web. Pour ce site Web, les images sont des captures d’écran.
| gifsicle | permet de créer et d’optimiser des images au format GIF | |
| optipng | permet d’optimiser sans perte des images au format PNG | |
| pngquant | permet d’optimiser sans perte des images au format PNG | |
| jpegtran | permet d’optimiser des images au format JPEG |
#####1. Évitez les redirections sur la page de destination Les redirections déclenchent un cycle de requête-réponse HTTP supplémentaire et retardent le rendu de la page. Dans le meilleur des cas, chaque redirection ajoutera un aller-retour unique (réponse à la demande HTTP), et dans le pire des cas, cela peut entraîner plusieurs allers-retours supplémentaires pour effectuer la recherche DNS, la négociation TCP et la négociation TLS en plus de la demande HTTP supplémentaire - cycle de réponse.
Le cas courant est celui d’une redirection entre noms de domaine ou vers une page optimisée pour mobile :
Améliorez le temps de réponse du serveur
Tirez parti de la mise en cache du navigateur
Réduisez les ressources La minification fait référence au processus de suppression des données inutiles ou redondantes sans affecter la façon dont la ressource est traitée par le navigateur - par ex. commentaires de code et formatage, suppression du code inutilisé, utilisation de noms de variables et de fonctions plus courts, etc.
Optimiser les images
| gifsicle | permet de créer et d’optimiser des images au format GIF | |
| optipng | permet d’optimiser sans perte des images au format PNG | |
| pngquant | permet d’optimiser sans perte des images au format PNG | |
| jpegtran | permet d’optimiser des images au format JPEG |
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization#image_optimization_checklist
https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/image-optimization#image_optimization_checklist
Optimiser la livraison CSS Prioriser le contenu visible Supprimer le JavaScript bloquant le rendu
https://developers.google.com/web/tools/lighthouse