Core Web Vitals - Código de Implementación
<!-- Preload Critical Resources -->
<link rel="preload" href="/fonts/main.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/images/hero-bg.webp" as="image">
<!-- Critical CSS Inline -->
<style>
/* Critical above-the-fold styles */
.hero { background: #E0A73A; }
.header { position: fixed; top: 0; }
</style>
<!-- Lazy Loading Images -->
<img src="placeholder.jpg" data-src="real-image.webp" loading="lazy" alt="Product description">
Schema Markup Avanzado
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Vela de Miel Artesanal",
"description": "Vela artesanal de cera natural de abeja",
"brand": {
"@type": "Brand",
"name": "Amor Y Miel"
},
"offers": {
"@type": "Offer",
"price": "150",
"priceCurrency": "MXN",
"availability": "https://schema.org/InStock"
},
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"reviewCount": "127"
},
"review": [{
"@type": "Review",
"author": {"@type": "Person", "name": "María González"},
"reviewRating": {"@type": "Rating", "ratingValue": "5"},
"reviewBody": "Excelente producto, muy recomendado"
}]
}
</script>