René's URL Explorer Experiment


Title: The client-side AI stack  |  web.dev

Open Graph Title: The client-side AI stack  |  web.dev

Description: Understand your options for client-side AI, what trade-offs to expect, and how to handle application-specific constraints.

Open Graph Description: Understand your options for client-side AI, what trade-offs to expect, and how to handle application-specific constraints.

Opengraph URL: https://web.dev/learn/ai/client-side

X: @ChromiumDev

direct link

Domain: web.dev

google-signin-client-id157101835696-ooapojlodmuabs2do2vuhhnf90bccmoi.apps.googleusercontent.com
google-signin-scopeprofile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award https://www.googleapis.com/auth/devprofiles.full_control.firstparty
og:site_nameweb.dev
og:typewebsite
theme-color#3740ff
NoneIE=Edge
og:imagehttps://web.dev/./card.png
og:image:width1200
og:image:height675
og:localeen
twitter:cardsummary
twitter:imagehttps://web.dev/static/images/social-wide.jpg

Links:

Skip to main content https://web.dev/learn/ai/client-side#main-content
https://web.dev/
Resources https://web.dev/learn
HTML https://web.dev/html
CSS https://web.dev/css
JavaScript https://web.dev/javascript
Performance https://web.dev/performance
Accessibility https://web.dev/accessibility
Identity https://web.dev/identity
Learn HTML https://web.dev/learn/html
Learn CSS https://web.dev/learn/css
Learn JavaScript https://web.dev/learn/javascript
Learn AI https://web.dev/learn/ai
Learn Performance https://web.dev/learn/performance
Learn Accessibility https://web.dev/learn/accessibility
More courses https://web.dev/learn
AI and the web https://web.dev/explore/ai
Explore https://web.dev/explore
PageSpeed Insights https://pagespeed.web.dev/
Patterns https://web.dev/patterns
Podcasts & shows https://web.dev/shows
Developer Newsletter https://web.dev/newsletter
About web.dev https://web.dev/about
Discover https://web.dev/discover
Baseline https://web.dev/baseline
How to use Baseline https://web.dev/how-to-use-baseline
Blog https://web.dev/blog
Case Studies https://web.dev/case-studies
Resources https://web.dev/learn
AI https://web.dev/learn/ai
Privacy https://web.dev/learn/privacy
Accessibility https://web.dev/learn/accessibility
HTML https://web.dev/learn/html
Images https://web.dev/learn/images
Responsive Design https://web.dev/learn/design
Forms https://web.dev/learn/forms
PWA https://web.dev/learn/pwa
CSS https://web.dev/learn/css
Performance https://web.dev/learn/performance
Testing https://web.dev/learn/testing
JavaScript https://web.dev/learn/javascript
https://web.dev/
Resources https://web.dev/learn
AI https://web.dev/learn/ai
Privacy https://web.dev/learn/privacy
Accessibility https://web.dev/learn/accessibility
HTML https://web.dev/learn/html
Images https://web.dev/learn/images
Responsive Design https://web.dev/learn/design
Forms https://web.dev/learn/forms
PWA https://web.dev/learn/pwa
CSS https://web.dev/learn/css
Performance https://web.dev/learn/performance
Testing https://web.dev/learn/testing
JavaScript https://web.dev/learn/javascript
Discover https://web.dev/discover
Baseline https://web.dev/baseline
How to use Baseline https://web.dev/how-to-use-baseline
Blog https://web.dev/blog
Case Studies https://web.dev/case-studies
Welcome to Learn AI!https://web.dev/learn/ai/welcome
Introducing AI for web developershttps://web.dev/learn/ai/introduction
Explore AI use caseshttps://web.dev/learn/ai/use-cases
Predictive AIhttps://web.dev/learn/ai/predictive
Generative AIhttps://web.dev/learn/ai/generative
Build responsibly with AIhttps://web.dev/learn/ai/responsibility
Pick your platformhttps://web.dev/learn/ai/platform
Choose a client-side libraryhttps://web.dev/learn/ai/client-side
Prompt engineeringhttps://web.dev/learn/ai/prompt-engineering
Evaluation-driven developmenthttps://web.dev/learn/ai/evaluation-driven-development
UX patterns for web AIhttps://web.dev/learn/ai/ux-patterns
Glossaryhttps://web.dev/learn/ai/glossary
Create AI Evalshttps://web.dev/learn/ai/evals
HTML https://web.dev/html
CSS https://web.dev/css
JavaScript https://web.dev/javascript
Performance https://web.dev/performance
Accessibility https://web.dev/accessibility
Identity https://web.dev/identity
Learn HTML https://web.dev/learn/html
Learn CSS https://web.dev/learn/css
Learn JavaScript https://web.dev/learn/javascript
Learn AI https://web.dev/learn/ai
Learn Performance https://web.dev/learn/performance
Learn Accessibility https://web.dev/learn/accessibility
More courses https://web.dev/learn
AI and the web https://web.dev/explore/ai
Explore https://web.dev/explore
PageSpeed Insights https://pagespeed.web.dev/
Patterns https://web.dev/patterns
Podcasts & shows https://web.dev/shows
Developer Newsletter https://web.dev/newsletter
About web.dev https://web.dev/about
Apply now to join our WebDev Insights Communityhttps://cspace.eu.qualtrics.com/jfe/form/SV_d4CyeN2qJgODm0m?pcid=CLCS&udv=wd
web.dev https://web.dev/
Resources https://web.dev/learn
AI https://web.dev/learn/ai
Google Chrome bundles a Google foundation modelhttps://developer.chrome.com/docs/ai
Microsoft Edge exposes a Microsoft foundation modelhttps://learn.microsoft.com/microsoft-edge/web-platform/prompt-api
several task-based APIshttps://developer.chrome.com/docs/ai/built-in-apis
Choose a platformhttps://web.dev/learn/ai/platform
W3C Web AI Community Grouphttps://www.w3.org/groups/ig/webai/
Share it with the AI teamhttps://web.dev/articles/ai-team
Transformers.jshttps://web.dev/static/learn/ai/client-side/Transformers.js
Huggingfacehttps://huggingface.co/
TensorFlow.jshttps://www.tensorflow.org/js
large ecosystem of pre-trained modelshttps://www.tensorflow.org/hub
WebLLMhttps://webllm.mlc.ai/
build a local chatbot with WebLLMhttps://web.dev/articles/ai-chatbot-webllm
MediaPipehttps://ai.google.dev/edge/mediapipe/solutions/guide
MLDrifthttps://developers.googleblog.com/litert-maximum-performance-simplified/#:%7E:text=MLDrift%3A%20Best%20GPU%20Acceleration%20Yet
ONNX Runtime Webhttps://onnxruntime.ai/docs/tutorials/web/
ONNX standardhttps://onnx.ai/onnx/intro/concepts.html
customized client-side modelhttps://web.dev/learn/ai/platform#choose_an_initial_platform
WebAssembly (Wasm)https://webassembly.org/
SIMDhttps://developer.chrome.com/blog/io24-webassembly-webgpu-1#faster_compute
WebGPUhttps://developer.chrome.com/docs/web-platform/webgpu/overview
Browser support is growing quicklyhttps://web.dev/blog/webgpu-supported-major-browsers
Life on the Edge with Web AIhttps://linkedin.com/feed/update/urn:li:activity:7402010727076835328/
Previous arrow_back Pick your platform https://web.dev/learn/ai/platform
Next Prompt engineering arrow_forward https://web.dev/learn/ai/prompt-engineering
Creative Commons Attribution 4.0 Licensehttps://creativecommons.org/licenses/by/4.0/
Apache 2.0 Licensehttps://www.apache.org/licenses/LICENSE-2.0
Google Developers Site Policieshttps://developers.google.com/site-policies
File a bug https://issuetracker.google.com/issues/new?component=1400680&template=1857359
See open issues https://issuetracker.google.com/issues?q=status:open%20componentid:1400680&s=created_time:desc
Chrome for Developers https://developer.chrome.com/
Chromium updates https://blog.chromium.org/
Case studies https://web.dev/case-studies
Podcasts & shows https://web.dev/shows
@ChromiumDev on X https://twitter.com/ChromiumDev
YouTube https://www.youtube.com/user/ChromeDevelopers
Chrome for Developers on LinkedIn https://www.linkedin.com/showcase/chrome-for-developers
RSS https://web.dev/static/blog/feed.xml
Terms https://policies.google.com/terms
Privacy https://policies.google.com/privacy
Manage cookies https://web.dev/learn/ai/client-side

Viewport: width=device-width, initial-scale=1

URLs of crawlers that visited me.