image optimization #536

ShiboSoftwareDev · 2025-01-11T21:34:52Z

Dynamically size images for faster lcp
Compress Images
Prefetch links
Loading blur animation before Image loads(if your connection is slow)

*at times you won't get this score if it gives you the wrong image sizes somehow

tscircuitbot · 2025-01-11T21:39:57Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 832.00 B (0.00%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.88 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.26 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.16 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-11T21:46:28Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 887.00 B (0.00%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.88 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.26 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.16 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-11T22:17:52Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 1.50 KB (0.00%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.88 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.26 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.16 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-12T13:54:51Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 2.51 KB (0.01%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.74 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.100	101.85 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.13 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-12T14:01:48Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 2.51 KB (0.01%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.74 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.100	101.85 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.13 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-12T14:06:28Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 2.51 KB (0.01%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.74 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.100	101.85 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.13 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-12T15:51:27Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 2.26 KB (0.01%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.74 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.100	101.85 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.13 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-12T16:14:02Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 2.25 KB (0.01%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.74 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.100	101.85 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.13 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
vite@^5.4.8	3.60 KB
file-saver@^2.0.5	3.58 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

seveibar · 2025-01-12T18:19:29Z

are we supposed to commit the images?

tscircuitbot · 2025-01-12T19:27:03Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.38 MB
After: 30.38 MB
Change: 📈 2.23 KB (0.01%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	565.74 KB
ms@^2.1.3	531.75 KB
posthog-js@^1.203.2	229.68 KB
circuit-json@^0.0.130	161.71 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.75 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.100	101.85 KB
tailwind-merge@^2.5.2	69.93 KB
@tscircuit/footprinter@^0.0.99	58.09 KB
dsn-converter@^0.0.54	32.96 KB
react-helmet@^6.1.0	29.13 KB
@radix-ui/react-scroll-area@^1.1.0	28.88 KB
fflate@^0.8.2	19.90 KB
@radix-ui/react-popover@^1.1.1	10.63 KB
states-us@^1.1.1	7.27 KB
@radix-ui/react-tabs@^1.1.0	5.62 KB
@radix-ui/react-checkbox@^1.1.1	4.94 KB
use-mouse-matrix-transform@^1.3.0	4.73 KB
zustand@^4.5.5	4.11 KB
lucide-react@^0.445.0	3.61 KB
file-saver@^2.0.5	3.58 KB
vite@^5.4.8	3.24 KB
@vercel/analytics@^1.4.1	2.88 KB
@tscircuit/math-utils@^0.0.10	2.58 KB
redaxios@^0.5.1	1.83 KB
use-async-memo@^1.2.5	759.00 B
clsx@^2.1.1	723.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

seveibar · 2025-01-12T19:46:25Z

src/pages/landing.tsx

+        <link rel="dns-prefetch" href="https://tscircuit.com" />
+
+        <link rel="preconnect" href="https://registry-api.tscircuit.com" />
+        <link rel="dns-prefetch" href="https://registry-api.tscircuit.com" />


damn that's next level

image optimization

085bf01

ShiboSoftwareDev requested a review from seveibar as a code owner January 11, 2025 21:34

vercel bot deployed to Preview January 11, 2025 21:38 View deployment

prioritize images

4aaa975

vercel bot deployed to Preview January 11, 2025 21:44 View deployment

ShiboSoftwareDev added 2 commits January 12, 2025 00:11

png to webp, and properly size images

e24002b

image paths

bb574fe

vercel bot deployed to Preview January 11, 2025 22:16 View deployment

further optimization

465c174

vercel bot deployed to Preview January 12, 2025 13:11 View deployment

ShiboSoftwareDev added 2 commits January 12, 2025 15:44

cleanup + prefetch links

165f0c7

merge

3b312b0

vercel bot had a problem deploying to Preview January 12, 2025 13:53 Failure

redeploy

2403dfe

vercel bot deployed to Preview January 12, 2025 14:04 View deployment

dynamically serve images with different sizes

c90e461

vercel bot deployed to Preview January 12, 2025 15:49 View deployment

moved assets to public folder

c04cdae

vercel bot deployed to Preview January 12, 2025 16:12 View deployment

automatically generate image sizes

bb760e8

vercel bot deployed to Preview January 12, 2025 19:25 View deployment

seveibar approved these changes Jan 12, 2025

View reviewed changes

seveibar merged commit ba613ee into tscircuit:main Jan 12, 2025
6 checks passed

This was referenced Jan 24, 2025

Synchronous Snippet "tscircuit" import is now allowed #605

Merged

add latest version of core to enable using "sel" #611

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

image optimization #536

image optimization #536

ShiboSoftwareDev commented Jan 11, 2025 •

edited

Loading

tscircuitbot commented Jan 11, 2025

tscircuitbot commented Jan 11, 2025

tscircuitbot commented Jan 11, 2025

tscircuitbot commented Jan 12, 2025

tscircuitbot commented Jan 12, 2025

tscircuitbot commented Jan 12, 2025

tscircuitbot commented Jan 12, 2025

tscircuitbot commented Jan 12, 2025

seveibar commented Jan 12, 2025

tscircuitbot commented Jan 12, 2025

seveibar Jan 12, 2025

image optimization #536

image optimization #536

Conversation

ShiboSoftwareDev commented Jan 11, 2025 • edited Loading

tscircuitbot commented Jan 11, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 11, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 11, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 12, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 12, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 12, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 12, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 12, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

seveibar commented Jan 12, 2025

tscircuitbot commented Jan 12, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

seveibar Jan 12, 2025

Choose a reason for hiding this comment

ShiboSoftwareDev commented Jan 11, 2025 •

edited

Loading