On utilise la propriété loading=”lazy”, disponible sur <img> ou <iframe>
| 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 |
| Quelle est l’importance de la compression ? | Backend Green It | Voir |
| Quels sont les algorithme de compression les plus connus ? | Backend Green It | Voir |
| Quel est l’avantage du Http/2 par rapport au Http/1.1 | Backend Green It | Voir |
| Quelle avantage à la mise en cache dans l’eco conception ? | Backend Green It | Voir |
| Lorsque je reçois des images, que dois-je faire pour faire en sorte d’optimiser mon site ? | Backend 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 |
| Dans l’eco conception que faut-il regarder chez un hébergeur ? | Green It | Voir |
| Qu’est ce que le Static Site Generation (SSG), et quel est son avantage ? | Backend Green It | Voir |
| Que peut-on faire avec le Static Site Generation pour encore plus l’optimiser ? | Backend Green It | Voir |
| Qu’est ce que le Server Site Rendering, et quel est son avantage ? | Backend Green It | Voir |
| Quelles sont les variables à prendre en compte pour choisir sa stack technologique ? | Backend Frontend Green It | Voir |
| Quelle organisation serveur permet de limiter la consommation des serveurs ? | Backend Green It | Voir |
| Quelles technologies permettent de mettre en place un cache de site web facilement ? | Backend Green It | Voir |
| Dans la création d’un service en ligne, donnez moi un exemple d’une pratique qui pollue ? | Backend 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 |
| Quels sont les principes d’un design eco-conçu? | Green It | Voir |
| Quels sont les avantages de l’approche mobile file en eco-conception ? | Green It | Voir |
| Quel référentiel national est disponible pour l’eco-conception de services numériques ? | Green It | Voir |
| Comment éco-concevoir son projet avant de le développer ? | Green It | 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 |
| Quelle est la différence entre <script defer> et <script async> ? | Frontend HTML | Voir |
| Comment s’assurer qu’un site respecte le RGPD côté front-end ? | Green It Sécurité | Voir |
| Quelle est la différence entre images responsives avec srcset et <picture> ? | Frontend HTML | Voir |
| En quoi la directive content="width=device-width" du meta viewport est indispensable ? | Frontend HTML | Voir |
| Pourquoi un site statique peut être plus sécurisé qu’un site dynamique ? | Sécurité Green It | Voir |