Site Optimization # Optimization #

BLOG POSTS TAGGED “ OPTIMIZATION ” 7 POSTS:

7 “ OPTIMIZATION ” BLOG POSTS:

Astro Picture Component: adding Responsive Images 🖼️

Astro Picture Component 🖼️ using Astro in-built tooling to add next-gen (WebP & AVIF), responsive images to your 🚀 Astro Markdown blog.

Open source favicon generation: create your favicon from scratch then optimize it for modern and legacy browsers using free apps in 2024.

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: optimize how you add self-hosted Google fonts to your Astro project, shaving up to 80% off your font files.

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: 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: we see how Core Web Vitals from Google make optimising your Svelte site important to rank.