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

Las imágenes y los videos son una excelente manera de captar el interés y la atención de los visitantes del sitio. Sin embargo, pueden afectar al tiempo de carga si no se optimizan. La optimización de...

Rendimiento del sitio: optimizar los archivos multimedia del sitio

<div data-component-type="text"><div>Las imágenes y los videos son una excelente manera de captar el interés y la atención de los visitantes del sitio. Sin embargo, pueden afectar al tiempo de carga si no se optimizan. La optimización de los archivos multimedia permite mejorar el rendimiento de las páginas y garantizar 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="displaying-images-on-a-site" level="3">Mostrar imágenes en un sitio</h2></div><div data-component-type="text"><div>Las imágenes son una forma llamativa de mostrar el contenido de un sitio, como las fotografías y los productos. Te recomendamos tener en cuenta la calidad, el tamaño y el formato de las imágenes para garantizar el mejor tiempo de carga de las páginas del sitio. </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">Elige el formato de archivos multimedia correcto</h4><div class="collapsible-content"><div>Wix te permite subir <a data-composite="true" href="https://support.wix.com/es/article/wix-media-tipos-y-tamaños-de-archivos-multimedia-aceptados" target="">una amplia gama de tipos de archivos multimedia</a> directamente a tu sitio, como imágenes, video, audio, iconos, arte vectorial (SVG) y más. </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"><div>Recomendamos subir imágenes con la mejor calidad posible, ya que Wix las optimiza a las dimensiones exactas que se muestran en la pantalla sin pérdida de calidad. Para obtener los mejores resultados, sube imágenes de, al menos, 2560 X 1440 píxeles de resolución.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Comprime imágenes grandes</h4><div class="collapsible-content"><div>Wix optimiza automáticamente las imágenes para obtener la mejor calidad online y una descarga rápida, para que no tengas que cambiar el tamaño o comprimir las imágenes por debajo de los 25 MB antes de subirlas. Para las imágenes que pesan más de 25 MB, te recomendamos que las redimensiones o las comprimas según sea necesario.</div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/04/06/e0e07a75-c180-47f7-973c-daf547c39143/c790c2a0-6f7e-45c7-80ad-1d621f245396.png" alt="Un sitio Wix online que muestra dos imágenes en la mitad superior de la página." /></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 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></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 galerías en diferentes estilos para mostrar los archivos multimedia. Recomendamos tener en cuenta el número de galerías, los ítems y la ubicación al usar las galerías en un sitio.</div></div><div data-component-type="text"><div>Haz clic en una de las siguientes opciones para obtener más información sobre cómo optimizar las galerías:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Número de galerías</h4><div class="collapsible-content"><div>Las galerías están optimizadas para mostrar varios archivos multimedia a la vez. Por ello, recomendamos tener una sola galería con más contenido multimedia, en lugar de varias galerías con menos elementos. Esto se debe a que tener demasiados elementos en una sola página (incluso si los elementos son idénticos) puede afectar el rendimiento del sitio.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Número de ítems</h4><div class="collapsible-content"><div>Si bien las galerías permiten manejar una gran cantidad de contenido dentro de ellas, mostrar demasiados archivos multimedia a la vez puede afectar al rendimiento de la página. Recomendamos <a data-composite="true" href="https://support.wix.com/es/article/galería-wix-pro-habilitar-el-botón-mostrar-más" target="">habilitar el botón 'Mostrar más'</a>, ya que les dará tiempo a las imágenes para que se carguen y, a su vez, favorecerá la interacción de los visitantes del sitio. </div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Ubicación de la galería</h4><div class="collapsible-content"><div>Recomendamos colocar la galería en la mitad inferior de la página (la sección que los visitantes no ven sin desplazarse hacia abajo). Esto mejorará el rendimiento de la página y, a su vez, atraerá la atención de los visitantes al mensaje principal de tu sitio o página web. Como el contenido de la mitad superior de la página se carga primero, mover la galería hacia abajo garantiza que los visitantes tengan contenido valioso para leer mientras se carga el resto del contenido.</div></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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/04/06/166228e3-88ee-4707-baf2-6f9868498b8f/ec9cb44d-21b6-4e53-876a-d230eee9debe.png" alt="Una galería profesional que muestra arreglos florales en un sitio online de Wix." /></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>Wix ofrece varios reproductores multimedia para los videos. De esta forma, es posible mostrar contenido valioso, por ejemplo, videos musicales, vlogs o películas promocionales. Puedes optimizar el rendimiento de los videos teniendo en cuenta el número de videos y los tipos de reproductores que se muestran en las páginas.  </div></div><div data-component-type="text"><div>Haz clic en una de las siguientes opciones para obtener más información sobre cómo optimizar videos en un sitio Wix:</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Reproductores de video único</h4><div class="collapsible-content"><div>Los videos que están incrustados en un reproductor de video único (Youtube, Vimeo, Dailymotion, Facebook) son iFrames. Como el contenido entregado no proviene de los servidores de Wix, no es posible optimizarlo. Esto no significa que no debas usarlos, pero te recomendamos limitar su uso en el sitio y colocarlos en la mitad inferior de la página.</div></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Número de videos</h4><div class="collapsible-content"><div>Conviene no tener más de un video en una página. Si deseas mostrar más de un video, te recomendamos lo siguiente:</div><div><br /></div><ul>
  <li>Mostrar varios videos con Wix Video. Este elemento está diseñado para mostrar varios archivos multimedia a la vez.</li>  <li>Mostrar solo un video en tu página de inicio y agregar un botón como &quot;Ver todos los videos&quot; o &quot;Ver más&quot; que genere un enlace a varios videos ubicados en una página separada de tu sitio. Esto invitará a que los visitantes exploraren el contenido del sitio y también mantendrá la página de inicio del sitio organizada.</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/651c25b0-2d60-43c8-addf-1df2fd575568/2021/04/06/414beec8-4d29-4cbd-b7fa-640a9e1f58ed/5dce295a-f334-47a8-a967-ceba3c5a4b27.png" alt="Un sitio Wix online. La página contiene un video promocional." /></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

<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

<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>

Según el creador de sitios (Editor de Wix o Editor de Wix Studio), puedes aplicar imágenes o videos de fondo a las páginas, las secciones y otros elementos. El sitio online carga primero el color del ...

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

<div data-component-type="text"><div>Según el creador de sitios (Editor de Wix o Editor de Wix Studio), puedes aplicar imágenes o videos de fondo a las páginas, las secciones y otros elementos. El sitio online carga primero el color del fondo y luego los archivos multimedia del fondo.</div></div><div data-component-type="text"><div>Los archivos multimedia del fondo suelen cargarse lo suficientemente rápido para que los visitantes del sitio no vean el color del fondo. Sin embargo, puede parpadear brevemente en ciertos casos. Cambiar el color del fondo de los elementos afectados puede reducir la visibilidad de este destello.</div></div><div data-component-type="text"><div><strong>En este artículo, obtén más información sobre lo siguiente:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-ver-un-destello-de-color-mientras-se-cargan-los-elementos#causes-of-color-flashes" target="">Causas de los destellos de color</a></li>  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-ver-un-destello-de-color-mientras-se-cargan-los-elementos#changing-the-background-color-of-site-pages" target="">Cambiar el color del fondo de las páginas</a> </li>  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-ver-un-destello-de-color-mientras-se-cargan-los-elementos#changing-the-background-color-of-sections-strips-and-cells" target="">Cambiar el color del fondo de las secciones, las franjas y las celdas</a></li>  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-ver-un-destello-de-color-mientras-se-cargan-los-elementos#changing-background-color-of-slides" target="">Cambiar el color del fondo de las diapositivas</a></li></ul></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 grande, 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 parpadeo sea menos notorio. Recomendamos elegir un color lo más similar posible al del video o 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?</div><div class="info-content"><div><a data-composite="true" href="https://support.wix.com/es/article/solicitud-del-editor-de-wix-studio-agregar-una-imagen-o-un-video-al-fondo-de-la-página" target="">En la actualidad, no es posible agregar archivos multimedia al fondo de una página en el Editor de Wix Studio</a>, por lo que no tienes que 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 los <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">colores del tema del sitio</a>, o bien 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, cambias 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><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 los <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">colores del tema del sitio</a>, o bien 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 los <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">colores del tema del sitio</a>, o bien 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></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 los archivos 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>En la actualidad, no es posible agregar archivos multimedia al fondo de un elemento de una 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 individualmente</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 los <a data-composite="true" href="https://support.wix.com/es/article/editor-de-wix-personalizar-los-colores-de-tu-sitio" target="">colores del tema del sitio</a>, o bien 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>

Mostrar una gran cantidad de ítems a la vez en un repetidor, una tabla o una galería puede afectar al rendimiento de tu página. Puedes ajustar el campo Ítems por carga en los ajustes del conjunto de d...

Rendimiento del sitio: CMS

<div data-component-type="text"><div>Mostrar una gran cantidad de ítems a la vez en un repetidor, una tabla o una galería puede afectar al rendimiento de tu página. Puedes ajustar 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. </div><div><br /></div><div>Esto te ayuda a 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>Haz clic en una de las siguientes opciones para obtener más información sobre cómo mejorar el rendimiento de tu sitio al usar el <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>.</div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">Mostrar grandes cantidades de contenido en elementos que se conectan a las colecciones del CMS</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">Usar conjuntos de datos diferidos</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>. Estos conjuntos de datos cargan el contenido conectado solo después del resto de la página, lo que puede mejorar el rendimiento de tu sitio.</div></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>

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

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

<div data-component-type="text"><div>Guarda en caché las páginas de tu sitio para acelerar su tiempo de carga. Cuando una página se almacena en caché, su contenido y 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 la mayoría de tus páginas, pero es posible que debas habilitarlo manualmente en algunos casos (por ejemplo, páginas que contienen código Velo).</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 las versiones de tus páginas para que tarden menos en cargarse. Wix usa SSR (renderizado del lado del servidor) para almacenar en caché o &quot;guardar&quot; páginas en una red de entrega de contenido (CDN).</div></div><div data-component-type="text"><div>La mayoría de las páginas del sitio se almacenan en caché automáticamente después de recibir a su primer visitante. La próxima vez que un visitante solicite la página, se muestra la versión guardada. Esto evita que todos los elementos y recursos de la página tengan que cargarse desde cero. </div></div><div data-component-type="text"><div>La versión en caché generalmente se almacena hasta por una semana en nuestros servidores. Cuando transcurre ese plazo, la página se borra y se elimina de la CDN. Sin embargo, la página se almacenará en caché nuevamente después de que el próximo visitante la cargue.</div></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 copias distintas en caché de la misma página, dependiendo de las ubicaciones geográficas de los visitantes, los tipos de dispositivos y otros parámetros. </div></div><div data-component-type="text"><div>Cuando una página se almacena en caché, se carga más rápido para los futuros visitantes que comparten los mismos parámetros que el <strong>primer visitante</strong>. Si el siguiente visitante no comparte estos mismos parámetros, ve la versión normal de la página y por ello no se carga tan rápido.</div></div><div data-component-type="text"><div>Sin embargo, su visita crea otra versión en caché según sus parámetros específicos. Cualquier visitante posterior con los mismos parámetros ve la versión en caché adicional que se creó.</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 renderizado con contenido). Esto puede mejorar la <a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-acerca-de-métricas-web-principales" target="">puntuación de las métricas web principales</a> y la clasificación general de 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 tus visitantes no necesitan hacer tanto procesamiento. El sitio también se procesa 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>Para la mayoría de las páginas, el almacenamiento en caché se habilita automáticamente. Sin embargo, si tienes código personalizado en una página que no tiene ningún problema con el almacenamiento en caché de la página (por ejemplo, no accede a fuentes de datos externas), puedes administrarlo de forma manual.</div></div><div data-component-type="text"><div>De manera alternativa, si la página contiene código personalizado e información que debe recuperarse externamente cada vez que un visitante carga la página, también puedes evitar que la página se almacene en caché por completo.</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>Habilitada</strong>: puedes controlar manualmente el almacenamiento en caché de esta página.
        <ul>
          <li><strong>¿Con qué frecuencia quieres restablecer la caché de esta página?:</strong> elige en el menú desplegable con qué frecuencia se restablece la caché de tu página o selecciona <strong>Nunca (deshabilitar almacenamiento en caché)</strong> para evitar que la página se almacene en caché por completo.</li>        </ul>      </li>      <li><strong>Deshabilitada</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://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>Habilitada</strong>: puedes controlar manualmente el almacenamiento en caché de esta página.
        <ul>
          <li><strong>¿Con qué frecuencia quieres restablecer la caché de esta página?:</strong> elige en el menú desplegable con qué frecuencia se restablece la caché de tu página o selecciona <strong>Nunca (deshabilitar almacenamiento en caché)</strong> para evitar que la página se almacene en caché por completo.</li>        </ul>      </li>      <li><strong>Deshabilitada</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 manera 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. Si has hecho Upgrade a tu sitio, puedes desactivar SWR para que tu sitio cargue contenido nuevo en lugar de datos almacenados en caché. </div><div><br /></div><div>También puedes borrar todas las páginas de la caché de CDN para asegurarte de que los próximos visitantes de tu sitio reciban contenido nuevo 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é quieres hacer a continuación:
    <ul>
      <li><strong>Habilita SWR para mostrar contenido en caché mientras se actualiza la página: </strong>desliza la palanca para <strong> mostrar contenido en caché cuando se actualiza </strong> para cambiar la forma en que tu sitio online carga los datos:
        <ul>
          <li><strong>Habilitada: </strong>muestra contenido almacenado en caché al obtener datos nuevos en segundo plano. Los visitantes verán el contenido más rápido, mientras que las actualizaciones se recuperan para futuras solicitudes.</li>          <li><strong>Deshabilitada: </strong>el contenido almacenado en caché no se mostrará mientras se obtienen nuevos datos.</li>        </ul>      </li>      <li><strong>Borrar las páginas de la caché de la CDN: </strong>haz clic en <strong>Borrar caché del sitio</strong> para eliminar 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 ligeramente 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 nuestras preguntas más frecuentes sobre el almacenamiento en caché de la página.</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>Si un visitante ha iniciado sesión en tu sitio, cualquier página que abra no se almacena en la caché y no es posible habilitar esta opción. </div><div><br /></div><div>El almacenamiento en caché tampoco se puede habilitar para las siguientes páginas:</div><ul>
  <li>Páginas de resultados de Wix Búsqueda en el sitio</li>  <li>Páginas que has configurado como privadas</li></ul></div></div></div><div data-component-type="collapsible"><div><h4 class="collapsible-title">¿Cómo afecta el almacenamiento en caché a Velo?</h4><div class="collapsible-content"><div>De forma predeterminada, el almacenamiento en caché está deshabilitado para cualquier página que contenga código Velo. Si hay código Velo que funciona en todo el sitio, el almacenamiento en caché está deshabilitado para todas las páginas del sitio. Sin embargo, puedes habilitar el almacenamiento en caché manualmente en las páginas que contienen el código Velo. <a data-composite="true" href="https://support.wix.com/en/article/velo-improving-page-performance-with-manual-caching" target="">Más información sobre el almacenamiento en caché con Velo</a> (enlace en inglés)</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 hasta una semana (automáticamente) o según el periodo de tiempo que especifiques manualmente. También se borra cada vez que haces clic en <strong>Publicar </strong>en el editor. </div><div><br /></div><div><strong>Nota:</strong> Si habilitas el renderizado en caché para una página, realizas cambios y reviertes tu sitio a esa versión, aún está habilitado. </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

<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

<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>

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

Las páginas del sitio que incluyen contenido relevante y ordenado suelen tener un tiempo de carga mejorado y constituyen una experiencia más fluida para los visitantes del sitio.Mejora el rendimiento ...

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

<div data-component-type="text"><div>Las páginas del sitio que incluyen contenido relevante y ordenado suelen tener un tiempo de carga mejorado y constituyen una experiencia más fluida para los visitantes del sitio.</div></div><div data-component-type="text"><div>Mejora el rendimiento de tus páginas siguiendo los consejos de diseño presentados a continuación, tales como optimizar la sección de la mitad superior de la página y crear páginas dedicadas.</div></div><div data-component-type="text"><div><strong>En este artículo, obtén más información sobre lo siguiente:</strong></div></div><div data-component-type="text"><ul>
  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-dise%C3%B1ar-un-sitio-web-centrado-en-el-rendimiento#element-loading-order" target="">El orden de carga de los elementos</a></li>  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-dise%C3%B1ar-un-sitio-web-centrado-en-el-rendimiento#above-the-fold" target="">Colocar el contenido en la mitad superior de la página</a></li>  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-dise%C3%B1ar-un-sitio-web-centrado-en-el-rendimiento#galleries-videos-and-animation" target="">Usar galerías, videos y animación</a></li>  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-dise%C3%B1ar-un-sitio-web-centrado-en-el-rendimiento#dedicated-pages-page-length" target="">Estructurar las páginas de tu sitio</a></li>  <li><a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-dise%C3%B1ar-un-sitio-web-centrado-en-el-rendimiento#buttons" target="">Usar botones</a></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="element-loading-order" level="3">Orden de carga de elementos</h2></div><div data-component-type="text"><div>Los elementos de tu sitio se cargan en un orden específico. Los elementos estáticos o de baja resolución se cargan más rápido que los elementos pesados o interactivos.</div></div><div data-component-type="text"><div>El orden en que se cargan los elementos en tu sitio web es el siguiente:</div></div><div data-component-type="text"><ol>
  <li><strong>Estático:</strong> elementos que son de baja resolución y generalmente no animados, por ejemplo, texto y formas.</li>  <li><strong>Fluido:</strong> elementos que tienen mucho contenido y, tal vez, una resolución más alta, por ejemplo, imágenes o videos.</li>  <li><strong>Interactivo:</strong> contenido interactivo que puede incluir un código externo, por ejemplo, iFrames y apps externas.</li></ol></div><div data-component-type="text"><div>Ten en cuenta el orden de carga al estructurar tu sitio y agregar contenido. Recomendamos agregar los elementos que se cargan más rápido a la <a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-diseñar-un-sitio-web-centrado-en-el-rendimiento#above-the-fold" target="">mitad superior de la página</a>, ya que este es el primer contenido que se muestra cuando un visitante abre tu sitio.</div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="above-the-fold" level="3">La mitad superior de la página</h2></div><div data-component-type="text"><div>La mitad superior de la página es la sección de tu sitio que los visitantes pueden ver sin desplazarse, y suele ser la primera parte que se carga de tu sitio.</div></div><div data-component-type="text"><div>Recomendamos agregar solamente los elementos estáticos necesarios siempre que sea posible, y mantener el diseño de esta sección simple y relevante.</div></div><div data-component-type="text"><div>Los elementos que recomendamos agregar a la sección de la mitad superior de la página de tu sitio web son los siguientes:</div></div><div data-component-type="text"><ul>
  <li><strong>Texto:</strong> el texto les da a tus visitantes una idea clara sobre qué trata tu página o tu marca. Además, puede ser indexado por los motores de búsqueda y mejorar el SEO de tu sitio. Recomendamos ceñirse a las fuentes del sistema y evitar el uso excesivo de diferentes familias o pesos de fuentes. <a data-composite="true" href="https://support.wix.com/es/article/rendimiento-del-sitio-optimizar-tu-texto" target="">Más información sobre cómo optimizar el texto en tu sitio</a></li>  <li><strong>Llamados a la acción: </strong>los CTA son botones y enlaces que permiten que los visitantes realicen una acción deseada en tu sitio, por ejemplo, hacer una compra o ponerse en contacto con la empresa. Los CTA deben definirse claramente, y recomendamos no agregar elementos cerca de estos que puedan distraer a los visitantes del sitio.</li></ul></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/03/18/583dc6c7-ad65-4aef-bbc5-ffda8fe89923/fe0027db-1a18-4bab-8ac1-6c985912fe58.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="galleries-videos-and-animation" level="3">Galerías, videos y animación</h2></div><div data-component-type="text"><div>Los elementos fluidos y de alta resolución permiten añadir movimiento y vida a tu sitio. Sin embargo, pueden aumentar el tiempo de carga del sitio y, por ende, afectar el rendimiento.</div></div><div data-component-type="text"><div>Recomendamos tener en cuenta estos elementos. Úsalos solo cuando sea necesario, e intenta evitar agregarlos en la mitad superior de tu sitio.</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/02/16/5cbae38b-83a3-4a12-9d56-4c94d6789117/37405547-1c26-43d8-8b8b-2b125ba8723f.gif" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="dedicated-pages-page-length" level="3">Páginas dedicadas y longitud de la página</h2></div><div data-component-type="text"><div>Wix ofrece diversas apps que puedes agregar a tu sitio, entre ellas, Stores, Blog y Video. </div></div><div data-component-type="text"><div>Recomendamos tener páginas dedicadas para estas apps que no sean la página de inicio del sitio. De este modo, la página de inicio no se sobrecargará, lo que puede afectar el tiempo de carga. Luego puedes crear un enlace a estas páginas dedicadas desde la página de inicio con elementos como botones, ítems del menú y enlaces.</div></div><div data-component-type="text"><div>Agregar páginas dedicadas también puede reducir la longitud de la página. Este es el número de pantallas que un visitante tiene que desplazarse para ver la página completa del sitio. Recomendamos mantener la longitud de tu página en ocho pantallas o menos, agregando solo los componentes necesarios y optimizando el uso de las llamadas a la acción. </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/02/16/64f8fc37-ca1c-47e8-8f1a-545eb8ea5459/cef1bfe3-15f8-4157-86eb-b20d60906b6c.png" /></div></div><div data-component-type="line"><hr line-style="thin" /></div><div data-component-type="heading"><h2 id="buttons" level="3">Botones</h2></div><div data-component-type="text"><div>Los botones son una excelente manera de obtener una vista previa del contenido sin comprometer el rendimiento del sitio.</div></div><div data-component-type="text"><div>Agrega elementos estáticos a la página de inicio (por ejemplo, texto) que brinden a los visitantes una muestra del contenido del sitio, y luego agrega un botón que cree un enlace a sus respectivas páginas. Entre los ejemplos, se encuentran &quot;Echar un vistazo a mi blog&quot;, &quot;Ver más&quot; o &quot;Comenzar a comprar&quot;.</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/02/16/9d3f111a-0b65-43f5-874e-6bb159ff08ec/f0da2c91-d6ec-4ac0-89d6-36fb5b5a7cff.png" /></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

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

<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>

Cuando tus visitantes se mueven de una página a otra en tu sitio, no hay ninguna indicación visual de que la nueva página se está cargando hasta que realmente aparece. El tiempo que tarda en cargarse ...

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

<div data-component-type="text"><div>Cuando tus visitantes se mueven de una página a otra en tu sitio, no hay ninguna indicación visual de que la nueva página se está cargando hasta que realmente aparece. El tiempo que tarda en cargarse la nueva página depende de su contenido. </div></div><div data-component-type="text"><div>Actualmente, no es posible agregar un indicador de carga para indicar que la página todavía se está cargando.</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>

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

<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

<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, al margen de la secuencia de lectura del idioma (secuencia de comandos de izquierda a derecha o de derecha a izquierda), para garantizar que se cargue correctamente y que proporcione 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="orange"><div class="info-title">Importante:</div><div class="info-content"><div>El orden DOM automático en los sitios del editor de escritorio se ha creado para escrituras de izquierda a derecha (por ejemplo, inglés, español, etc.). Si tu sitio utiliza una escritura de derecha a izquierda, como el árabe o el hebreo, debes reorganizar manualmente el orden DOM en el panel Capas.</div></div></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="orange"><div class="info-title">Importante:</div><div class="info-content"><ul>
  <li>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.</li>  <li>El orden DOM automático en los sitios de escritorio se ha creado para secuencias de comandos de izquierda a derecha (por ejemplo, inglés, español, etc.). Si tu sitio utiliza una escritura de derecha a izquierda, como el árabe o el hebreo, debes reorganizar manualmente el orden DOM en el panel Capas.</li></ul></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

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)

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

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

Diseñar la tienda

Gestionar los pedidos

Gestionar el inventario de la tienda

Administrar el Área personal

Administrar emails de la tienda

Administrar cupones

Dropshipping con Wix Stores

Configurar canales de venta

App Wix para Wix Stores

Wix Stores

Configurar Wix Bookings

Crear  tus servicios

Administrar tu equipo

Gestionar el calendario y reservas

Membresías, paquetes y pagos

Personalizar las páginas de Wix Bookings

Emails, SMS y promociones

Usar la app Wix para administrar reservas

Videoconferencias con Wix Bookings

Fit by Wix

Wix Bookings

Configurar Wix Eventos

Crear eventos

Diseñar Wix Eventos

Administrar eventos

Administrar invitados

Vender entradas para eventos

Promocionar eventos

Usar la app Wix para Wix Eventos

Wix Check-in para eventos

Wix Eventos

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