Repository with sources and generator of https://larlet.fr/david/ https://larlet.fr/david/
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

index.md 2.0KB

title: Performances site

Par dessus tout, je constate que le chargement de vos pages web se font à une vitesse record, ce qui ne peut que susciter mon admiration et m’amène à vous demander quels sont vos secrets (si vous acceptez bien sûr de les partager). Utilisez-vous Django pour déployer votre site ? NGinx ? Ou avez-vous développé votre propre serveur web le tout en Python ?

Daniel par email

Mon site est constitué de pages statiques générées par des scripts personnels utilisant Fabric. Il est hébergé par Alwaysdata sur un serveur mutualisé et servi avec Apache. Ce sont plus les performances côté client qui font la différence avec le chargement des CSS et JS en inline et le chargement des polices a posteriori avec Font Face Observer. Les polices alourdissent énormément la page et ça reste du luxe mais je les conserve car je suis sensible à l’esthétique de mes propres lectures et elles ne sont pas indispensable à la lecture du contenu.

Cela me permet de rester à 6/8 requêtes au premier chargement et une seule au rafraichissement ou au changement de page. Il y a les headers appropriés pour que vous ne rechargiez pas les images ou polices. La cerise sur le gâteau c’est InstantClick qui donne une vraie impression de vitesse en pré-chargeant les liens locaux au survol avant même de cliquer.

Je pourrais aller plus loin en n’inlinant (sic) que les CSS critiques comme l’ont fait Raphaël (cache) ou Jeremy (cache) mais je trouve ça un peu overkill vu le besoin. J’ai plutôt choisi la frugalité en terme de design :-).