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

Follow

@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

@brunus @danslerush
et du coup pour déclarer le tableau, tu peux utiliser la syntaxe :
variable = [
'phrase1'
, 'phrase2'
, …
];

@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

@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é.

@brunus Il est vrai que j'ai des manquements de ce point de vue, OK je rajoute à la pile ! 😅 @draeli

Sign in to participate in the conversation
La Quadrature du Net - Mastodon - Media Fédéré

Mamot.fr est une serveur Mastodon francophone, géré par La Quadrature du Net.