![Astro Picture Component: adding Responsive Images 🖼️](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/astro-picture-component/astro-picture-component-thumbnail-wide.be3b69658edb.png?w=430&h=242&fit=min&auto=format)
Site Optimization # Optimization #
BLOG POSTS TAGGED “ OPTIMIZATION ” 7 POSTS:
7 “ OPTIMIZATION ” BLOG POSTS:
![Astro Picture Component: adding Responsive Images 🖼️](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/astro-picture-component/astro-picture-component-thumbnail-wide.be3b69658edb.png?w=430&h=242&fit=min&auto=format)
![Open Source Favicon Generation & Optimization in 2024](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/open-source-favicon-generation/open-source-favicon-generation-thumbnail-wide.fdd287b57b03.png?w=430&h=242&fit=min&auto=format)
Open Source Favicon Generation & Optimization in 2024
Open source favicon generation: create your favicon from scratch then optimize it for modern and legacy browsers using free apps in 2024.![Astro Turbolinks: fast AstroJS Navigation](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/astro-turbolinks/astro-turbolinks-thumbnail-wide.bf62f9ab25bb.png?w=430&h=242&fit=min&auto=format)
Astro Turbolinks: fast AstroJS Navigation
Astro turbolinks: how to optimize your AstroJS site with turbolinks for fast navigation in a few easy-to-follow steps.![Astro Self-Hosted Fonts Workflow: Astro Font Optimization](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/astro-self-hosted-fonts/astro-self-hosted-fonts-thumbnail-wide.226d225c4bca.png?w=430&h=242&fit=min&auto=format)
Astro Self-Hosted Fonts Workflow: Astro Font Optimization
Astro self-hosted fonts workflow: optimize how you add self-hosted Google fonts to your Astro project, shaving up to 80% off your font files.![SvelteKit Next-Gen Background Image](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/sveltekit-next-gen-background-image/sveltekit-next-gen-background-image-thumbnail-wide.7ca98a2e74e.png?w=430&h=242&fit=min&auto=format)
SvelteKit Next-Gen Background Image
SveleKit Next-Gen Background Image: see how you can automatically generate a Next-Gen background image with a safe fallback in SvelteKit.![SvelteKit Image Plugin: Next-Gen Images in Svelte](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/sveltekit-image-plugin/sveltekit-image-plugin-thumbnail-wide.69be03bbf870.png?w=430&h=242&fit=min&auto=format)
SvelteKit Image Plugin: Next-Gen Images in Svelte
SvelteKit Image Plugin: how to use the vite-imagetools plugin to bring responsive images in next-gen formats, like WebP, to your Svelte App.![Lazy Loading iframes in SvelteKit: Ace Core Web Vitals](https://rodneylab-nebula-a.shuttleapp.rs/v1/lab/post/lazy-loading-iframes-sveltekit/lazy-loading-iframes-sveltekit-thumbnail-wide.630a68fb3344.png?w=430&h=242&fit=min&auto=format)