These notes describes how to improve Nginx performance, security and other important things; @ssllabs A+ 100%.
Améliorer les performances des grosses listes dans Vue.js en supprimant la couche réactive de chaque menu item lorsque c'est possible. C'est vrai que bien souvent les éléments d'une liste n'évoluent pas donc la réactivité n'apporte rien.
Sur les navigateurs mobiles, les "clics" sur les éléments interactifs (liens, boutons, etc.) ne sont pris en compte que 300 ms après l'action de clic. Ce délai sert à voir si un autre clic intervient dans cet intervalle, auquel cas le navigateur prendre en compte un double-clic et non un clic simple.
L'utilisation de double-clic sur un site étant assez marginale, si vous souhaitez donner une meilleure impression d'immédiateté, vous pouvez désactiver ce délai avec le code CSS suivant :
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
touch-action: manipulation;
}Via https://getbootstrap.com/docs/4.0/content/reboot/ et https://medium.com/css-mine/bootstraps-reboot-next-evolutionary-step-for-css-reset-a30f718521b9
Un outil pour optimiser vos SVG.
J'ai testé rapidement et le résultat est plutôt efficace !
Une web application pour optimiser vos images.
Plein de bons conseils pour garder vos SPA légère.
Une liste de sites qui analysent votre site et vous aident à l'améliorer.
Les différences entre les différents navigateurs au niveau du téléchargement des images d'une page web.
De l'optimisation par les headers HTTP.
Sous le coude pour le jour où j'achète un laptop sous Linux.
Alfred a l'air vraiment cool !
Je vais essayer Wox sur Windows, ça semble être la seule alternative crédible.
Modifier le nombre de processus utilisés par Firefox pour le rendre un peu plus véloce. A adapter en fonction de votre machine.
about:config dans la barre d'adresse.dom.icp.processCount de 1 à 4 ou 8 (à tester).La quête de l'obtention du plus petit APK valide. Amusant et intéressant :)
Un très bon article très détaillé sur l'optimisation des polices web. Il y notamment l'attribut rel="preload" qui peut offrir d'excellents résultats et qui est très simple à ajouter.
Un outil pour uploaded une police d'écriture et en générer version optimisée pour le web.