[Pro Tips pour ne plus avoir de script Google Font chargé par erreur sur votre site]
Hey,
J'ai trouvé une solution pour tout ce qui a un script Google API / Google Font qui se charge pour rien sur votre site alors que vous ne l'utilisez pas.
Et en plus on peut vraiment s'en débarrasser sur un site live.
En gros Webflow la charge si vous en aviez besoin sur le site pour un usage lié à Google : ReCapcha, Youtube player, ou une font.
L'idée ici est d'identifier dans votre site où il peut y avoir cette utilisation.
9/10 c'est la Google Font qui se charge pour rien.
Dans ce cas voici la solution :
<link />https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
- Chercher le lien .CSS de Webflow
- Ajouter le code CSS dans VSC ou autre éditeur de code et unminify le code pour mieux le lire
- Chercher dans le code toute référence dans une class à cet font
- Allez la modifier en conséquence dans Webflow
- Republish et c'est bon 🙂
Point bonus à savoir !
Si vous chargez votre font custom provenant de Google et qu'il est pré-listé dans Webflow, il faut bien importer la font avec un nom différent ! Sinon Webflow va choisir en priorité la font dans sa liste.
Donc dans Body (All Pages) bien mettre sa font custom.
🙂[Player Youtube Load au clique]
Est-ce que quelqu'un connaît une alternative à ce script ?
https://github.com/pleshakovalexander/youtube-light-player
En gros, je veux avoir un player YouTube sur ma page qui se charge uniquement au clic sur la thumbnail.
Ce script marche bien, cependant j'ai besoin que celui-ci soit dans une modale, or cela ne fonctionne pas top.
[Gestion des customs code]
Yo, comment vous gérer vos customs code sur vos projets ?
Je prod mon portfolio en ce moment et j'ai pas mal de code custom pour pleins de petites features un peu partout sur ma page : nav, footer, slider, faq ...
Vous êtes de la team :