Guillaume André

[Guillaume André @guillaumeandre]

@ycombinator @garrytan Gstack suggested that I submit my project to Y Combinator because it seemed relevant. Is this just a pattern, or a real opportunity?

[Guillaume André @guillaumeandre]

@mikiane @YannBuilds @dimugo La preuve par l'image. 🤦🏼‍♂️

[Guillaume André @guillaumeandre]

Détection de sentiments, classifications, OCR, reconnaissance d'objets sont autant de fonctionnalités déjà accessibles via l'API Vision de #GPT4 .@WexItfr en a testé les possibilités :

#1 https://t.co/63sVArS9Sx

#2 https://t.co/gVcks4wiBx

[Guillaume André @guillaumeandre]

IA + No-code = Magie ✨! Découvrez les GPTs #OpenAI dans le dernier article de .@WexItfr https://t.co/JjI3glKsJR

[Guillaume André @guillaumeandre]

On a testé 11 applications innovantes avec #OpenAI GPT-4 Vision pour explorer les frontières de la technologie.
https://t.co/gVcks4wiBx

[Guillaume André @guillaumeandre]

On a testé les nouvelles capacités #openai multimodales de GPT4-Vision, on vous partage nos résultats et cas d'usage. https://t.co/63sVArRC2Z #gpt4V #ai

[Guillaume André @guillaumeandre]

Il est possible de déboguer les pages pré-rendues par la Speculation Rules API via les Google DevTools. Ces pages exécutent JavaScript (attention aux effets de bord), sont inspectables et marquées d'une entête Sec-Purpose: prefetch;prerender #webperf

[Guillaume André @guillaumeandre]

@dsampaolo Oui.

[Guillaume André @guillaumeandre]

Résumé :
▫ <script type=speculationrules> prefetch pour précharger un document mais sans ses ressources associées.
▫ <script type=speculationrules> prerender pour précharger le document dans son intégralité (+exécution du JavaScript) pour un affichage instantané. #webperf

[Guillaume André @guillaumeandre]

Connaissez-vous la Speculation Rules API ? Idéale pour les MPA, elle permet de réaliser des pré-rendus complets en anticipation d'une future navigation. Il serait dommage de s'en priver si le client la prend en charge :
HTMLScriptElement.supports("speculationrules")
#webperf

[Guillaume André @guillaumeandre]

Etat de l'art (à jour) du Preloading web par .@domenic de chez Google : https://t.co/o3Ddrky7r9 #webperf

[Guillaume André @guillaumeandre]

#WebGL Ghost Cursor (2023 update) https://t.co/mvydDzEump #Halloween2023

[Next.js @nextjs]

Next.js 14

◆ next dev --turbo
↳ 53% faster local server startup
↳ 94% faster code updates
◆ Server Actions (Stable)
◆ Partial Prerendering (Preview)
◆ New Next.js Learn Course
↳ App Router
↳ Authentication
↳ Postgres

https://t.co/Sp4X6FAd0z

[Guillaume André @guillaumeandre]

La propriété #React dangerouslySetInnerHTML peut vous rendre vulnérable aux attaques #XSS. Toujours utiliser une librairie comme DOMPurify https://t.co/kufjm30UMv pour nettoyer une éventuelle entrée utilisateur non attendue : DOMPurify.sanitize(dirty) #cyber

[Guillaume André @guillaumeandre]

Séparer #CSS critique et non critique. Le CSS critique doit être intégré inline via <style>...</style>. Le CSS critique permet de construire l'arbre de rendu de vos pages. La quantité de CSS critique doit être limitée. Objectif : ne pas bloquer ou ralentir #JavaScript. #webperf

[Guillaume André @guillaumeandre]

Avez-vous mis en place du Tree shaking sur votre stack front ? #webpack, #rollup et les frameworks JS tendances du marché embarquent nativement la possibilité d'extraire le code #JavaScript inutilisé (mort) de vos bundles de production, et ce, de manière automatique. #webperf

[Guillaume André @guillaumeandre]

Les propriétés #CSS les plus gourmandes (processing & painting calculations) :
▫ position: fixed
▫ border-radius
▫ opacity
▫ transform
▫ filter
▫ box-shadow
▫ text-shadow
▫ backdrop-filter
▫ background-blend-mode
#HTML5 #webperf

[Guillaume André @guillaumeandre]

Utiliser une vidéo en background sur une page d'accueil ? Pourquoi pas.... 1. Différer le chargement de celle-ci. 2. Utiliser le bon algo de compression. 3. Éviter un player embedded. 4. Penser à supprimer la piste son pour diminuer le poids de la vidéo. #mp4 #webm #webperf

[Guillaume André @guillaumeandre]

@aurelienbardon De se documenter sur SSR, SSG, ISR et Dynamic Rendering https://t.co/RxnPoHHwWw

[Guillaume André @guillaumeandre]

Dynamic Rendering, SSG (Static Site Generation) et SSR (Server Side Rendering) sont des approches à ne pas négliger pour rendre crawlable une stack #JavaScript. #webperf #seo https://t.co/Pev0adFjwy

[Guillaume André @guillaumeandre]

Maximisez l'efficacité du cache #Docker en plaçant les instructions changeantes en fin du Dockerfile. Le cache accélère la construction d'images en stockant les couches. Attention toutefois à l'instructions RUN qui peut causer des problèmes (cache). #devops #optimisation