Bon sinon ça y est, j'ai ENFIN publiĂ© mon nouveau site â˜ș Il n'est pas parfait mais je suis passĂ© de prĂšs de 20 Mo pour un site "vitrine" (ce qui Ă©tait beaucoup trop j'en conviens) Ă  un peu moins de 5 Mo (peut mieux faire mais c'est un dĂ©but, c'est la faute aux fontes) /> dansleru.sh

@danslerush Ha...je crois que je suis repĂ©rĂ© lĂ  ! 😂
Excellent ! Le reste aussi ! 🙏

@brunus Ah ah ah petit "easter egg" aux codeurs fous ! Merci !! 😍

@danslerush @brunus
Je viens de voir le site, le RWD est propre, ça fait plaisir, néanmoins si je peux apporter ma pierre, je te propose de modifier le JS de place en suivant ces recommandations :
flaviocopes.com/javascript-asy
résumé: tu passes le js dans la partie HEAD comme ya 20 ans sauf que là tu ajoute un attribut "defer" et c'est plié :)
Autre point qui te permettra d'avoir un site moins 'lourd', c'est de faire du lazyloading d'image pour tous ce qui est en dessous de la ligne de flottaison.

@draeli Super merci, c'est prĂ©cieux ce genre de conseil ! Je vais !! đŸ€— @brunus

@danslerush @draeli De mon coté je ne voulais pas faire de remarques parce que je trouve le boulot tellement super !
Mais comme Draeli à déclenché les hostilités : quand tu auras le temps remplis les alt des images pour lesquelles ça manque...ça servira au référencement et aux screen readers.
❀ â˜źïž

@brunus @danslerush
bon du coup je me sens obligé de répondre :D
Pour le rendu de la page, attention, j'ai que tu as des trucs du genre "RÉSENTATION" ce qui me fait dire que le header HTTP et/ou Ă©ventuellement ton fichier ne sont pas encodĂ© en utf-8 (le meta aide Ă  rĂ©soudre d'un point de vu navigateur mais derriĂšre techniquement c'est pas foufou).

@brunus @danslerush
CĂŽtĂ© JS "en dur" (pas biiennn :D), j'ai vu "Citation = new Array(42);" alors te prend pas la tĂȘte comme en C oĂč tu dois dĂ©clarer la longueur des tableaux pour des questions de mĂ©moire Ă  allouer. Autre point, et lĂ  c'est toi qui vois comment tu peux te le gĂ©rer mais quand tu dĂ©clares comme ça, ta variable "Citation" tombe dans le scope global donc pour le navigateur ça revient Ă  ce que tu dĂ©clares ta variable comme "window.Citation = 
", du coup prĂ©fĂšre une closure si tu peux

Suivre

@draeli Je prends bonne note (je suis loin d'ĂȘtre une star en JS ;D) et oui c'est le seul que j'ai gardĂ© sur la page principal parce que je veux pouvoir Ă©diter/modifier facilement les citations en mĂȘme temps que le reste du contenu :) @brunus

· · Web · 1 · 0 · 0

@danslerush @brunus
Alors si tu veux te créer ton espace de code sans risquer des collisions de noms (ce qui est le point important à retenir), tu peux te faire ta "zone" de code via une closure :
(function(){
// ton code lĂ 


var Citation = [


];


})();
ainsi au chargement de la page, la fonction s'auto-exécute et ce qui est déclaré dedans (attention à bien utiliser 'var' avant le nom de la variable) sera exécuté.

Inscrivez-vous pour prendre part Ă  la conversation
Framapiaf

Le réseau social de l'avenir : Pas d'annonces, pas de surveillance institutionnelle, conception éthique et décentralisation ! Possédez vos données avec Mastodon !