Comment rendre son site plus rapide ?

Ғылым және технология

Article ► grafikart.fr/tutoriels/performance-site-web-2024
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

Пікірлер: 41

  • @thomaslaure4865
    @thomaslaure48652 жыл бұрын

    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é

  • @echelon3410
    @echelon34102 жыл бұрын

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

  • @darknight-rk4ch
    @darknight-rk4ch2 жыл бұрын

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

  • @kaderdashing9443
    @kaderdashing94432 жыл бұрын

    J'en avais vraiment besoin merci ❤️

  • @damienernoult8816
    @damienernoult88162 жыл бұрын

    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.

  • @krikriss1
    @krikriss1 Жыл бұрын

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

  • @koko0808008
    @koko0808008 Жыл бұрын

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

  • @mekaclaude
    @mekaclaude2 жыл бұрын

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

  • @patrickdeserres2609
    @patrickdeserres26092 жыл бұрын

    Merci Grafikart you rock , comme toujours 💪👍

  • @wivon
    @wivon2 жыл бұрын

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

  • @djilouzitouni398
    @djilouzitouni3982 жыл бұрын

    Magnifique travail

  • @ggousier
    @ggousier2 жыл бұрын

    Pouce bleu direct ! Merci pour ces conseils. :)

  • @wildthreshold
    @wildthreshold2 жыл бұрын

    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é

  • @carlmonnera5375
    @carlmonnera53752 жыл бұрын

    Super l'illustration vidéo !

  • @Nerwesta
    @Nerwesta2 жыл бұрын

    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
    @KogotaEvent2 жыл бұрын

    Merci beaucoup Jonathan Boyer

  • @thebilbe
    @thebilbe2 жыл бұрын

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

  • @cissedesign6358
    @cissedesign63582 жыл бұрын

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

  • @myfreedom42
    @myfreedom422 жыл бұрын

    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 ;)

  • @johan6912
    @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 ?

  • @karimdiallo6809
    @karimdiallo68092 жыл бұрын

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

  • @rudys9835
    @rudys98352 жыл бұрын

    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
    @Pacific2412 жыл бұрын

    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.

  • @IllusionIRL
    @IllusionIRL2 жыл бұрын

    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

    @zvheer7597

    2 жыл бұрын

    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

  • @vincentcottalorda2105
    @vincentcottalorda21052 жыл бұрын

    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.

  • @johnmbaye
    @johnmbaye2 жыл бұрын

    Merci

  • @lmz-dev
    @lmz-dev2 жыл бұрын

    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

    @treztreiz6370

    Жыл бұрын

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

  • @lmz-dev

    @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 ¯\_(ツ)_/¯

  • @developpeurs_com
    @developpeurs_com2 жыл бұрын

    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

    @grafikart

    2 жыл бұрын

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

  • @m-oustachaud9061
    @m-oustachaud90612 жыл бұрын

    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

    @grafikart

    2 жыл бұрын

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

  • @bobbyloser1427
    @bobbyloser14272 жыл бұрын

    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

    @bobbyloser1427

    2 жыл бұрын

    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
    @samir123.22 жыл бұрын

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

  • @TIEB62
    @TIEB622 жыл бұрын

    Avec quoi tu fais tes simulations 3D ?

  • @grafikart

    @grafikart

    2 жыл бұрын

    Je me suis mis à Blender ^^

  • @TIEB62

    @TIEB62

    2 жыл бұрын

    @@grafikart C'est Magnifique !

  • @KogotaEvent
    @KogotaEvent2 жыл бұрын

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