Mejorar el rendimiento de tu sitio es una parte importante en el proceso de creación, así como del mantenimiento continuo. Las pautas de este artículo te permiten mejorar la experiencia de los visitan...

Prácticas recomendadas para el rendimiento del sitio web

Descubre cómo mejorar el rendimiento de tu sitio en Wix para ofrecer una mejor experiencia a tus visitantes. Este artículo te guía a través de estrategias para optimizar el tiempo de carga, incluyendo la gestión del orden de carga de elementos, la optimización de imágenes y videos, y la personalización de tu sitio móvil. Al seguir estas recomendaciones, podrás aumentar la fluidez y la capacidad de respuesta de tu sitio, asegurando que tus visitantes tengan una experiencia más satisfactoria.

Las imágenes y los videos son elementos clave para involucrar a los visitantes del sitio y hacer que tu contenido sea atractivo y memorable. Sin embargo, optimizar los archivos multimedia es crucial p...

Rendimiento del sitio: optimizar los archivos multimedia del sitio

Optimiza tus imágenes y videos en Wix para mejorar la velocidad de carga y la experiencia del usuario. Aprende a elegir los formatos adecuados, como AVIF y SVG, y a utilizar herramientas de compresión para mantener la calidad sin sacrificar el rendimiento. Además, descubre cómo organizar tus galerías y videos de manera efectiva para evitar la sobrecarga en tu sitio. Sigue estos consejos para asegurar que tu contenido multimedia se cargue rápidamente y mantenga a tus visitantes comprometidos.

<div data-component-type="text"><div>Las imágenes y los videos son elementos clave para involucrar a los visitantes del sitio y hacer que tu contenido sea atractivo y memorable. Sin embargo, optimizar los archivos multimedia es crucial para garantizar tiempos de carga más rápidos y una experiencia de usuario fluida. Sigue estos consejos y pautas para mejorar el rendimiento de tu sitio y mantener la calidad de las imágenes.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/e756fa40-c292-4425-91e4-e16787960aca/99749c26-db8a-4954-9efa-a2f59202ebdb.png" alt="Un sitio Wix online que muestra imágenes en la mitad superior de la página." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-on-your-site" level="3">Optimizar las imágenes en tu sitio</h2></div><div data-component-type="text"><div>Las imágenes son una excelente manera de mostrar tu contenido, como fotografías, productos o imágenes del blog. Al optimizar las imágenes, puedes mejorar la velocidad de carga y el rendimiento general.</div></div><div data-component-type="text"><div>Selecciona una opción a fin de leer más sobre nuestras pautas para optimizar imágenes.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Elegir el formato correcto</h4><div class="collapsible-content"><div>Wix te da la posibilidad de subir a tu sitio una <a data-composite="true" href="https://support.wix.com/es/article/wix-media-tipos-y-tamaños-de-archivos-multimedia-aceptados" target="">amplia gama de tipos de archivos multimedia</a>, como imágenes, videos, audio, iconos, arte vectorial (SVG) y más. Cuando subes una imagen a tu sitio, esta se convierte automáticamente a formato WebP, ya que está mejor optimizado para el rendimiento del sitio.</div><div><br /></div><ul>
  <li><strong>Imágenes: </strong>AVIF es un nuevo tipo de archivo de imagen que es mejor que JPEG y es aproximadamente un 50% más pequeño que WebP. Esto hace que las imágenes AVIF se carguen más rápido en tu sitio online. AVIF también puede manejar una amplia gama de colores, lo que hace que las imágenes se vean aún más realistas. Wix comprime automáticamente tus imágenes usando AVIF en tu sitio online. </li></ul><div><br /></div><ul>
  <li><strong>Imágenes SVG: </strong>los gráficos SVG (también conocidos como arte vectorial) utilizan ecuaciones matemáticas para dibujar gráficos, a diferencia de las cuadrículas de píxeles empleadas en otros formatos de imágenes de trama. De esta manera, resultan más livianos, es decir, generalmente se cargan a una velocidad más alta. También significa que la calidad y la nitidez de la imagen no se ven afectadas por el cambio de tamaño. Recomendamos usar arte vectorial para formas decorativas y logotipos comerciales. </li></ul><div><br /></div><ul>
  <li><strong>GIF:</strong> si bien los GIF son un formato popular para mostrar contenido animado, los formatos de codificación de video modernos tienen un tamaño más pequeño y una mejor calidad. Por ende, recomendamos usar archivos de video para contenido animado o en movimiento en lugar de archivos GIF.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Sube la mejor calidad de imagen</h4><div class="collapsible-content"><ul>
  <li>Usa imágenes de alta resolución (2560 x 1440 píxeles, como mínimo) para obtener calidad y claridad.</li>  <li>Comprime los archivos de más de 25 MB antes de subirlos mediante herramientas externas.</li>  <li>Reemplaza las imágenes de fondo por elementos estáticos, como formas o secciones de colores, para reducir los tiempos de carga.</li>  <li>Usa el <a data-composite="true" href="https://www.wix.com/wixel/photo-editor/image-resizer" target="_blank">redimensionador de imágenes de Wix</a> para ajustar las imágenes a los tamaños recomendados antes de subirlas.</li></ul></div></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/4332201f-6ee5-4d39-a82d-b8636baa42fe/3c2154f2-eaa8-4b58-b458-726a86a2defe.png" alt="Un sitio Wix online que muestra imágenes en la mitad superior de la página." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="organizing-galleries-on-a-site" level="3">Organizar las galerías en un sitio</h2></div><div data-component-type="text"><div>Wix ofrece diversas opciones de galerías para mostrar varios archivos multimedia. La organización y la ubicación adecuadas de las galerías pueden afectar significativamente a la velocidad y la eficacia de tu sitio. Opta por una sola galería con varios elementos multimedia en lugar de usar varias galerías en una página para evitar la sobrecarga. </div><div><br /></div><div>Permite que la galería se cargue de forma incremental con un <a data-composite="true" href="https://support.wix.com/es/article/galería-wix-pro-habilitar-el-botón-mostrar-más" target="">botón &quot;Mostrar más&quot;</a>, lo que mejora la interacción y administra el rendimiento. Coloca galerías <strong>en la mitad inferior de la página</strong> (el contenido que ven los visitantes después de desplazarse). Esto permite que el texto y las llamadas a la acción en la mitad superior de la página se carguen rápidamente, lo que mantiene a los visitantes involucrados mientras el contenido de la galería aún se está cargando.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/599f366f-3a58-49b3-84be-eafad6349a4e/ec6266b8-30fe-4a66-8f0e-20c3cb2616cd.png" alt="Un sitio Wix online que muestra imágenes en la mitad superior de la página." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-videos-on-a-site" level="3">Optimizar videos en un sitio</h2></div><div data-component-type="text"><div>Los videos son excelentes para aportar contenido valioso, como tutoriales, materiales promocionales o funciones de productos. Optimizar la reproducción de video es esencial para evitar problemas de rendimiento. </div><div><br /></div><div>Aloja videos con <a data-composite="true" href="https://support.wix.com/es/article/agregando-wix-video" target="">Wix Video</a> para optimizarlos y mejorar el rendimiento de la reproducción. Los videos incrustados (de YouTube, Vimeo, etc.) se entregan a través de iFrames, y Wix no puede optimizarlos. Limita su uso y colócalos en la mitad inferior de la página.</div><div><br /></div><div>Evita usar videos como fondos, ya que pueden ralentizar la carga inicial de la página. Cambia a marcadores de posición estáticos, como imágenes o texto. </div><div><br /></div><div>Limita el número de videos que se muestran en una sola página. Para varios videos, crea una página dedicada y enlázala con botones como &quot;Ver más videos&quot; para que tu página de inicio sea liviana.</div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/05/27/45644fc2-4cff-4fce-99fa-4a29a2f5ad72/5e2c039f-d695-4c8a-92d4-3282640ea0c6.png" alt="Un sitio Wix online que muestra imágenes en la mitad superior de la página." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="common-issues-and-solutions" level="3">Problemas comunes y soluciones</h2></div><div data-component-type="heading"><h2 id="" level="4">Imágenes borrosas</h2></div><div data-component-type="text"><div>Si las imágenes aparecen borrosas:</div><ul>
  <li>Asegúrate de que sean de alta resolución (2560 x 1440 píxeles o superior).</li>  <li>Usa los formatos adecuados (AVIF, WebP o JPEG).</li>  <li>Evita subir capturas de pantalla, ya que suelen tener una resolución más baja.</li>  <li>Activa la función <a data-composite="true" href="https://support.wix.com/es/article/galería-wix-pro-configurar-la-calidad-de-la-imagen-para-los-archivos-multimedia-de-la-galería" target="">Ajustar nitidez</a> en el Editor de Wix para mejorar la claridad.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Carga lenta de la página de inicio</h2></div><div data-component-type="text"><div>Entre las causas comunes de la carga lenta de la página de inicio, se cuentan imágenes o videos excesivos en la mitad superior de la página y widgets sobrecargados. Para resolverlo:</div><ul>
  <li>Simplifica el diseño al reducir los elementos en la página de inicio.</li>  <li>Agrega texto o imágenes estáticas en la mitad superior de la página.</li>  <li>Usa la <a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-cómo-wix-mejora-el-tiempo-de-carga-de-tu-sitio-web#lazy-loading-images" target="">carga diferida</a> para las galerías.</li></ul></div><div data-component-type="heading"><h2 id="" level="4">Los videos se cargan lentamente</h2></div><div data-component-type="text"><div>Para mejorar los tiempos de carga de los videos:</div><ul>
  <li>Comprime los videos antes de subirlos.</li>  <li>Usa Wix Video para un alojamiento optimizado.</li>  <li>Reemplaza los videos en la mitad superior de la página por elementos estáticos o contenido de marcador de posición liviano.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Consejos:</div><div class="info-content"><ul>
  <li><strong>Pon a prueba la velocidad de tu sitio:</strong> usa el <a data-composite="true" href="https://support.wix.com/es/article/comprender-el-panel-de-control-de-velocidad-de-tu-sitio" target="">panel de velocidad del sitio de Wix</a> para identificar problemas de rendimiento y mejorar la velocidad general.</li>  <li><strong>Planifica para la eficiencia en la navegación:</strong> mantén los elementos críticos en la mitad superior de la página en un peso liviano para una carga rápida.</li>  <li><strong>Usa las galerías de manera inteligente:</strong> limita cada página a una galería y habilita los botones de carga para los archivos multimedia de gran tamaño.</li>  <li><strong>Supervisa la optimización para dispositivos móviles:</strong> ajusta regularmente el diseño móvil de tu sitio con el editor móvil de Wix exclusivo para pantallas más pequeñas.</li></ul></div></div></div>

Optimiza el texto de tu sitio para mejorar la experiencia de los visitantes. Los tipos de fuentes, los efectos y el formato pueden afectar al rendimiento de tu sitio. Por lo tanto, recomendamos seguir...

Rendimiento del sitio: optimizar tu texto

Optimiza el texto de tu sitio para mejorar la experiencia de los visitantes y el rendimiento general. Aprende sobre los diferentes tipos de fuentes, como las del sistema y las personalizadas, y cómo su elección afecta la velocidad de carga. Mantén el número de fuentes y formatos en 3 o menos para asegurar un funcionamiento fluido. Además, evita el uso de imágenes con texto y considera habilitar fuentes de reserva en el Editor de Wix Studio para mejorar el tiempo de carga y la experiencia del usuario.

<div data-component-type="text"><div>Optimiza el texto de tu sitio para mejorar la experiencia de los visitantes. Los tipos de fuentes, los efectos y el formato pueden afectar al rendimiento de tu sitio. Por lo tanto, recomendamos seguir nuestras pautas para asegurarte de que puedes mostrar información importante sin comprometer la funcionalidad.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Consejo:</div><div class="info-content"><div>La presencia de texto significativo en la mitad superior de la página también garantiza que los visitantes tengan contenido disponible para leer mientras se carga el resto del sitio.  </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="different-types-of-fonts" level="3">Diferentes tipos de fuentes</h2></div><div data-component-type="text"><div>Hay algunos tipos de fuentes que puedes usar en tu sitio. Según el tipo y los requisitos de descarga, varían en la forma en que afectan a la velocidad de carga y el rendimiento de tu sitio. Los tres tipos de fuentes son los siguientes:</div></div><div data-component-type="text"><ul>
  <li><strong>Fuentes del sistema:</strong> estas son fuentes comunes que muy probablemente ya existan en tu sistema y en el de los visitantes. Como están incluidas en la mayoría de los sistemas, no es necesario descargarlas para que aparezcan en los dispositivos de los visitantes y, por lo tanto, no afectan al rendimiento de tu sitio.</li>  <li><strong>Fuentes personalizadas:</strong> las fuentes personalizadas son fuentes que puedes subir desde cualquier tercero para usar en tu sitio Wix. Estas fuentes son una forma personal de enriquecer la experiencia de tu sitio, pero requieren que se descarguen del servidor para que aparezcan en el navegador del visitante. Por lo tanto, estas fuentes pueden afectar al rendimiento de tu sitio.</li>  <li><strong>Fuentes disponibles en Wix:</strong> cuando creas y editas tu sitio con Wix, puedes notar que ofrecemos diversas fuentes de texto. Algunas de estas son fuentes del sistema, mientras que otras actúan como fuentes personalizadas y, en consecuencia, afectan a la velocidad de carga de tu sitio.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Para resumir:</div><div class="info-content"><ul>
  <li>Las fuentes del sistema se cargan más rápido que las fuentes personalizadas, dado que ya existen en el sistema. Por ende, esto ahorra ancho de banda al reducir el número de solicitudes necesarias para cargar su sitio. </li>  <li>Como las fuentes del sistema tienen un impacto menor en la velocidad de tu sitio, recomendamos usarlas en lugar de fuentes personalizadas siempre que sea posible.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="number-of-fonts" level="3">Número de fuentes</h2></div><div data-component-type="text"><div>Al usar fuentes en tu sitio, es importante tener en cuenta que tener varias fuentes y tipos de fuentes distintos puede repercutir en el tiempo de carga y el rendimiento general. </div></div><div data-component-type="text"><div>Las fuentes del sistema no requieren descarga. Por su parte, las fuentes personalizadas deben descargarse del servidor para que se muestren en tu página. Las diferentes fuentes personalizadas también pueden tener distintas velocidades de descarga, lo que puede afectar, aún más, al tiempo de carga de tu sitio.</div></div><div data-component-type="text"><div>Recomendamos mantener el número de fuentes (tanto del sistema como personalizadas) de tu página en 3 o menos, ya que esto permite que tu sitio web funcione de manera fluida. La coherencia en las fuentes (y los colores) también ayuda a reforzar tu imagen de marca y a mantener la coherencia en el aspecto de tu sitio.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="font-formatting-and-animation" level="3">Formato de fuente y animación</h2></div><div data-component-type="text"><div>Los diferentes pesos de las fuentes, como negrita, subrayado o cursiva, también pueden afectar al tiempo de carga de tu sitio. Intenta mantener los pesos de las fuentes de una página en 3 o menos, usándolos para fines específicos (por ejemplo, para resaltar un área de texto en tu página).</div></div><div data-component-type="text"><div>Además, el texto animado puede tener un efecto en la legibilidad y el SEO del texto. Esto se debe a que los motores de búsqueda no pueden leer el texto animado. Recomendamos usar texto normal para el contenido importante de tu sitio y evitar el uso excesivo de animaciones de revelación en la mitad superior de la página. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="images-of-text" level="3">Imágenes de texto</h2></div><div data-component-type="text"><div>En la medida de lo posible, evita las imágenes que contengan texto. El texto de la imagen puede aparecer borroso mientras se carga la imagen, y los motores de búsqueda no pueden traducirlo ni rastrearlo. Asegúrate de usar texto estándar en tu sitio, siempre que sea posible, para mantener el rendimiento de tu sitio y el posicionamiento de SEO.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Consejo:</div><div class="info-content"><div>Como alternativa, recomendamos <a data-composite="true" href="https://support.wix.com/es/article/optimizar-tus-imágenes-para-seo-alt-text" target="">agregar texto alternativo a las imágenes</a>. Esto permite que los motores de búsqueda y los lectores de pantalla &quot;lean&quot; la descripción de la imagen. </div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="fallback-fonts-in-the-studio-editor" level="3">Fuentes de reserva en el Editor de Wix Studio</h2></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Esta función solo está disponible en el Editor de Wix Studio.</div></div></div></div><div data-component-type="text"><div>Si estás usando fuentes personalizadas de gran volumen en un sitio del <a data-composite="true" href="https://support.wix.com/es/article/wix-studio-acerca-del-editor-de-wix-studio" target="">Editor de Wix Studio</a>, puedes habilitar las fuentes de reserva predeterminadas. Las fuentes de reserva se cargan más rápido y se muestran temporalmente en el sitio online mientras las fuentes personalizadas se descargan en segundo plano. </div></div><div data-component-type="text"><div>Las fuentes de reserva pueden optimizar el rendimiento de la página al reducir el LCP (Renderizado del mayor elemento con contenido) del sitio, lo que puede mejorar las <a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-acerca-de-métricas-web-principales" target="">métricas web principales y el posicionamiento en la Búsqueda de Google</a>. Además, mostrar contenido de texto más rápido mejora la experiencia de los visitantes mientras navegan por el sitio. <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-studio-trabajar-con-la-tipografía-del-sitio#enabling-fallback-fonts" target="">Aprende cómo habilitar las fuentes de reserva</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Información útil:</div><div class="info-content"><ul>
  <li>Las fuentes de reserva mejoran el tiempo de carga si el elemento más grande en la mitad superior de la página es un<strong> </strong>elemento de texto.</li>  <li>Cuando habilitas las fuentes de reserva, se agrega un valor de &quot;intercambio&quot; al descriptor CSS font-display. Este descriptor determina cómo se muestra una fuente en función de cuándo se descarga y está lista para usar.</li></ul></div></div></div>

Cuando revisas su sitio en Google PageSpeed Insights, es posible que se te solicite que elimines los archivos JavaScript en desuso. Algunos de estos archivos pueden provenir de código de terceros que ...

Rendimiento del sitio: quitar archivos JavaScript en desuso

Descubre cómo manejar los archivos JavaScript en desuso en tu sitio Wix tras revisar los resultados en Google PageSpeed Insights. Aprende a identificar los archivos esenciales que son cruciales para la estructura de tu sitio y cómo optimizar los archivos de terceros que pueden afectar la velocidad de carga. Este artículo te guía en la gestión de estos elementos para mejorar el rendimiento de tu sitio.

<div data-component-type="text"><div>Cuando revisas su sitio en Google PageSpeed Insights, es posible que se te solicite que elimines los archivos JavaScript en desuso. Algunos de estos archivos pueden provenir de código de terceros que has agregado, mientras que otros son una parte vital de tu sitio Wix. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-on-wix-sites" level="3">Archivos JavaScript en los sitios de Wix</h2></div><div data-component-type="text"><div>La página de resultados de PageSpeed Insights puede mostrar oportunidades para eliminar archivos y JavaScript no utilizado. Sin embargo, algunos archivos son parte de la estructura de tu sitio Wix. Cualquier código entregado a través de <a data-composite="true" href="http://static.parastorage.com" target="_blank">static.parastorage.com</a> está empaquetado por Wix y, por lo tanto, es crucial para la estructura del sitio.</div></div><div data-component-type="text"><div>Optimizamos estos archivos de manera constante y utilizamos métodos como la división de código para garantizar tamaños de fragmento ideales. Si bien Google puede recomendarte que elimines estos archivos, son una parte vital del sitio y, por lo tanto, no puedes modificarlos, manipularlos ni eliminarlos. <a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Más información sobre JavaScript sin usar y PageSpeed Insights</a></div></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2021/08/05/d79536b3-e955-4e79-a918-f5e76ef222c9/84aa453f-0479-4397-82bf-c330e8305fd5.png" alt="Google PageSpeed Insights ha marcado algunos JavaScript sin utilizar, que han sido empaquetados por Wix." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>Cuando agregas aplicaciones y componentes a una página, los archivos JavaScript se agregan automáticamente. Como esto puede afectar la velocidad de carga, recomendamos espaciar las aplicaciones y los componentes entre las diferentes páginas del sitio siempre que sea posible. <a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-diseñar-un-sitio-web-centrado-en-el-rendimiento" target="">Más información sobre otras formas de crear un sitio centrado en el rendimiento</a></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="javascript-files-from-third-parties" level="3">Archivos JavaScript de terceros</h2></div><div data-component-type="text"><div>Además de los archivos esenciales de tu sitio Wix, Google también puede marcar otros JavaScript no utilizados, que pueden provenir de código de terceros que no está optimizado. Recomendamos identificar estos archivos y revisarlos para verificar si son necesarios para tu sitio.  </div></div><div data-component-type="text"><div>Si crees que los archivos ya no son necesarios, puedes eliminarlos o reemplazarlos con una alternativa optimizada. <a data-composite="true" href="https://web.dev/unused-javascript/" target="_blank">Más información sobre cómo eliminar archivos JS en desuso</a></div></div>

Al aplicar un fondo multimedia (imagen o video) a una página, una sección o un elemento, los visitantes del sitio pueden ver un destello rápido de color mientras se carga el fondo. Por lo general, los...

Rendimiento del sitio: ver un destello de color mientras se cargan los elementos

Aprende a cambiar el color de fondo de páginas, secciones y diapositivas en tu sitio de Wix para mejorar la experiencia de tus visitantes. Al aplicar un fondo multimedia, puedes evitar destellos de color ajustando el color de fondo a uno que se asemeje al contenido multimedia. Este artículo te guía a través de los pasos para personalizar los colores en diferentes editores de Wix, asegurando un diseño profesional y coherente.

<div data-component-type="text"><div>Al aplicar un fondo multimedia (imagen o video) a una página, una sección o un elemento, los visitantes del sitio pueden ver un destello rápido de color mientras se carga el fondo. </div></div><div data-component-type="text"><div>Por lo general, los archivos multimedia de fondo se cargan lo suficientemente rápido como para que los visitantes del sitio no se den cuenta del color del fondo. Para que este destello de color sea menos visible, puedes cambiar el color del fondo de los elementos afectados.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="causes-of-color-flashes" level="3">Causas de los destellos de color</h2></div><div data-component-type="text"><div>Los fondos de las imágenes y los videos pueden tardar más en cargarse en el sitio online. Si un visitante del sitio está usando una conexión a internet más lenta o si el fondo multimedia es de gran tamaño, puede aparecer un destello de color antes de que se cargue la imagen o el video.</div></div><div data-component-type="text"><div>Cambiar el color del fondo de las páginas y los elementos puede hacer que este destello se note menos. Recomendamos elegir un color lo más parecido posible al video o a la imagen para mejorar la experiencia de los visitantes del sitio. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-site-pages" level="3">Cambiar el color del fondo de las páginas del sitio</h2></div><div data-component-type="text"><div>Si agregaste un video o una imagen de fondo a una página en tu sitio del Editor de Wix, puedes cambiar el color del fondo desde el panel Diseño del sitio.</div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">¿Estás usando el Editor de Wix Studio o el Editor de Wix Harmony?</div><div class="info-content"><div>No es posible agregar archivos multimedia al fondo de una página en estos editores, por lo que no debes preocuparte por este paso.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de la página:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve a la página en el editor</a>.</li>  <li>Haz clic en <strong>Diseño del sitio</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2022/02/01/91b3914b-14b7-40de-88e5-3a5dd4f8f0e1/ceebff03-aa14-45d9-9681-645cfbb8caf4.jpg" /> a la izquierda del editor.</li>  <li>Haz clic en <strong>Fondo de la página</strong>.</li>  <li>Haz clic en la solapa de la parte superior izquierda de la vista previa de la imagen de fondo.</li>  <li>Selecciona el tono que deseas entre <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">los colores del tema de tu sitio</a> o aplica o crea un color personalizado en<strong> Mis colores</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e04ace47-6626-4669-ba99-047f7d58a62e/7f1b4012-c636-4360-bac8-d92786b50892.jpg" alt="El fondo de la página está abierto en los temas del sitio. El cursor hace clic en la solapa de color." /></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Información útil:</div><div class="info-content"><div>Puedes aplicar este color a todas las páginas que tengan el mismo fondo de imagen o video haciendo clic en <strong>Aplicar a otras páginas</strong> en la parte inferior del panel.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-the-background-color-of-sections-strips-and-cells" level="3">Cambiar el color del fondo de las secciones, las franjas y las celdas</h2></div><div data-component-type="text"><div>Si has agregado un fondo de imagen o video a una sección, debes cambiar el color desde el editor para que coincida con el esquema de colores del elemento multimedia. Según el creador de sitios, también puedes cambiar el color de las franjas o las celdas de la cuadrícula.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-de-Wix" class="tab-heading heading-0">Editor de Wix</div><div data-slug="Editor-de-Wix-Studio" class="tab-heading heading-1">Editor de Wix Studio</div><div data-slug="Editor-de-Wix-Harmony" class="tab-heading heading-2">Editor de Wix Harmony</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><div>Al crear un sitio con el Editor de Wix, puedes cambiar el color del fondo de las secciones y las franjas de una página.</div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de una sección:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic con el botón derecho en la sección correspondiente. </li>  <li>Selecciona <strong>Cambiar fondo</strong>.</li>  <li>Haz clic en la solapa de la parte superior izquierda de la vista previa de la imagen de fondo.</li>  <li>Selecciona el tono que deseas entre <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">los colores del tema de tu sitio</a> o aplica o crea un color personalizado en<strong> Mis colores</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/f3bf211c-4ad9-4fd0-877e-55a6947fd6ab/d6704910-2630-4977-90ae-b2d87fde7116.jpg" alt="El selector de color está abierto para los ajustes del fondo de una sección en el Editor de Wix." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de una franja:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en la franja.</li>  <li>Haz clic en <strong>Cambiar fondo</strong>.</li>  <li>Haz clic en la solapa de la parte superior izquierda de la vista previa de la imagen de fondo.</li>  <li>Selecciona el tono que deseas entre <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">los colores del tema de tu sitio</a> o aplica o crea un color personalizado en<strong> Mis colores</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/05dc2fd1-d522-4d76-8fdf-e39a05a532ed/3aed3151-754f-4b4f-9208-8ee8afb44447.jpg" alt="El selector de color está abierto para los ajustes del fondo de una franja en el Editor de Wix." /></div></div></div><div class="tab-content"><div data-component-type="text"><div>Con el Editor de Wix Studio, puedes cambiar el color del fondo de las secciones desde el panel Inspector profesional. Si tienes una sección de cuadrícula, también puedes cambiar el color del fondo de cada celda. </div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de una sección:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Selecciona la sección correspondiente en la página.</li>  <li>Haz clic en el icono <strong>Abrir Inspector profesional</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> en la parte superior derecha del editor.</li>  <li>Haz clic en el cuadro de color debajo de <strong>Color</strong>.</li>  <li>Selecciona el tono que deseas de los colores del tema o agrega o aplica un color personalizado.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/6c3a6772-7a99-4427-88c2-0df2b0090ece/ededb826-6815-488b-afa1-9a9ba5edc1da.jpg" alt="El panel Inspector profesional está abierto en una sección. El cursor está seleccionando un color en el selector." /></div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de una celda:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Selecciona la celda correspondiente en la sección.</li>  <li>Haz clic en el icono <strong>Abrir Inspector profesional</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/06/14/2dd40586-1f79-4376-aee0-387212a246bb/dfed4075-2e24-4ad8-a7c4-8857038d5f16.png" /> en la parte superior derecha del editor.</li>  <li>Haz clic en el cuadro de color debajo de <strong>Fondo</strong>.</li>  <li>Selecciona el tono que deseas de los colores del tema o agrega o aplica un color personalizado.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/e4ad420f-7337-4105-ad39-f46a994b777b/7b1f25bc-b3c7-4899-9fb0-75c6f689c265.jpg" alt="El panel Inspector profesional está abierto en una celda. El cursor está seleccionando un color en el selector." /></div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>No es posible agregar una imagen o un video al fondo de una celda. Sin embargo, puedes cambiar el color para que coincida con el contenido multimedia que adjuntas a la celda.</div></div></div></div></div><div class="tab-content"><div data-component-type="text"><div>Al crear un sitio con el Editor de Wix Harmony, puedes cambiar el color del fondo de las secciones de la página. Si la sección está dividida en una cuadrícula, también puedes cambiar el color del fondo de celdas específicas.  </div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de una sección:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en la sección correspondiente.</li>  <li>Haz clic en <strong>Reemplazar fondo</strong> en la barra de acciones. </li>  <li>Haz clic en el icono <strong>Color</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Haz clic en el círculo de color.</li>  <li>(En el Selector de color) Elige uno de los colores de tu marca o un color personalizado.<br />
<strong>Consejo: </strong>Haz clic en el icono <strong>Cuentagotas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" /> para obtener un color específico de la página.</li></ol></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de una celda:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en la sección correspondiente.</li>  <li>Haz clic en la celda correspondiente. </li>  <li>Haz clic en <strong>Reemplazar fondo</strong> en la barra de acciones. </li>  <li>Haz clic en el icono <strong>Color</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/11/05/5813e8c9-5654-4379-8112-b0428ef1dbe3/07a89eb2-565a-428c-becb-26137249e556.png" />.</li>  <li>Haz clic en el círculo de color.</li>  <li>(En el Selector de color) Elige uno de los colores de tu marca o un color personalizado. <br />
<strong>Consejo: </strong>Haz clic en el icono <strong>Cuentagotas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/11/04/301b32b2-1d60-4582-9915-2f8ac253763e/9d1c12b3-0fae-4d99-83ba-fb9a0f865558.png" /> para obtener un color específico de la página.</li></ol></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="changing-background-color-of-slides" level="3">Cambiar el color del fondo de las diapositivas</h2></div><div data-component-type="text"><div>Las presentaciones de diapositivas son una forma llamativa e interactiva de mostrar los archivos multimedia y el contenido de un sitio. <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizando-el-diseño-de-tu-presentación-de-diapositivas" target="">Alinea el color del fondo de las diapositivas</a> con el contenido multimedia para mantener un aspecto profesional y coherente. </div></div><div data-component-type="informative"><div class="info-container" info-color="orange"><div class="info-title">¿Estás usando el Editor de Wix Studio?</div><div class="info-content"><div>No es posible agregar archivos multimedia al fondo de un elemento de la presentación de diapositivas ni <a data-composite="true" href="https://support.wix.com/es/article/solicitud-del-editor-de-wix-studio-diseñar-elementos-individuales-de-la-presentación-de-diapositivas" target="">personalizar los elementos de la presentación de diapositivas de forma individual</a>.</div></div></div></div><div data-component-type="heading"><h2 id="" level="4">Para cambiar el color del fondo de una diapositiva:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Selecciona la presentación de diapositivas en la página.</li>  <li>Haz clic en las flechas azules para navegar hasta la diapositiva correspondiente.</li>  <li>Haz clic en <strong>Cambiar el fondo de la diapositiva</strong>.</li>  <li>Haz clic en la solapa de la parte superior izquierda de la vista previa de la imagen de fondo.</li>  <li>Selecciona el tono que deseas entre <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">los colores del tema de tu sitio</a> o aplica o crea un color personalizado en<strong> Mis colores</strong>.</li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/12/10/fefc5619-2754-4725-8cb6-197898cf2341/fa27dd04-5d91-4035-9695-703e228ccf86.jpg" alt="El selector de color está abierto para los ajustes del fondo de una diapositiva en el Editor de Wix." /></div></div>

Mejorar el rendimiento de tu sitio es esencial para ofrecer una experiencia de usuario fluida. Al optimizar el modo en que se cargan y muestran contenido los conjuntos de datos del CMS (Sistema de ges...

Rendimiento del sitio: CMS

Optimiza el rendimiento de tu sitio mejorando la carga y visualización de contenido con el CMS. Aprende a ajustar la configuración de 'Ítems por carga' para acelerar la carga inicial, agregar un botón 'Mostrar más' o una barra de paginación para gestionar grandes volúmenes de contenido, y utilizar ajustes como 'Recuperar después de cargar la página' para mejorar la velocidad. Con estos consejos, podrás ofrecer una experiencia de usuario más fluida y eficiente.

<div data-component-type="text"><div>Mejorar el rendimiento de tu sitio es esencial para ofrecer una experiencia de usuario fluida. Al optimizar el modo en que se cargan y muestran contenido los conjuntos de datos del <a data-composite="true" href="https://support.wix.com/es/article/cms-anteriormente-administrador-de-contenidos-resumen-general" target="">CMS (Sistema de gestión de contenido)</a>, puedes mejorar la velocidad y la usabilidad de la página.</div><div><br /></div><div>Haz clic abajo para obtener más información sobre cómo mejorar el rendimiento de tu sitio al usar el CMS: </div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ajustar la configuración del conjunto de datos 'Ítems por carga'</h4><div class="collapsible-content"><div>Puedes cambiar el campo <strong>Ítems por carga</strong> en los ajustes del conjunto de datos para controlar la cantidad de ítems que se cargan a la vez en los repetidores y las galerías. Esto te permite realizar lo siguiente:</div><ul>
  <li>Cargar tu página más rápido con menos ítems en la carga inicial.</li>  <li>Reducir el número de elementos más grandes.</li>  <li>Mejorar el diseño de tu página.</li></ul><div><br /></div><div>Más información sobre cómo <a data-composite="true" href="https://support.wix.com/es/article/cms-cambiar-el-máximo-de-elementos-que-se-muestran-en-los-ajustes-del-conjunto-de-datos" target="">limitar el número máximo de ítems que se muestran por carga</a> </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Agregar un botón 'Mostrar más' o una barra de paginación a los repetidores y las galerías</h4><div class="collapsible-content"><div>Al mostrar una gran cantidad de contenido en elementos enlazados a datos, puedes limitar el número de ítems que se cargan a la vez. Considera agregar un <a data-composite="true" href="https://support.wix.com/es/article/cms-acerca-de-las-acciones-de-clic-de-los-conjuntos-de-datos-para-botones-e-imágenes#load-more" target="">botón 'Cargar más'</a> o una <a data-composite="true" href="https://support.wix.com/es/article/cms-agregar-y-configurar-una-barra-de-paginación" target="">barra de paginación</a> para cargar un lote de ítems a la vez. Una buena práctica es mostrar hasta 10 ítems con cada nueva carga.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Seleccionar el ajuste del conjunto de datos 'Recuperar después de cargar la página'</h4><div class="collapsible-content"><div>Si los repetidores o las galerías conectados tienen una gran cantidad de contenido o se conectan a una colección de gran tamaño, considera <a data-composite="true" href="https://support.wix.com/es/article/configurar-un-conjunto-de-datos-diferido" target="">usar un conjunto de datos en diferido</a>. </div><div><br /></div><div>Los datos del conjunto de datos se obtienen solo después de que el resto de la página haya terminado de cargarse. Esto significa que este conjunto de datos no bloqueará el renderizado inicial de la página, lo que hará que la página se cargue más rápido. Se recomienda esta opción cuando los elementos que muestran los datos no son visibles inicialmente, como cuando es necesario desplazarse para verse o abrir una sección.</div><div><br /></div><div>Ve a los ajustes del conjunto de datos y selecciona la casilla de verificación <strong>Recuperar después de cargar la página</strong> para convertirlo en un conjunto de datos diferido. </div><div><br /></div><div><strong>Notas: </strong></div><ul>
  <li>Esta opción está disponible para los conjuntos de datos normales, pero no para los conjuntos de datos de páginas dinámicas. </li>  <li>Asegúrate de <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">habilitar la codificación</a> (enlace en inglés) para usar esta función.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Seleccionar el ajuste del conjunto de datos 'Recuperar solo campos conectados'</h4><div class="collapsible-content"><div>Para mejorar el rendimiento del sitio, ahora puedes usar el ajuste del conjunto de datos <strong>Recuperar solo los campos conectados</strong>. Esto te permite cargar solo los campos que están conectados activamente a los componentes de tu página, excluidos los campos desconectados y los datos a los que se accede mediante el código. Esta configuración es beneficiosa para mejorar los tiempos de carga, especialmente en páginas complejas.</div><div><br /></div><div><strong>Notas: </strong></div><ul>
  <li>Esta opción está disponible para los conjuntos de datos normales, pero no para los conjuntos de datos de páginas dinámicas.</li>  <li>Asegúrate de <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/getting-started/getting-started-with-code" target="_blank">habilitar la codificación</a> (enlace en inglés) para usar esta función.</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mostrar contenido vinculado a tu conjunto de datos</h4><div class="collapsible-content"><div>Si tienes contenido en tu colección que no es necesario en tu página, puedes evitar que se muestre. <a data-composite="true" href="https://support.wix.com/es/article/cms-mostrar-contenido-de-varias-colecciones-de-bases-de-datos-mediante-conjuntos-de-datos" target="">Agrega un filtro al conjunto de datos</a> para incluir o excluir ítems que no se muestran en los elementos conectados. También puedes <a data-composite="true" href="https://support.wix.com/es/article/cms-configurar-elementos-de-una-colección-como-visibles-u-ocultos" target="">controlar la visibilidad del sitio online</a> desde las colecciones del CMS configurando los ítems en los estados &quot;Visible&quot; u &quot;Oculto&quot;. </div></div></div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Estás usando código en tu sitio?</div><div class="info-content"><div>Sigue nuestras prácticas recomendadas para <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/best-practices-for-improving-performance-in-wix-sites-with-data" target="_blank">mejorar el rendimiento del sitio al usar código y el CMS</a> (contenido en inglés).</div></div></div></div>

Almacena en caché las páginas de tu sitio para acelerar el tiempo de carga. Cuando una página se almacena en caché, su contenido y sus elementos no se procesan desde cero para cada visitante. En cambi...

Rendimiento del sitio: almacenar en caché las páginas para optimizar la velocidad de carga

Descubre cómo almacenar en caché las páginas de tu sitio para acelerar los tiempos de carga y mejorar la experiencia del visitante. El almacenamiento en caché se activa automáticamente en la mayoría de las páginas, permitiendo que los visitantes vean versiones guardadas que se cargan más rápido. Aprende a ajustar manualmente la configuración de caché para páginas específicas y optimiza el rendimiento de tu sitio, mejorando así tus métricas de búsqueda.

<div data-component-type="text"><div>Almacena en caché las páginas de tu sitio para acelerar el tiempo de carga. Cuando una página se almacena en caché, su contenido y sus elementos no se procesan desde cero para cada visitante. En cambio, la mayoría de los visitantes ven una versión guardada (en caché) de la página que se carga mucho más rápido. </div></div><div data-component-type="text"><div>El almacenamiento en caché se habilita automáticamente para casi todas las páginas del sitio. Si es necesario, puedes ajustar manualmente la configuración de almacenamiento en caché para páginas individuales.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="how-caching-works" level="3">Cómo funciona el almacenamiento en caché</h2></div><div data-component-type="text"><div>Una caché es un área de almacenamiento temporal donde se guardan versiones de tus páginas en una red de distribución de contenidos (CDN). Wix usa el renderizado del lado del servidor (SSR) para crear estas versiones almacenadas en caché. </div></div><div data-component-type="text"><div>Cuando un visitante solicita una página por primera vez, Wix la almacena en caché automáticamente. Los visitantes posteriores reciben la versión guardada de la CDN. Esto evita que los elementos y los recursos de la página tengan que cargarse desde cero.</div></div><div data-component-type="text"><div>Las versiones en caché suelen almacenarse durante una semana, como máximo. Después de una semana, se borra la caché y la página se elimina de la CDN. La próxima vez que un visitante cargue la página, esta se almacenará en caché nuevamente. La caché de la página también se borra cada vez que publicas tu sitio.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="multiple-cached-versions-for-different-visitors" level="3">Varias versiones en caché para diferentes visitantes</h2></div><div data-component-type="text"><div>Se pueden crear distintas copias en caché de la misma página según las ubicaciones geográficas, los tipos de dispositivos y otros parámetros de los visitantes.</div></div><div data-component-type="text"><div>Cuando un visitante carga una página, se crea una versión en caché para sus parámetros específicos. Los futuros visitantes con los mismos parámetros ven esa versión almacenada en caché y experimentan tiempos de carga más rápidos. Los visitantes con diferentes parámetros activan una nueva versión en caché, optimizada para futuros visitantes con esos parámetros específicos.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="caching-and-site-performance-metrics" level="3">Métricas de rendimiento del sitio y almacenamiento en caché</h2></div><div data-component-type="text"><div>Las páginas almacenadas en caché pueden ayudar a mejorar el rendimiento general de tu sitio, incluidas métricas como LCP (renderizado del mayor elemento con contenido) y FCP (primer procesamiento de imagen con contenido). Esto puede mejorar la puntuación de las métricas web principales de tu sitio y el posicionamiento general en los resultados de búsqueda.</div></div><div data-component-type="text"><div>Como la mayor parte del sitio ya está cargado en los servidores de Wix, los dispositivos de los visitantes no necesitan realizar tanto procesamiento. El sitio también se renderiza desde la CDN geográfica más cercana al dispositivo, lo que puede fomentar una carga más rápida.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="enabling-and-disabling-caching-on-site-pages" level="3">Habilitar y deshabilitar el almacenamiento en caché en las páginas del sitio</h2></div><div data-component-type="text"><div>Si bien el almacenamiento en caché se habilita automáticamente para la mayoría de las páginas, es posible controlar los ajustes de almacenamiento en caché para páginas individuales cuando sea necesario. Por ejemplo, quizás desees deshabilitar el almacenamiento en caché para las páginas que recuperan datos de fuentes externas o las páginas que muestran información que cambia con frecuencia.</div></div><div data-component-type="tabs"><div class="tabs-wrapper"><div class="headings-wrapper"><div data-slug="Editor-de-Wix" class="tab-heading heading-0">Editor de Wix</div><div data-slug="Editor-de-Wix-Studio" class="tab-heading heading-1">Editor de Wix Studio</div></div><div class="tab-contents-wrapper"><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en <strong>Páginas y menú</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/AtygSo0t8UbmzaDyGuuGCwKMawrU9neH9iCg6Bpzdl1yByfa0mTWjo15cCeAP3Zo5D9NtmaTo8f6go6RArSwE_JTOl8p5Sl5CvyfZDZgfsLRMHS6989bjlBOpisK0sRVGtWsqxEhXfxoz6_2esqcISTQdRmI0FqAZFgw0iVycBHbdZH1vAZDjRWv" /> a la izquierda del editor.</li>  <li>Pasa el cursor sobre la página correspondiente y haz clic en el icono <strong>Más acciones</strong> <img data-composite="true" src="https://lh6.googleusercontent.com/bcuV7dDFTNXvUY41EfsgNuXftk1_07pIQgnFt6GuTN6-vCP_WN3bY1r_8REkqH6Ltc-Qd4D5PH83GNQVRmxAELHNLe0R34P8ugeFi7Ew4u3vugfEgzAMcFIFujrHnchBFY5o1-ii165TnqyIBpuNvgu9HrwnArPE6PoHTVUzR7r8au_dYWXlc7KT" />.</li>  <li>Haz clic en <strong>Ajustes</strong>.</li>  <li>Haz clic en <strong>Ajustes avanzados</strong>. </li>  <li>Haz clic en la palanca <strong>Controlar manualmente la caché para esta página</strong> y elige lo que deseas hacer:
    <ul>
      <li><strong>Activada:</strong> tú controlas manualmente el almacenamiento en caché de esta página. En <strong>¿Con qué frecuencia quieres restablecer la caché de esta página?</strong>, elige la frecuencia con la que se restablece la caché de la página en el menú desplegable o selecciona <strong>Nunca (deshabilitar almacenamiento en caché)</strong> para evitar que la página se almacene en caché por completo.</li>      <li><strong>Desactivada</strong>: la página se almacenará en caché automáticamente.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/63ca9d70-cf6c-4cbc-9082-e87f8346683b/fafc8eda-2ffc-4043-938a-36c1e5dc3f38.png" alt="Los ajustes avanzados de una página en el Editor de Wix." /></div></div></div><div class="tab-content"><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://manage.wix.com/account/site-selector/?actionUrl=https%3A%2F%2Fwww.wix.com%2Feditor%2F%7BmetaSiteId%7D%3FeditorSessionId%3D%7Besi%7D%26" target="_blank">Ve al editor</a>.</li>  <li>Haz clic en <strong>Páginas</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2021/11/02/ca6bf070-4d00-41dc-beea-c88b350df02d/abd8a7a8-abb8-4099-a8b1-3f9966dcdde0.png" /> a la izquierda del editor.</li>  <li>Pasa el cursor sobre la página correspondiente y haz clic en el icono <strong>Más acciones</strong> <img data-composite="true" src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2025/12/30/173b5a92-644e-43c5-8eb1-f74fa4050309/cafce6d8-4081-4d5a-8ec4-6cffcb297c4a.png" />.</li>  <li>Haz clic en <strong>Ajustes</strong>.</li>  <li>Haz clic en <strong>Ajustes avanzados</strong>. </li>  <li>Haz clic en la palanca <strong>Controlar manualmente la caché para esta página</strong> y elige lo que deseas hacer:
    <ul>
      <li><strong>Activada:</strong> tú controlas manualmente el almacenamiento en caché de esta página. En <strong>¿Con qué frecuencia quieres restablecer la caché de esta página?</strong>, elige la frecuencia con la que se restablece la caché de la página en el menú desplegable o selecciona <strong>Nunca (deshabilitar almacenamiento en caché)</strong> para evitar que la página se almacene en caché por completo.</li>      <li><strong>Desactivada</strong>: la página se almacenará en caché automáticamente.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/7f40210b-c6c2-4c15-bbcf-5bb78a69d10e/2025/01/08/0c73bdad-25c9-40da-b94e-fec812e7738f/670b708e-d947-4491-a6c3-351ddcebee98.png" alt="Los ajustes avanzados de una página en el Editor de Wix." /></div></div></div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="adjusting-site-wide-performance-settings" level="3">Ajustar la configuración de rendimiento para todo el sitio</h2></div><div data-component-type="text"><div>Mejora el tiempo de carga y crea la mejor experiencia para los visitantes de tu sitio ajustando la configuración de rendimiento de tu sitio. De forma predeterminada, SWR está habilitada para que los visitantes del sitio vean el contenido almacenado en caché, mientras que los datos nuevos se obtienen en segundo plano y se guardan en la caché para uso futuro. </div></div><div data-component-type="text"><div>Si has hecho Upgrade a tu sitio, puedes deshabilitar SWR para que tu sitio cargue contenido nuevo en lugar de datos almacenados en caché.</div></div><div data-component-type="text"><div>También puedes borrar todas las páginas de la caché de la CDN para asegurarte de que los próximos visitantes de tu sitio reciban contenido actualizado en lugar de datos almacenados en caché.</div></div><div data-component-type="heading"><h2 id="" level="4">Para ajustar la configuración de rendimiento en todo el sitio:</h2></div><div data-component-type="text"><ol>
  <li><a data-composite="true" href="https://www.wix.com/my-account/site-selector/?buttonText=Administrar%20ajustes&amp;title=Selecciona%20un%20sitio&amp;autoSelectOnSingleSite=true&amp;actionUrl=https://www.wix.com/dashboard/%7b%7bmetaSiteId%7d%7d/settings" target="_blank">Ve a Ajustes</a> en el panel de control de tu sitio.</li>  <li>Escribe <strong>Ajustes de rendimiento del sitio web </strong>en la barra de búsqueda y selecciónalo en los resultados. </li>  <li>Elige qué hacer a continuación:
    <ul>
      <li><strong>Habilitar o deshabilitar SWR: </strong>haz clic en la palanca junto a <strong>Habilita SWR para mostrar contenido en caché mientras se actualiza la página</strong>:
        <ul>
          <li><strong>Activada: </strong>los visitantes ven el contenido en caché, mientras que los datos nuevos se obtienen en segundo plano. De esta forma, los visitantes verán el contenido más rápidamente, mientras el sistema aprovecha ese tiempo para recuperar datos que se mostrarán en la siguiente sesión.</li>          <li><strong>Desactivada: </strong>los visitantes no verán el contenido en caché, lo que significa que es posible que tengan que esperar a que se carguen nuevos datos.</li>        </ul>      </li>      <li><strong>Borrar todas las páginas de la caché de la CDN: </strong>asegúrate de que el próximo visitante solo vea contenido nuevo (no almacenado en caché) haciendo clic en <strong>Borrar caché del sitio</strong>. Esto elimina las páginas almacenadas en caché de la CDN.<br />
<strong>Nota:</strong> El primer visitante después de borrar la caché puede experimentar tiempos de carga algo más lentos.</li>    </ul>  </li></ol></div><div data-component-type="image"><div class="img-container" style="text-align:center"><img src="https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/50f70a50-058e-44ed-a4da-8b9312f94060/2025/04/01/8d255d30-8106-4150-8af8-05dd7664f4db/90c9abbf-fabe-479a-9781-9abde933a7b4.png" alt="Captura de pantalla de los ajustes de rendimiento del sitio web en el panel de control de tu sitio Wix." /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Preguntas frecuentes</h2></div><div data-component-type="text"><div>Haz clic a continuación para leer las respuestas a las preguntas más frecuentes sobre el almacenamiento en caché de las páginas.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Hay páginas que no se puedan almacenar en caché?</h4><div class="collapsible-content"><div>Las siguientes páginas siempre se muestran actualizadas para cada visitante y no pueden almacenarse en caché:</div><ul>
  <li>Páginas a las que acceden los miembros del sitio que hayan iniciado sesión</li>  <li>Páginas de resultados de Wix Búsqueda en el sitio</li>  <li>Páginas que has configurado como privadas (es decir, con contraseña)</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Cómo afecta el almacenamiento en caché a las páginas con código?</h4><div class="collapsible-content"><div>Las páginas con código se almacenan en caché automáticamente. Si tu código recupera datos de fuentes externas o necesita obtener información actualizada en cada visita, puedes <a data-composite="true" href="https://dev.wix.com/docs/develop-websites/articles/best-practices/caching/control-page-caching-manually" target="">desactivar manualmente el almacenamiento en caché</a> para esa página.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Cuándo se borra la caché del sitio?</h4><div class="collapsible-content"><div>La caché se borra automáticamente cada semana o en el intervalo personalizado que especifiques para páginas individuales. También se borra cada vez que publicas tu sitio.</div></div></div></div>

Actualmente, cuando se cargan imágenes de alta resolución en tu sitio, se muestra primero una imagen de baja resolución. Este es el comportamiento a través de todos los sitios Wix, y muchos sitios en ...

Solicitud: desactivar la carga de imágenes de baja resolución antes de las de alta resolución

Descubre cómo Wix gestiona la carga de imágenes de alta resolución en tu sitio, mostrando primero una versión de baja resolución para mejorar la experiencia del usuario. Esta tecnología permite que los visitantes accedan rápidamente a contenido significativo sin afectar el rendimiento de tu sitio. Aunque no puedes desactivar esta función, puedes enviar tus comentarios y votar por mejoras futuras.

<div data-component-type="text"><div>Actualmente, cuando se cargan imágenes de alta resolución en tu sitio, se muestra primero una imagen de baja resolución. Este es el comportamiento a través de todos los sitios Wix, y muchos sitios en la web. Esta tecnología no tiene ningún efecto en el resto del contenido de tu sitio, incluyendo las imágenes de alta resolución. Permite a los visitantes de tu sitio ver contenido más significativo más rápido y sin costo de rendimiento para ti.</div></div><div data-component-type="text"><div>No es posible desactivar este comportamiento. </div></div><div data-component-type="text"><div>Estamos siempre trabajando para actualizar y mejorar nuestros productos por lo que apreciamos mucho tus comentarios. </div></div><div data-component-type="text"><div>Si esta es una función que te gustaría ver en el futuro, por favor haz clic en <strong>Votar por esta función</strong> y nos aseguraremos de mantenerte actualizado. </div></div>

Tener un tiempo de carga rápido garantiza una experiencia fluida y agradable para los visitantes del sitio. Nos esforzamos constantemente para optimizar el rendimiento de los sitios Wix y hemos implem...

Rendimiento del sitio: cómo mejora Wix el tiempo de carga de tu sitio

Optimiza el tiempo de carga de tu sitio Wix para ofrecer una experiencia fluida a tus visitantes. Aprende cómo Wix mejora automáticamente las imágenes, utiliza una red de distribución de contenido (CDN) para reducir la latencia y aplica carga diferida para imágenes de alta resolución. Además, descubre cómo proteger tu sitio contra ataques DDoS y cómo identificar elementos que puedan estar ralentizando tu sitio. Con estos consejos, podrás mejorar el rendimiento y la satisfacción del usuario en tu página.

<div data-component-type="text"><div>Tener un tiempo de carga rápido garantiza una experiencia fluida y agradable para los visitantes del sitio. Nos esforzamos constantemente para optimizar el rendimiento de los sitios Wix y hemos implementado algunas formas de mejorar el tiempo de carga.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="automatic-image-optimization" level="3">Optimización automática de imágenes</h2></div><div data-component-type="text"><div>Las imágenes pueden agregar vida y contexto a un sitio. Ya sea que las estés usando para mostrar fotografías, información o a modo decorativo, es importante que su calidad no se vea comprometida. </div></div><div data-component-type="text"><div>Cuando subes una imagen a un sitio Wix, cambiamos el tamaño de la imagen para que la calidad y el tiempo de carga del sitio sean óptimos. Las imágenes de menos de 25 MB se comprimen automáticamente, por lo que no necesitas modificar nada antes de subirlas. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="content-delivery-network-cdn" level="3">Red de distribución de contenidos (CDN)</h2></div><div data-component-type="text"><div>Para garantizar una velocidad de carga óptima, Wix utiliza una CDN, un sistema de servicios de caché global y servidores proxy. Esta red de distribución se encarga de hacerles llegar a tus visitantes el contenido del sitio desde el servidor más cercano a ellos en términos geográficos.</div></div><div data-component-type="text"><div>La CDN actúa como intermediario entre los servidores de Wix y los visitantes del sitio, lo que reduce la latencia y el tiempo de carga del sitio.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="defense-against-distributed-denial-of-service-ddos-attacks" level="3">Defensa contra ataques de denegación de servicio distribuido (DDoS)</h2></div><div data-component-type="text"><div>Si tu sitio <a data-composite="true" href="https://support.wix.com/es/article/adquirir-un-dominio-de-wix" target="">tiene un dominio de Wix</a> o está <a data-composite="true" href="https://support.wix.com/es/article/conectar-un-dominio-a-los-servidores-de-nombres-de-wix" target="">conectado a los servidores de nombre</a>, minimizamos el efecto de los ataques DDoS contra el sitio.</div></div><div data-component-type="text"><div>Los ataques DDoS sobrecargan los servidores y hacen que reaccionen de forma lenta o que no reaccionen en absoluto. Wix está preparado para minimizar el efecto de estos ataques y puede evitar que tengan consecuencias graves en el tiempo de carga de tu sitio. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading-images" level="3">Carga diferida de imágenes</h2></div><div data-component-type="text"><div>Las imágenes de alta resolución pueden afectar significativamente el tiempo de carga de un sitio. Para garantizar una mejor experiencia para los visitantes, sin comprometer el contenido, Wix utiliza una técnica llamada carga diferida. </div></div><div data-component-type="text"><div>Esta técnica permite optimizar el tiempo de carga reemplazando las imágenes de alta resolución por versiones de baja resolución. Los marcadores de posición de baja resolución se cargan al instante (incluso en las redes más lentas), mientras que el contenido de alta resolución se carga en un segundo plano. Una vez que se cargan, las imágenes de alta resolución reemplazarán automáticamente a los marcadores de posición.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs" level="3">Preguntas frecuentes</h2></div><div data-component-type="text"><div>Haz clic en una de las siguientes preguntas para obtener más información.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Qué debo hacer si no se puede acceder a mi sitio Wix en ciertos países?</h4><div class="collapsible-content"><div>Si no es posible acceder a tu sitio en regiones específicas, puede deberse a restricciones del ISP local. Aconseja a los usuarios que se pongan en contacto con su ISP y les proporcionen cualquier información relevante sobre el bloqueo.<br /> <strong>Consejo:</strong> Asegúrate de que el dominio y el alojamiento de tu sitio cumplan con las regulaciones internacionales.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Cómo puedo identificar qué elementos están ralentizando mi sitio web?</h4><div class="collapsible-content"><div>Usa el panel de control de velocidad del sitio de Wix o PageSpeed Insights de Google para analizar las métricas de rendimiento. Céntrate en lo siguiente:</div><ul>
  <li>Imágenes o videos grandes.</li>  <li>Animaciones excesivas o apps de terceros.</li>  <li>Código personalizado ineficiente.</li></ul><div><br /></div><div><strong>Consejo: </strong>Revisa regularmente tu sitio en busca de archivos multimedia o elementos no utilizados y elimínalos.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Por qué mis clientes tienen problemas con el proceso de finalización de compra de mi tienda online?</h4><div class="collapsible-content"><div>Los problemas con la finalización de compra pueden deberse a lo siguiente:</div><ul>
  <li>Tiempos de espera de sesión o almacenamiento en caché del navegador.</li>  <li>Elementos superpuestos en el diseño.</li>  <li>Conflictos con apps externas.</li></ul><div><br /></div><div>Para resolver esto:</div><ul>
  <li>Prueba el proceso de finalización de compra en diferentes dispositivos y navegadores.</li>  <li>Borra la caché y las cookies del navegador.</li>  <li>Asegúrate de que todos los métodos de pago estén conectados correctamente.</li></ul><div><br /></div><div><strong>Consejo: </strong>Usa Analíticas de Wix para monitorear el comportamiento de los clientes durante el proceso de finalización de compra e identificar posibles problemas.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Por qué mi sitio Wix muestra una pantalla en blanco antes de cargar contenido?</h4><div class="collapsible-content"><div>Puede verse una pantalla en blanco debido a lo siguiente:</div><ul>
  <li>Carga lenta de elementos grandes, como imágenes o videos.</li>  <li>Problemas de almacenamiento en caché del navegador.</li>  <li>Problemas de conexión de red.</li></ul><div><br /></div><div>Para solucionar esto:</div><ul>
  <li>Optimiza las imágenes y los videos para que se carguen más rápido.</li>  <li>Habilita el almacenamiento en caché para mejorar las visitas recurrentes.</li>  <li>Prueba tu sitio en diferentes dispositivos y conexiones a Internet.</li></ul><div><br /></div><div><strong>Consejo:</strong> Usa el panel de control de rendimiento de Wix para identificar los cuellos de botella.</div></div></div></div>

Las métricas web principales son un conjunto de tres métricas que evalúan la experiencia que tienen los visitantes al navegar por tu sitio. Estas métricas miden el tiempo de carga, la interactividad y...

Rendimiento del sitio: acerca de Core Web Vitals

Descubre cómo mejorar las métricas web principales de tu sitio para optimizar la experiencia del visitante y aumentar tu visibilidad en los motores de búsqueda. Aprende sobre las tres métricas clave: LCP, INP y CLS, y cómo afectan el rendimiento de tu sitio. Este artículo te ofrece consejos prácticos para mejorar cada métrica, así como herramientas para medir el rendimiento y entender mejor la experiencia de tus usuarios.

Crea un sitio web rápido y atractivo al elegir opciones de diseño que prioricen el rendimiento. Cuando eliges qué mostrar primero, dónde colocar las imágenes y los videos, y cómo organizar el contenid...

Rendimiento del sitio: diseñar un sitio web centrado en el rendimiento

Optimiza tu sitio web eligiendo opciones de diseño que prioricen el rendimiento y mejoren la velocidad de carga. Aprende a organizar el contenido, priorizar elementos estáticos y fluidos, y utilizar imágenes y videos de manera eficiente. Descubre cómo implementar la carga diferida y crear páginas dedicadas para funciones específicas, lo que te permitirá ofrecer una experiencia profesional y fluida en todos los dispositivos. Con estos consejos, mantendrás el interés de los visitantes y facilitarás su navegación.

<div data-component-type="text"><div>Crea un sitio web rápido y atractivo al elegir opciones de diseño que prioricen el rendimiento. Cuando eliges qué mostrar primero, dónde colocar las imágenes y los videos, y cómo organizar el contenido, ayudas a que tus páginas se carguen rápidamente y facilitas que las personas encuentren lo que necesitan. Usa estos consejos centrados en el rendimiento para mejorar la velocidad de tu sitio, mantener el interés de los visitantes y ofrecer una experiencia profesional y fluida desde cualquier dispositivo.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-element-loading-order" level="3">Optimizar el orden de carga de los elementos</h2></div><div data-component-type="text"><div>Los elementos de tu sitio se cargan en un orden específico según su tipo y su tamaño. Comprender este orden te ayuda a priorizar lo que aparece primero y garantiza una experiencia fluida.</div></div><div data-component-type="text"><ul>
  <li><strong>Elementos estáticos:</strong> estos incluyen texto y formas básicas que se cargan más rápido. Agrégalos en la mitad superior de la página para garantizar una rápida visualización.</li>  <li><strong>Elementos fluidos:</strong> las imágenes y los videos se incluyen en esta categoría. Si bien le dan vida a tu sitio, pueden ralentizar el rendimiento. Colócalos debajo de la mitad inferior cuando sea posible.</li>  <li><strong>Elementos interactivos:</strong> los elementos como los iFrames, las animaciones y las apps externas se cargan en último lugar. Úsalos con moderación y de manera estratégica para evitar tiempos de carga prolongados.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Consejo:</div><div class="info-content"><div>Recomendamos prestar especial atención a la página de inicio, ya que esta suele ser la primera página con la que se encuentran tus visitantes.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="designing-a-high-performing-above-the-fold-section" level="3">Diseñar una sección de alto rendimiento en la mitad superior de la página</h2></div><div data-component-type="text"><div>La sección de la mitad superior de la página se refiere al área de la página web visible antes de que el usuario comience a desplazarse por la página. Como se carga primero, es fundamental mantenerla ligera y útil.</div></div><div data-component-type="text"><div><strong>Elementos recomendados:</strong></div><ul>
  <li><strong>Texto:</strong> usa texto breve e impactante que transmita claramente el propósito de tu página. Cíñete a las fuentes del sistema y evita el uso excesivo de familias y pesos de fuentes.</li>  <li><strong>Llamadas a la acción (CTA):</strong> incluye botones o enlaces claros para guiar las acciones del usuario, como &quot;Comprar ahora&quot; u &quot;Más información&quot;. Evita colocar elementos que distraigan cerca de las llamadas a la acción.</li></ul><div><br /></div><div><strong>Elementos a minimizar:</strong></div><ul>
  <li>Imágenes o videos grandes</li>  <li>Animaciones</li>  <li>Uso excesivo de imágenes de alta resolución</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Consejo:</div><div class="info-content"><div>Usa herramientas como Google PageSpeed Insights o el <a data-composite="true" href="https://support.wix.com/es/article/comprender-el-panel-de-control-de-velocidad-de-tu-sitio" target="">panel de control de velocidad de Wix</a> para asegurarte de que el contenido en la mitad superior de la página esté optimizado para una carga rápida.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-dedicated-pages" level="3">Usar páginas dedicadas</h2></div><div data-component-type="text"><div>Sobrecargar las páginas con demasiados elementos afecta al rendimiento, especialmente a la página de inicio. En su lugar, crea <strong>páginas dedicadas</strong> para funciones o apps específicas del sitio.</div></div><div data-component-type="text"><div>Agrega páginas para funciones como tiendas, blogs o videos, y enlázalas desde la página de inicio con botones o ítems de menú. Mantén la longitud de la página por debajo de aproximadamente <strong>ocho pantallas</strong> al distribuir el contenido en las páginas de tu sitio y limitar los elementos innecesarios.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-images-and-videos" level="3">Optimizar imágenes y videos</h2></div><div data-component-type="text"><div>Los archivos multimedia suelen ralentizar los sitios web debido a su gran tamaño y resolución. A continuación, te mostramos cómo administrarlos de manera eficaz:</div></div><div data-component-type="text"><div><strong>Imágenes:</strong></div><ul>
  <li>Usa formatos ligeros como WebP o JPEG.</li>  <li>Comprime los archivos antes de subirlos a Wix.</li>  <li>Muestra imágenes en una galería Wix Pro para una optimización integrada.</li></ul><div><br /></div><div><strong>Videos:</strong></div><ul>
  <li>Aloja videos en Wix Video, YouTube o Vimeo para optimizar el rendimiento.</li>  <li>Evita colocar videos en la mitad superior de la página para agilizar la carga inicial de la página.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="lazy-loading" level="3">Carga diferida</h2></div><div data-component-type="text"><div>La carga diferida retrasa la carga de imágenes y videos hasta que aparecen en la ventana gráfica del usuario, lo que mejora los tiempos de carga iniciales de la página. Esta función se habilita automáticamente en Wix, pero funciona mejor cuando las imágenes y los videos se colocan dentro de elementos compatibles, como galerías o franjas, y el contenido de la mitad superior de la página se mantiene al mínimo para una visualización más rápida.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="managing-additional-elements" level="3">Administrar elementos adicionales</h2></div><div data-component-type="text"><div>Otras decisiones de diseño también pueden afectar a la velocidad y al rendimiento de tu sitio:</div><ul>
  <li><strong>Botones:</strong> crea botones claros y concisos que enlacen a contenido relevante en otras partes de tu sitio. Por ejemplo, puedes usar &quot;Explorar el catálogo&quot; o &quot;Ver más proyectos&quot;.</li>  <li><strong>Código personalizado:</strong> asegúrate de que el código personalizado esté optimizado y use atributos como &quot;aplazado&quot; o &quot;asincrónico&quot; para reducir el retraso.</li>  <li><strong>Botones de paginación o para cargar más:</strong> especialmente en los sitios con una gran cantidad de productos, evita mostrar todos los productos a la vez en una sola página. Implementa funciones de <a data-composite="true" href="https://support.wix.com/es/article/cms-agregar-y-configurar-una-barra-de-paginación" target="">paginación</a> o de carga bajo demanda para que la carga sea eficiente.</li></ul></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">Consejos:</div><div class="info-content"><ul>
  <li><strong>Haz pruebas regularmente:</strong> usa Google PageSpeed Insights y el <a data-composite="true" href="https://support.wix.com/es/article/comprender-el-panel-de-control-de-velocidad-de-tu-sitio" target="">panel de control de velocidad de Wix</a> para monitorear y mejorar el rendimiento.</li>  <li><strong>Prioriza el contenido en la mitad superior de la página:</strong> asegúrate de que el contenido clave se cargue rápidamente agregando elementos estáticos y livianos.</li>  <li><strong>Minimiza las apps externas:</strong> usa solo apps o widgets esenciales para evitar ralentizaciones innecesarias.</li></ul></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="faqs-1" level="3">Preguntas frecuentes</h2></div><div data-component-type="text"><div>Haz clic en una de las siguientes preguntas para obtener más información.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Por qué mi sitio web Wix tarda en cargarse, y cómo puedo mejorar su velocidad?</h4><div class="collapsible-content"><div>Los archivos de imagen grandes, las animaciones excesivas y los elementos pesados pueden ralentizar tu sitio. Optimiza las imágenes a formatos como JPEG o WebP, reduce el contenido de la página de inicio, limita las fuentes personalizadas y habilita el almacenamiento en caché desde los ajustes de tu sitio. Usa el panel de control Velocidad del sitio de Wix para obtener más información.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Por qué la versión móvil de mi sitio es más lenta que la versión de escritorio?</h4><div class="collapsible-content"><div>Los sitios móviles pueden tener problemas con los tiempos de carga debido a la lentitud de Internet y a la menor potencia de procesamiento de los dispositivos. Mejora el rendimiento al simplificar el diseño para dispositivos móviles, usar la carga diferida para los archivos multimedia y evitar los elementos pesados, como los videos, en la mitad superior de la página.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Cómo puedo mejorar la puntuación del renderizado del mayor elemento con contenido (LCP)?</h4><div class="collapsible-content"><div>Para aumentar el LCP, usa elementos estáticos (por ejemplo, texto o botones) en la mitad superior de la página en lugar de animaciones o videos. Optimiza la imagen o el video más grande de la página y reduce las fuentes personalizadas o excesivas.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Cuál es la mejor manera de mostrar una gran cantidad de productos sin ralentizar mi tienda?</h4><div class="collapsible-content"><div>Usa la paginación o un botón &quot;Mostrar más&quot; para dividir los productos en grupos más pequeños, lo que reduce los datos que se cargan a la vez. Evita enumerar todos los productos en una sola página para mantener la velocidad del sitio.</div></div></div></div>

Google PageSpeed Insights es una herramienta que evalúa el rendimiento de las páginas de tu sitio tanto para equipos de escritorio como para dispositivos móviles. Esta herramienta utiliza el informe d...

Rendimiento del sitio: entender PageSpeed Insights

Descubre cómo utilizar Google PageSpeed Insights para evaluar el rendimiento de tu sitio web en dispositivos de escritorio y móviles. Aprende a interpretar tu puntuación de rendimiento, que se basa en datos de usuarios reales y simulaciones de Google Lighthouse. Este artículo te guía a través de las métricas clave que afectan la experiencia del usuario y ofrece consejos para mejorar la velocidad de carga de tu sitio, lo que puede impactar positivamente en tu SEO.

Actualmente, no es posible cambiar el orden en el que se cargan los elementos en tu sitio, ni permitir que se carguen previamente elementos específicos.Los elementos del sitio se cargan automáticament...

Solicitud de rendimiento del sitio: carga previa de elementos específicos

Entiende cómo funciona el orden de carga de los elementos en tu sitio. Actualmente, no puedes cambiar este orden ni cargar elementos específicos previamente, ya que se cargan automáticamente según su peso y resolución. Los elementos estáticos o de baja resolución se cargan más rápido que los de alta resolución. Si deseas esta función en el futuro, puedes votar para que se considere.

<div data-component-type="text"><div>Actualmente, no es posible cambiar el orden en el que se cargan los elementos en tu sitio, ni permitir que se carguen previamente elementos específicos.</div></div><div data-component-type="text"><div>Los elementos del sitio se cargan automáticamente en función de su peso y resolución. Por ejemplo, los elementos estáticos o de baja resolución se cargan más rápido que los elementos de alta resolución o interactivos. <a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-diseñar-un-sitio-web-centrado-en-el-rendimiento#element-loading-order" target="">Más información sobre el pedido de carga</a> </div></div><div data-component-type="text"><div>Siempre estamos trabajando para actualizar y mejorar nuestros productos, por lo que apreciamos mucho tus comentarios.</div></div><div data-component-type="text"><div>Si esta es una función que te gustaría ver en el futuro, haz clic en  <strong>Votar por esta función</strong> y nos aseguraremos de mantenerte actualizado.</div></div>

Nos complace anunciar que los visitantes ahora ven un indicador de carga en la pestaña del navegador de tu sitio cuando se mueven entre las páginas. El indicador aparece mientras se carga la siguiente...

Solicitud de rendimiento del sitio: indicadores de carga al navegar entre páginas

Descubre cómo el nuevo indicador de carga en la pestaña del navegador mejora la experiencia de tus visitantes al navegar por tu sitio. Este indicador muestra que el sitio está respondiendo mientras se carga la siguiente página, lo que ayuda a mantener a los usuarios informados y reduce la frustración, incluso si hay un pequeño retraso en la carga.

<div data-component-type="text"><div>Nos complace anunciar que los visitantes ahora ven un indicador de carga en la pestaña del navegador de tu sitio cuando se mueven entre las páginas. El indicador aparece mientras se carga la siguiente página, para que los visitantes sepan que el sitio está respondiendo, incluso si la página tarda un poco más en aparecer.</div></div>

Puedes usar código de terceros en tu sitio para enriquecer la experiencia de tus visitantes y agregar más capacidades. Sin embargo, el código de terceros puede afectar el rendimiento y el tiempo de ca...

Rendimiento del sitio: usar código de terceros en tu sitio

Optimiza el uso de código de terceros en tu sitio para mejorar la experiencia de tus visitantes y reducir el tiempo de carga. Aprende a implementar prácticas como agregar el atributo defer a tus scripts y colocarlos al final del cuerpo del código. Además, considera usar integraciones de Wix para herramientas de marketing, ya que tienen un menor impacto en el rendimiento. Recuerda que Wix no puede brindar soporte para problemas relacionados con código de terceros, así que contacta al proveedor si surgen inconvenientes.

<div data-component-type="text"><div>Puedes usar código de terceros en tu sitio para enriquecer la experiencia de tus visitantes y agregar más capacidades. Sin embargo, el código de terceros puede afectar el rendimiento y el tiempo de carga de tu sitio si no se optimiza. </div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="optimizing-code-on-your-site" level="3">Optimización del código en tu sitio</h2></div><div data-component-type="text"><div>Como el código de terceros puede afectar el rendimiento y la velocidad de tu sitio, es importante optimizarlo siempre que sea posible. Optimizar el código puede disminuir su impacto en tu sitio y brindar una experiencia más fluida y rápida a los visitantes. </div></div><div data-component-type="text"><div><strong>Hay algunas formas en las que puedes optimizar tu código:</strong></div></div><div data-component-type="text"><ul>
  <li>Agrega el atributo <strong>defer</strong> a tu secuencia de comandos de terceros. Este atributo le dice al navegador de tus visitantes que no espere el script, por lo que el contenido de tu sitio puede cargarse ininterrumpidamente. La incrustación de terceros se carga en segundo plano y se ejecuta cuando el DOM del sitio está completo.</li></ul></div><div data-component-type="text"><ul>
  <li>Coloca los scripts de terceros al final del cuerpo del código. Esto garantiza que el contenido habitual de tu sitio no se retrase ni se impida la renderización. </li></ul></div><div data-component-type="text"><ul>
  <li>Reduce la cantidad de código de terceros en su sitio donde puedas. Solo usa el código que sea necesario para las necesidades de tu negocio y del sitio, y elimina los que ya no sean necesarios.</li></ul></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="using-marketing-code-on-your-site" level="3">Usar código de marketing en tu sitio</h2></div><div data-component-type="text"><div>Puedes utilizar herramientas de terceros, como los anuncios de Facebook y Google Analytics, con fines de marketing en tu sitio. Este código, aunque es útil, puede afectar el tiempo de carga y el rendimiento de tu sitio. Como alternativa, recomendamos usar <a data-composite="true" href="https://support.wix.com/es/article/integraciones-de-marketing" target="">las integraciones de Wix para incrustar herramientas de marketing</a> en tu sitio. </div></div><div data-component-type="text"><div>Como estas opciones están integradas con Wix, tienen menos impacto en el rendimiento de tu sitio y no necesitas preocuparte por los atributos o la ubicación del script. Sin embargo, como son códigos de terceros, recomendamos implementarlos solo cuando sea necesario.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="issues-with-third-party-code" level="3">Problemas con el código de terceros</h2></div><div data-component-type="text"><div>Wix no ha probado el código de terceros y, por lo tanto, no podemos brindarte asistencia. Si tienes problemas con el fragmento de código, debes verificar que hayas copiado el código del proveedor y lo hayas pegado correctamente.</div></div><div data-component-type="text"><div>Si el código es correcto y volver a ingresarlo no resuelve el problema, contacta al proveedor del código directamente para obtener ayuda para resolver el problema. </div></div>

El orden DOM de tu sitio se refiere al orden de lectura de los elementos en tus páginas. Este orden es importante para los visitantes que utilizan tecnologías de asistencia, como la tecla Tab o los le...

Rendimiento del sitio: el orden DOM de tu sitio

Descubre cómo el orden DOM de tu sitio afecta la accesibilidad y el rendimiento. Asegúrate de que el orden de lectura de los elementos coincida con su disposición visual para facilitar la navegación de todos los visitantes, especialmente aquellos que utilizan tecnologías de asistencia. Aprende sobre cómo Wix organiza automáticamente el orden DOM en diferentes editores, lo que te permite optimizar la experiencia del usuario sin complicaciones.

<div data-component-type="text"><div>El orden DOM de tu sitio se refiere al orden de lectura de los elementos en tus páginas. Este orden es importante para los visitantes que utilizan tecnologías de asistencia, como la tecla Tab o los lectores de pantalla, ya que determina el orden en el que pueden ver estos elementos o interactuar con ellos.</div></div><div data-component-type="text"><div>Recomendamos asegurarte de que el orden DOM coincida con el orden visual de los elementos en tus páginas, de modo que todos los visitantes puedan navegar por tu sitio con facilidad. Además de una mejor accesibilidad, hacer coincidir el orden de carga también evita problemas de estilo en tu sitio.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-and-site-performance" level="3">Orden DOM y rendimiento del sitio</h2></div><div data-component-type="text"><div>El orden DOM determina la secuencia en la que se cargan los elementos en tu sitio. Si el orden DOM no coincide con el orden visual de los elementos, puede afectar la carga de tu sitio.</div></div><div data-component-type="text"><div>Por ejemplo, si un botón aparece en la parte inferior de una página, pero está primero en el orden DOM, este se carga antes que los elementos que están encima de él. A medida que se carga el contenido adicional, el estilo de la página puede cambiar para adaptarse a los otros elementos.</div></div><div data-component-type="text"><div>Además, si un visitante intenta hacer clic en ese botón mientras se está cargando el resto del contenido, puede llegar a seleccionar accidentalmente otro elemento y ser dirigido a otra página o sección.</div></div><div data-component-type="text"><div>El orden DOM de tu sitio debe coincidir con el orden visual de la página y la secuencia de lectura del idioma (letra de izquierda a derecha o de derecha a izquierda) para garantizar que se cargue correctamente y que genere una experiencia más fluida para los visitantes.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-editor-sites" level="3">Orden DOM en los sitios del Editor de Wix</h2></div><div data-component-type="text"><div>El orden DOM automático se habilita automáticamente en tu sitio del editor de escritorio. Esto significa que cualquier cambio que introduzcas en el orden visual de los elementos se aplicará, de manera automática, al orden DOM. Por ende, no es necesario hacer nada. </div></div><div data-component-type="text"><div>Cuando creas un sitio con el editor de escritorio, se crea una versión móvil de tu sitio. El orden DOM de tu sitio móvil también se organiza automáticamente y no requiere ningún cambio manual. </div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>El orden DOM automático solo se aplica a los cambios en la versión de escritorio cuando guardas tu sitio.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-studio-editor-sites" level="3">Orden DOM en los sitios del Editor de Wix Studio</h2></div><div data-component-type="text"><div>El orden DOM automático se habilita automáticamente en los sitios que creas en el Editor de Wix Studio. El orden se reorganiza automáticamente cuando agregas, alineas y cambias el tamaño de los elementos, por lo que debería mantenerse optimizado sobre la marcha.</div></div><div data-component-type="text"><div>Puedes desactivar el DOM automático en un sitio del Editor de Wix Studio y realizar cambios manuales si es necesario. <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-studio-reorganizar-elementos-por-orden-dom" target="">Más información sobre el orden DOM en el Editor de Wix Studio</a>.</div></div><div data-component-type="informative"><div class="info-container" info-color="blue"><div class="info-title">Nota:</div><div class="info-content"><div>El orden DOM automático se habilita automáticamente en los sitios creados en el Editor de Wix Studio después de principios de noviembre de 2024. Si creaste un sitio antes de esta fecha, no está habilitado.</div></div></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dom-order-on-wix-harmony-editor-sites" level="3">Orden DOM en los sitios del Editor de Wix Harmony</h2></div><div data-component-type="text"><div>Wix organiza el orden DOM de tu sitio del Editor de Wix Harmony. Este orden se ajusta automáticamente a medida que agregas, redimensionas y mueves elementos; para que no tengas que preocuparte por realizar cambios manuales. </div></div><div data-component-type="text"><div>Sin embargo, puedes <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-harmony-trabajar-con-el-orden-dom#manually-adjusting-the-dom-order" target="">ajustar manualmente el orden DOM de las secciones y los contenedores individuales</a> según sea necesario.</div></div><div data-component-type="informative"><div class="info-container" info-color="green"><div class="info-title">¿Has cambiado el idioma de un sitio?</div><div class="info-content"><div>Cambiar el idioma de un sitio a uno cuya dirección de lectura es diferente podría provocar que el orden DOM no coincida con el orden visual de los elementos. Si cambias el idioma del sitio a uno con una dirección de lectura diferente, te recomendamos <a data-composite="true" href="https://support.wix.com/es/article/preparando-tu-sitio-web-para-lectores-de-pantalla#site-language-and-dom" target="">usar el Asistente de accesibilidad para reorganizar los elementos y el contenido de la página</a>.</div></div></div></div>

Cómo empezar

Elegir una plantilla

Contratar a un profesional para crear tu sitio

Aprende cómo puedes usar Wix para construir tu sitio web y potenciar tu negocio. Personaliza tu sitio o contrata a un profesional para crear o mejorar tu presencia online. 

Primeros pasos

Crea tu sitio web y haz crecer tu negocio con Wix

Conceptos básicos del Editor de Wix

Usar las herramientas del Editor

Estilo de la página

Franjas y columnas

Estructurar el sitio

Diseñar el sitio

Páginas

Menús

Administrar páginas y menús

Textos

Botones

Cajas y contenedores

Diapositivas

Formas y líneas

Agregar y personalizar elementos

Imágenes

Galerías

Videos

Documentos y archivos

Agregar archivos y multimedia

Trabajar con elementos

Usar efectos y animaciones

Compartir y promover el sitio

Agregar elementos avanzados

Comenzar con la versión móvil

Herramientas en la versión móvil

Páginas en el sitio móvil

Fondos en el sitio móvil

Estilos en la versión móvil

Menús del sitio en la versión móvil

Textos en la versión móvil

Contenido multimedia en la versión móvil

Otros elementos en la versión móvil

Solucionar problemas en la versión móvil

Crear un sitio en la versión móvil

Resolver problemas en el editor

Usar el Editor de Wix

Usar el panel de control de tu sitio

Gestionar tu sitio

Gestionar los roles y permisos

Administrar tu sitio

Primeros pasos con la IA

Usar la IA para crear y administrar tu sitio

Usar la IA para configurar tu negocio

Herramientas con IA

Primeros pasos con el editor

Usar las herramientas del editor

Estructurar tu sitio

Agregar animaciones y efectos

Personalizar la marca de tu sitio

Diseñar tu sitio

Resolución de problemas para tu sitio

Editor de Wix Harmony

Aspectos básicos del Administrador de multimedia

Subir archivos multimedia

Comprar archivos multimedia

Gestionar archivos multimedia

Dificultades con archivos multimedia

Agregar y administrar archivos multimedia

Usar la Galería Wix Pro

Editar imágenes (Wix Photo Studio)

Primeros pasos con Wixel

Crear y administrar proyectos

Diseñar con Wixel

Upgrade y gestión de la cuenta

Wixel

Administrar archivos multimedia

Wix Multilingüe: conceptos básicos

Traducir tu sitio

Administrar los idiomas

SEO en Wix Multilingüe

Crear un sitio multilingüe

Privacidad y RGPD

Sobre la accesibilidad

Hacer tu sitio accesible

Funciones avanzadas de accesibilidad

Crear un sitio accesible

Sobre el CMS (anteriormente Administrador de contenidos)

Usar el CMS

Conectar el contenido de las colecciones del CMS a tu sitio

Trabajar con páginas dinámicas y el CMS

Conectar elementos de entrada del usuario al CMS

Usar el CMS con otros productos de Wix

Funciones avanzadas del CMS

Wix para desarrolladores

Avanzado: versiones de prueba (Release Candidates)

Wix Blocks

Funciones avanzadas

Wix Vibe

Aprende a utilizar el Editor de Wix y a gestionar el contenido de tu sitio. Descubre cómo proteger la privacidad de tus visitantes y hacer que tu sitio sea accesible.

Crear tu sitio

Crea y gestiona tu sitio con las funciones intuitivas de Wix

Ajustes de la cuenta

Problemas de inicio de sesión

Gestionar tu cuenta

Hacer Upgrade a un plan Premium

Facturación de planes Premium

Facturación de dominios

Facturación de Google Workspace e emails empresariales

Gestionar tus suscripciones

Cargos, pagos e impuestos

Facturas por los servicios de Wix

Promociones y cupones

Facturación y suscripciones premium

Revisa la configuración de tu cuenta, gestiona tus suscripciones y planes Premium y comprende tus facturas.

Cuenta y facturación

Gestiona suscripciones, planes y facturas

Administrar tu sitio en la app Wix

Aspectos básicos de las apps móviles

Personalizar tu propia app móvil

Administrar tu propia app móvil

Enviar tu app móvil para su aprobación

Crear tu propia app móvil

Personalizar tu sitio desde las apps de Wix para miembros

Administrar tu sitio desde las apps de Wix para miembros

Usar apps móviles como miembro

Usar las apps de Wix para miembros

Apps móviles para tus clientes

Utiliza la aplicación Wix para gestionar tu negocio de manera eficiente, interactuar con tus visitantes y construir una comunidad.

Usar las apps móviles de Wix

Gestiona tu negocio y conecta con los miembros

Aspectos básicos de los dominios

Dominios de Wix

Dominios comprados externamente

Transferir dominios

Administrar dominios

Solucionar problemas de dominios

Comprende cómo comprar, conectar o transferir un dominio y cómo mantener seguros los datos de tu sitio.

Conectar un dominio

Aprende a comprar, conectar o transferir un dominio

Configurar la tienda

Administrar productos y categorías

Configurar envíos y cumplimiento

Configurar pagos y finalización de compra

Wix Stores

Soluciones de negocio y apps

Encuentra las herramientas adecuadas para construir y hacer crecer tu negocio: acepta pagos, revisa las analíticas, contacta con los visitantes y mucho más.

Administrar tu negocio

Herramientas para ampliar tu negocio y tu presencia online