Skip to content
Nutrition Medium #caffeine#ergogenic#cyp1a2

Caffeine and Performance

3-6 mg/kg, 30-60 min pre-event. Strength, endurance, and reaction time all benefit. Genotype shifts the curve.

A free, animated caffeine and performance you can read here or embed on any website, from Scrollchart.

Caffeine and Performance

Caffeine and PerformanceEffect peaks at 3-6 mg/kg; CYP1A2 genotype shifts and dampens the curve in slow metabolizers

Performance-improvement curves for strength, endurance, and reaction time vs caffeine dose. Effect peaks at 3-6 mg/kg in CYP1A2 fast metabolizers; slow metabolizers may not benefit and can suffer.

Good for

  • Pre-workout and caffeine-dose articles
  • Ergogenic-supplement primers
  • Genetic-personalization content

Source & accuracy

This caffeine and performance is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

How caffeine acts as an ergogenic aid

Caffeine primarily blocks adenosine receptors in the central nervous system, reducing perceived effort and fatigue. This central effect, along with smaller influences on muscle and substrate use, is why caffeine improves outcomes across endurance, strength, sprint, and reaction-time tasks rather than only one domain.

Commonly studied doses fall around 3 to 6 mg per kg of bodyweight, taken roughly 30 to 60 minutes before activity to align with absorption. Higher doses rarely add benefit and increase side effects like jitter, elevated heart rate, and disrupted sleep.

Why genotype and habituation shift the response

Variation in the CYP1A2 gene affects how quickly caffeine is metabolized, which may shift where an individual sits on the dose-response curve. Habitual intake and sensitivity also move the optimal amount, so the curve is a population average, not a personal prescription.

This is general educational information, not medical advice. Caffeine can be unsafe at high intakes and interacts with some medications and conditions, including anxiety and cardiac issues. Consult a qualified professional before using it strategically, especially in larger doses.

Embed this diagram

Add this animated caffeine and performance to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated caffeine and performance for any website.
Who uses it
Fitness blogs, Sports blogs, Biohacker blogs, Supplement reviewers.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="caffeine-performance-curve" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Caffeine and Performance" for my website?
Scrollchart provides "Caffeine and Performance" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a caffeine and performance diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.