Comment rendre son site plus rapide ?

Article ► grafikart.fr/tutoriels/perfor...
Abonnez-vous ► bit.ly/GrafikartSubscribe
Dans cette vidéo je vous propose de découvrir comment mesurer et améliorer les performances de son application web pour la rendre rapide et plus agréable à utiliser.
Soutenez Grafikart:
Devenez premium ► grafikart.fr/premium
Donnez via Utip ► utip.io/grafikart
Retrouvez Grafikart sur:
Le site ► grafikart.fr
Twitter ► / grafikart_fr
Discord ► grafikart.fr/tchat

[@echelon3410]

Incroyable, je cherchais justement à optimiser le chargement de mon site, cette vidéo tombe à point, merci !

[@thomaslaure4865]

Merci beaucoup pour ce contenu ! Probablement as-tu déjà entendu parler d'éco-conception web, que penserais tu de faire une vidéo sur le sujet ? Je pense que ce serait une très bonne continuité

[@kaderdashing9443]

J'en avais vraiment besoin merci ❤️

[@koko0808008]

Génial les vidéos d'illustrations pour le CDN !

[@krikriss1]

Merci beaucoup pour tous le travail que tu nous partage. 🙂

[@damienernoult8816]

Top la vidéo ! À l’occasion j’aimerai bien que tu parles d’amélioration progressive et de son bénéfice sur la performance si jamais tu cherches à approfondir ton sujet. En tout cas merci c’est hyper clair comme à chaque fois.

[@patrickdeserres2609]

Merci Grafikart you rock , comme toujours 💪👍

[@mekaclaude]

Superbe vidéo. Très édifiante. ✅

[@ggousier]

Pouce bleu direct ! Merci pour ces conseils. :)

[@wivon]

Merci pour la vidéo, c'est très intéressant ! 👍

[@darknight-rk4ch]

Merci pour la vidéo très important Est ce que tu peux faire une vidéo sur les attributs Aria de l'accessibilité ✌️✌️

[@carlmonnera5375]

Super l'illustration vidéo !

[@wildthreshold]

Tu gères merci !!! bon j'ai pas appris grand chose car je maitrise déjà le sujet 😅 mais en tout cas c'est pile ce que je veux partager à mes client pour que les choses leur soit mieux expliqué

[@djilouzitouni398]

Magnifique travail

[@Nerwesta]

Salut ! Merci pour la vidéo qui sera utile je pense pour tous niveaux. Concernant 15:30 il me semble que Chrome / Chromium a dans ses devtools le "coverage" du CSS et du JS donc les ressources utilisées pour la page et celles qui ne le sont pas, cela peut être utile selon l'architecture du projet. Je recommande le podcast "HTTP 203" du 3 Mai 2022 "is css a bad idea[...]" de la chaîne Chrome Developers où ils parlent en pratique du CSS et de son optimisation avec des exemples de sites connus.

[@KogotaEvent]

Merci beaucoup Jonathan Boyer

[@thebilbe]

Lightouse -> Lighthouse Ne suroptimiser pas -> Ne sur-optimisez pas Sinon c'est top, très clair, très bien expliqué, carré. Bravo !

[@cissedesign6358]

Merci beaucoup GRAFIKART, j'aime tellement tes explications que j'aimerais que tu soit partout sur youtube 🥴

[@karimdiallo6809]

Salut Jonathan, s'il te plaît, t'utilises quel type de clavier en faisant de la programmation ??

[@IllusionIRL]

Hello ! Merci de ta vidéo ! Pour l'optimisation avec cache, quelle approche on doit avoir ? (framework back, front) ? j'avoue pas m'y connaitre sur le sujet, sachant que c'est pas mal "automatique" avec certains outils maintenant

[@zvheer7597]

le cache en back end peut être un vrai plus on est pas obligé d'utiliser un framework pour ça, tu peux te créer ton propre systèmes de cache, le concept c'est juste que au lieu de refaire toutes tes opérations côté serveur tu les fasses une fois, et tu reutilises le résultat pour les prochaines demandes pendant un certains temps puis tu peux refaire les opérations côté serveur ainsi de suite

[@johan6912]

Bonjour à tous, j'ai une question : quel est l'intérêt de charger un js en mode "defer" par rapport au fait de l'insérer avant la fermeture de la balise body ?

[@myfreedom42]

si tu pouvais faire pareil pour le websocket, afin d'optimiser les échanges, je sais que y avait des trucs super pointu et interessant qui consister à passer du binaire pur ou un truc comme ça pour échanger le moins d'info possible, nottament dans le cadre de jeux en temps réel sur navigateur ;)

[@rudys9835]

Merci pour la vidéo !! Comment utilise t'on GZIP pour compresser ? j'ai essayé mais étant débutant dans le domaine , j'ai l'impression qu'il faut créer un server ? As tu une idée sur la question , Merci

[@Pacific241]

Salut et merci pour cette vidéo. L'idée de présenter les nouveaux formats d'images comme JPEG xl et les outils côté serveur en PHP me paraît séduisante. Ce serait possible d'en évoquer le sujet dans une prochaine vidéo ? Par ailleurs, avoir recours au format webp permet également d'économiser de la bande passante pour l'affichage des images.

[@vincentcottalorda2105]

Je me demandais étant utilisateur de NextJS si ce genre de FrameWork ne faisait déjà pas une grosse parti de ce travail à notre place, à condition d'avoir bien réfléchi aux stratégies SSR, SSG, ISG etc au préalable bien entendu. Sans parler du composant image. Bien entendu il ne convient pas à tous les usages mais typiquement je pense que c'est une bonne base. Me trompe-je? ^^ C'est une vraie question je suis assez interressé par tout ce qui me permet d'ameliorer mes compétences et donc ce que je peux proposer en retour :) Merci d'avance.

[@lmz-dev]

Avec php 13:23 ce n'est pas très compliqué de livrer un flux html par paquets mais il faut virer le callback par défaut ou autre ob_gzhandler avec ob_end_flush puis on on réattribue au tampon une fonction toute simple ob_start(($buffer) return $buffer) Ce qui permet d'utiliser ob_flush suivi de flush pour envoyer les données au client par paquet ... par contre on ne peut plus envoyer d'entêtes quand on commence à flusher, mais on on peut générer du contenu entre chaque flush. Bon tu te la pètes Jonathan, mais de mémoire t'es tout seul sur un dédié et t'utilises les caches à donf, si t'étais sur un pack perso OVH t'aurais pas les mêmes résultats. Il faut tester ton site sans cache pour voir la réalité de sa performance, héhé ;p

[@treztreiz6370]

Je crois bien qu'il a désactivé les caches avec l'outil réseau de l'inspecteur ^^

[@lmz-dev]

@@treztreiz6370 Nan, je parle des pages en cache côté serveur, pas côté navigateur ;p Qu'il utilise Laravel ou Symfony, la génération d'une page, même vide, prend au minimum ~100 à 120 ms. Alors pour arriver à moins de 50 ms il faut que la source de cette page soit stockée dans un simple fichier texte et la livrer avant de charger tout le bordel du framework (quand je dis bordel, c'est un euphémisme) ;p Le seul framework php performant que je connaisse s'appelle "Phalcon" (pas confondre avec Falcon en python), mais c'est une extension php, alors il te faut la main sur le serveur pour l’installer ... par contre après t'attends pas une plombe pour avoir une page ¯\_(ツ)_/¯

[@johnmbaye]

Merci

[@developpeurs_com]

Merci beaucoup pour cette vidéo ! 🚀 Elles sont toutes incroyables ! Quel est l'outil utilisé pour faire des animations ? Notamment au niveau de 8:30 ? Merci beaucoup

[@grafikart]

J'ai utilisé Blender (je me met un peu à la 3D en parallèle)

[@m-oustachaud9061]

Bonjour grafikart j'aurais une question à propos des cours sur le CSS, pourquoi les épisodes de 20/31 jusqu'à 28/31 sont manquants merci.

[@grafikart]

Ils sont disponibles sur le site pour les membres premiums (disponible sur le site directement grafikart.fr)

[@bobbyloser1427]

Bonjour auriez vous des conseils à donner pour les utilisateurs de Wordpress et j aimerai par la meme occasion vous demandez pourquoi autant de sites officiels ont un score aussi bas sur mobile page speed alors que la version bureau est souvent à plus de 90% Merci

[@bobbyloser1427]

J ai l impression que le theme DIVI a un probleme d optimisation mise en cache css js différé etc j ai l impression que cela ne fonctionne pas Merci beaucoup pour vos excellents tutos

[@samir123.2]

Salut, j’ai une idée de vidéo contenu faire un menu radial dynamic en js.

[@TIEB62]

Avec quoi tu fais tes simulations 3D ?

[@grafikart]

Je me suis mis à Blender ^^

[@TIEB62]

@@grafikart C'est Magnifique !

[@KogotaEvent]

Merci pour la reponse que tu m'as donné la fois passe au niveau de gmailmerci