Guillaume André (@guillaumeandre) profile picture
Lyon, France
Joined March 2009
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 wexit.fr/blog/nouvelles-capa… #2 wexit.fr/blog/11-application…
3
2
604
IA + No-code = Magie ✨! Découvrez les GPTs #OpenAI dans le dernier article de .@WexItfr wexit.fr/blog/plongee-dans-l…
3
4
593
On a testé 11 applications innovantes avec #OpenAI GPT-4 Vision pour explorer les frontières de la technologie. wexit.fr/blog/11-application…
1
285
On a testé les nouvelles capacités #openai multimodales de GPT4-Vision, on vous partage nos résultats et cas d'usage. wexit.fr/blog/nouvelles-capa… #gpt4V #ai
1
1
1
952
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
1
1
220
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
127
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
1
3
174
Guillaume André retweeted
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
186
1,393
431
6,177
947,451
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
88
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
112
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
129
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
153
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
131
Connaissez-vous l'acronyme ISR (Incremental Static Regeneration) ? Popularisé par Next.JS l'ISR est la combinaison du meilleurs du SSR et du SSG. C'est la faculté de pré-calculer et mettre en cache des pages statiques spécifiques générées dynamiquement. #webperf #seo #javascript
137
Il peut être tentant d'appliquer du lazy load à toutes les images d'une page web. Ce n'est pas une bonne pratique. De préférence, réserver loading="lazy" aux <img> hors viewport. Cette recommandation peut aussi s'appliquer aux <iframe>. #html5 #webperf
1
127