Guillaume André

571 posts

Guillaume André banner
Guillaume André

Guillaume André

@guillaumeandre

Lyon, France Katılım Mart 2009
726 Takip Edilen299 Takipçiler
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?
English
0
0
1
341
Y Combinator
Y Combinator@ycombinator·
GStack is an open-source toolkit built by YC President & CEO @garrytan that turns Claude Code into an AI engineering team — with skills for office hours, design, code review, QA, and browser testing. In this video, Garry walks through how GStack works, starting with Office Hours, a skill modeled after real YC partner sessions that pressure-tests your idea before you write a line of code. He demos it live, going from idea through adversarial review, design mockups, and automated QA in a single session.
English
255
158
2K
915.7K
Michel Levy Provençal
Michel Levy Provençal@mikiane·
Paradoxe : Chaque développeur aujourd’hui devrait théoriquement dépenser entre 30K€ et 40K€ de tokens par mois en API, soit 2000 € en réalité (une dizaine d’abonnements Claude MAX200 par mois). On est dans une telle course que sans cela, il n’est pas rentable.
Français
1
1
8
1.5K
Guillaume André
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é tweet media
Français
0
1
1
210
Guillaume André
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
Français
0
0
0
121
Guillaume André
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é tweet media
Français
0
1
3
168
Guillaume André retweetledi
Next.js
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 nextjs.org/14
English
193
1.4K
6.3K
946.8K
Guillaume André
Guillaume André@guillaumeandre·
La propriété #React dangerouslySetInnerHTML peut vous rendre vulnérable aux attaques #XSS. Toujours utiliser une librairie comme DOMPurify github.com/cure53/DOMPuri… pour nettoyer une éventuelle entrée utilisateur non attendue : DOMPurify.sanitize(dirty) #cyber
Français
0
0
0
107
Guillaume André
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
Français
0
0
0
86
Guillaume André
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
Français
0
0
0
110
Guillaume André
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
English
0
0
0
128
Guillaume André
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
Français
0
0
0
152
Aurélien Bardøη
Aurélien Bardøη@aurelienbardon·
Que dire à un développeur qui dit que faire un site en JS n'impacte pas le SEO car Google se débrouille très bien avec ? (il lira vos réponses)
Français
44
5
26
14.1K
Guillaume André
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
Français
0
0
0
130