Cheatography
https://cheatography.com
CheatSheet pour le Progressive Web
App et Firebase
This is a draft cheat sheet. It is a work in progress and is not finished yet.
Définitions
Progressive Web App |
Les PWA utilisent les nouvelles fonctionnalités du web moderne pour délivrer la meilleure expérience utilisateur possible. |
Largest Contentful Paint |
Temps nécessaire pour afficher à l’ écran l’élément visuels le plus grand de l’application (image ou texte). Plus ce temps est court, plus l'utilisateur à la sensation d’une grande vitesse de chargement. |
First Input Delay |
Mesure le temps écoulé entre le moment où un utilisateur interagit pour la première fois avec votre site jusqu'au moment où le navigateur est réellement capable de répondre à cette interaction. |
Cumulative Layout Shift |
Score qui mesure le nombre de changement inattendu sur la page une fois chargé. |
Inline Critical Styles |
Technique qui consiste à placer les styles en inline directement dans le HTML, afin que le navigateur puisse en faire un rendu le plus rapidement possible. |
Application shell |
Charger le plus rapidement possible le cadre de base de l'application, souvent il s'agit de la barre de menu ou du menu de navigation et de quelque boutons essentiel à l'interface utilisateur. Le moyen le plus simple est de directement mettre en place la structure HTML de base dans le index.html. |
Skeleton pattern |
Technique qui consiste à afficher des éléments visuels ayant la même structure que le contenu final à l’utilisateur pendant le chargement de l'application. |
Progressive images loading |
Technique de chargement d’image qui consiste à charger en premier lieu une version réduite ou dégradée d’une image afin qu’elle s’affiche immédiatement à l’utilisateur, puis l'image réelle au fur et à mesure que l’application charge complètement. |
Code splitting |
Chargé uniquement le code nécessaire à la vue courante. |
La résilience des réseaux |
Concepte qui signifie l’assurance de fournir un service utilisable peu importe les conditions de réseaux |
|
|
Informations générales
Piliers du PWA |
Rapidité - Fiabilité - Intégré (Accessibilité) - Engageant |
Remarque |
80% Du temps passé sur mobile se fait dans les 3 applications préférées d’un utilisateur. |
Remarque |
Les utilisateurs de smartphones installent en moyenne 0 Nouvelles applications chaque mois. |
|
