Le preconnect est une méthode qui permet au navigateur d'établir à l'avance des connexions (DNS, TCP, et TLS) avec un domaine, accélérant le chargement des ressources futures en réduisant les temps de latence. (Globalement dns-prefetch sous stéroïdes)
| Question | Tags | |
|---|---|---|
| Je dois définir un lien vers une autre page, j’utilise une balise <a> ou <button> ? | Html | Voir |
| Combien de niveau de titre existe t’il ? (<hn>) | Html | Voir |
| Qu’est ce qu’une balise <canvas> ? | Html | Voir |
| Quel attribut de la balise image utilise t’on pour faire en sorte de charger une image lorsque le viewport s’en approche ? | Green It Html | Voir |
| Quel sont les formats d’image adapté aux web ? | Frontend Green It | Voir |
| Citez moi deux outils permettant de mesurer l’empreinte carbone du site | Frontend Green It | Voir |
| Quel propriété de la balise image permet de définir des tailles d’image selon la taille du viewport ? | Frontend Green It Html | Voir |
| Quelles sont les variables à prendre en compte pour choisir sa stack technologique ? | Backend Frontend Green It | Voir |
| Quels sont les indicateurs d’un front end mal optimisé ? | Frontend Green It | Voir |
| Comment réduire le nombre de requêtes à un serveur dans son frontend ? | Frontend Green It | Voir |
| Comment réduire poids d’une page web ? | Frontend Green It | Voir |
| Avec quel autre attribut de Image src-set peut être utilisée ? | Frontend Green It Html | Voir |
| Quelle technique peut être utilisée dans les SPA pour limiter le poids du premier chargement ? | Frontend Green It React | Voir |
| Avec React comment fait-on du code splitting ? | Frontend Green It React | Voir |
| Quel format de font est recommandé ? | Frontend Green It | Voir |
| En terme de bonne pratique combien de font devrait-js utiliser? | Frontend Green It | Voir |
| Quele alternative light aux images permet d’illustrer votre propos sans ajouter trop de poid ? | Frontend Green It | Voir |
| Sur une image si il y a un display none, sera t’elle chargée ? | Frontend Green It | Voir |
| Qu’est ce que le DOM ? | Frontend Html Javascript | Voir |
| Qu’est ce que le préchargement de ressources ? | Frontend Html Performance | Voir |
| Quel est le problème avec le pré-chargement des ressources ? | Frontend Green It Html | Voir |
| Quels sont les différents types de préchargement ? | Frontend Html Performance | Voir |
| Que fait dns-prefetch ? | Frontend Html Performance | Voir |
| Que fait le preconnect ? | Frontend Html Performance | Voir |
| Que fait le prefetch ? | Frontend Html Performance | Voir |
| Que fait le preload ? | Frontend Green It Performance | Voir |
| Quelle librairie en React permet d’optimiser la récupération de données ? | Frontend Green It Performance React | Voir |
| React query est il disponible dans d’autres frameworks ? | Frontend Green It Performance | Voir |
| Que sont les service workers ? | Frontend Green It Performance | Voir |
| Quel est l’intérêt de la mise en cache de contenu via Service workers ? | Frontend Green It Performance | Voir |
| Que sont les principales fonctionnalités des services workers ? | Frontend Green It Performance | Voir |
| Quel est l’intérêt de la récupération / mise à jour en arrière plan ? | Frontend Green It Performance | Voir |
| Quel est l’intérêt de l’interception et manipulation de requêtes ? | Frontend Green It Performance | Voir |
| Qu’est ce qu’une PWA ? | Frontend Green It | Voir |
| Quels sont les avantages de la PWA par rapport à une application classique ? | Frontend Green It | Voir |
| Pouvez vous me citer quelques capacités des PWA ? | Frontend | Voir |
| Quelle est la fonction de la balise <header> en HTML sémantique ? | Html | Voir |
| Comment la balise <nav> est-elle utilisée dans un document HTML sémantique ? | Html | Voir |
| Quelle est la différence entre la balise <article> et la balise <section> en HTML sémantique ? | Html | Voir |
| Comment la balise <footer> est-elle utilisée en HTML sémantique ? | Html | Voir |
| Quelle est la fonction de la balise <main> en HTML sémantique ? | Html | Voir |
| Pourquoi utiliser la balise <aside> en HTML sémantique ? | Html | Voir |
| Quelle balise est utilisée pour regrouper un titre et un sous-titre en HTML sémantique ? | Html | Voir |
| Comment la balise <figure> et <figcaption> sont-elles utilisées ensemble en HTML sémantique ? | Html | Voir |
| Quel est le rôle de la balise <time> en HTML sémantique ? | Html | Voir |
| Comment la balise <mark> est-elle utilisée en HTML sémantique ? | Html | Voir |
| Pourquoi la balise <header> est-elle importante pour l'accessibilité en HTML sémantique ? | Html | Voir |
| Quelle balise sémantique utiliseriez-vous pour définir une liste de définitions ? | Html | Voir |
| Quelle est la différence entre la balise <header> et la balise <title> en HTML ? | Html | Voir |
| Comment la balise <section> peut-elle améliorer l'organisation d'une page web ? | Html | Voir |
| Quelle est la fonction de la balise <summary> lorsqu'elle est utilisée avec la balise <details> ? | Html | Voir |
| Pourquoi la balise <main> ne doit-elle apparaître qu'une seule fois dans un document HTML ? | Html | Voir |
| Comment la balise <main> aide-t-elle les moteurs de recherche à comprendre la structure d'une page ? | Html | Voir |
| Quelle balise HTML est utilisée pour définir un formulaire ? | Html | Voir |
| Comment inclure un fichier CSS dans un document HTML ? | Html | Voir |
| Comment ajouter une description à une image pour l'accessibilité ? | Html | Voir |
| Comment définir la langue du contenu dans le HTML ? | Html | Voir |
| Comment intégrer du code JavaScript dans un document HTML ? | Html | Voir |
| Comment définir un bouton pour soumettre un formulaire en HTML ? | Html | Voir |
| Où dois-je passer mes balises script pour un chargement optimal ? | Html | Voir |
| Dans la balise script, quels attributs je peux utiliser pour éviter que mon script soit bloquant ? | Html | Voir |