Sin embargo, poner en marcha un sitio de comercio electr\u00f3nico requiere una cuidadosa planificaci\u00f3n estrat\u00e9gica y organizativa, un an\u00e1lisis exhaustivo de costes y beneficios, puntos fuertes y d\u00e9biles, amenazas y oportunidades<\/a>.<\/p>\n Y eso no es todo. Para tener \u00e9xito con tu comercio electr\u00f3nico, necesitas un sitio web moderno, r\u00e1pido y seguro que respalde tu negocio. Un sitio web de comercio electr\u00f3nico de \u00e9xito debe proporcionar una experiencia de compra fluida, cumplir la normativa internacional sobre privacidad, como el GDPR<\/a>, garantizar transacciones seguras y acompa\u00f1ar a tus clientes a trav\u00e9s del embudo de ventas hasta llegar al punto de compra.<\/p>\n Debe estar optimizado para SEO<\/a>, ser escalable<\/a> cuando sea necesario, flexible y f\u00e1cil de gestionar para que puedas centrarte en tu negocio sin perder tiempo y recursos en cuestiones t\u00e9cnicas.<\/p>\n No es tarea f\u00e1cil, pero un sitio web de comercio electr\u00f3nico puede darte grandes oportunidades de hacer crecer tu negocio.<\/p>\n En resumen, tres \u00e1reas a tener en cuenta al planificar un sitio web de comercio electr\u00f3nico son el rendimiento, la seguridad y la funcionalidad.<\/p>\n As\u00ed que hemos reunido nuestras mejores recomendaciones sobre la optimizaci\u00f3n del comercio electr\u00f3nico en tres art\u00edculos, cada uno de ellos centrado en una de estas tres \u00e1reas.<\/p>\n Este primer art\u00edculo se centrar\u00e1 en el rendimiento, compartiendo una lista de las 10 mejores pr\u00e1cticas para optimizar la velocidad y el rendimiento de tu sitio web de comercio electr\u00f3nico.<\/p>\n En los dos art\u00edculos siguientes, nos centraremos en la seguridad del sitio y en la funcionalidad del servicio de alojamiento, deteni\u00e9ndonos en las ventajas que puede garantizar un alojamiento optimizado para el comercio electr\u00f3nico.<\/p>\n \u00bfEst\u00e1s preparado para saber qu\u00e9 necesitas para lanzar con \u00e9xito un sitio web de comercio electr\u00f3nico y lanzarte a conquistar los mercados internacionales? \u00a1Sigue leyendo!<\/p>\n Un sitio web de comercio electr\u00f3nico moderno requiere varias caracter\u00edsticas t\u00e9cnicas y funcionales para mejorar la interacci\u00f3n del usuario con el sitio, garantizando una experiencia de navegaci\u00f3n y compra rica y agradable.<\/p>\n Desde un punto de vista t\u00e9cnico, un sitio web de comercio electr\u00f3nico debe estar optimizado en cuanto a rendimiento y seguridad. Debe ser f\u00e1cil de gestionar para tu equipo y f\u00e1cilmente escalable.<\/p>\n Construir un sitio web con estas caracter\u00edsticas requiere una moderna infraestructura, una Red de Entrega de Contenidos<\/a> de nivel empresarial, funciones avanzadas para desarrolladores, un sistema de copias de seguridad<\/a> eficaz y f\u00e1cil de usar, y un servicio de soporte<\/a> r\u00e1pido y cualificado.<\/p>\n Por tanto, el primer paso antes de lanzar un sitio web de comercio electr\u00f3nico es averiguar d\u00f3nde obtener los servicios y herramientas que necesitas. Esta decisi\u00f3n consiste en elegir el proveedor de infraestructura de alojamiento. Las opciones son casi infinitas. Puedes optar por gestionar tus servidores contratando a un administrador de sistemas u optar por una soluci\u00f3n totalmente gestionada, como Wix<\/a> o Shopify<\/a>.<\/p>\n La primera opci\u00f3n, gestionar el servidor internamente, ofrece la m\u00e1xima flexibilidad y personalizaci\u00f3n. Sin embargo, requiere recursos considerables e ingenieros sysadmin cualificados. Las grandes empresas suelen adoptar esta soluci\u00f3n.<\/p>\n La segunda opci\u00f3n, las plataformas totalmente administradas, tiene la ventaja de su gran facilidad de uso, pero no garantiza la flexibilidad t\u00e9cnica y operativa que puede necesitar tu empresa. Adem\u00e1s, a medida que la empresa crece, pueden surgir costes imprevistos.<\/p>\n En alg\u00fan punto entre estos dos extremos, existen soluciones basadas en una plataforma de c\u00f3digo abierto<\/a> combinada con un servicio de alojamiento que proporciona las prestaciones necesarias para el <\/span>comercio electr\u00f3nico.<\/p>\n Puedes profundizar en las diferencias entre algunas de las opciones disponibles en nuestros art\u00edculos comparativos:<\/p>\n En Kinsta, ofrecemos alojamiento premium para sitios web de comercio electr\u00f3nico<\/a>. Nuestra infraestructura est\u00e1 optimizada para ofrecer rendimiento, seguridad y facilidad de uso para sitios web de WordPress, junto con los plugins de comercio electr\u00f3nico m\u00e1s populares, WooCommerce y Easy Digital Downloads. Nuestra tecnolog\u00eda de contenedor aislado<\/a> est\u00e1 construida sobre Google Cloud Platform<\/a> y aprovecha la potencia de la red de Cloudflare<\/a> para garantizar el m\u00e1ximo rendimiento y seguridad.<\/p>\n Esta es la soluci\u00f3n t\u00e9cnica que recomendamos a cualquiera que se haga la pregunta: \u00bfcu\u00e1l es la mejor infraestructura de alojamiento para un sitio web de comercio electr\u00f3nico moderno?<\/p>\n \u00a1Empecemos con el rendimiento del comercio electr\u00f3nico!<\/p>\n Seg\u00fan investigaciones recientes sobre las tasas de conversi\u00f3n del comercio electr\u00f3nico<\/a>, el principal factor de \u00e9xito de un sitio web de comercio electr\u00f3nico reside en la velocidad de carga de la p\u00e1gina. Un sitio de comercio electr\u00f3nico que se carga en 1 segundo tiene una tasa de conversi\u00f3n 2,5 veces mayor que un sitio que se carga en 5 segundos.<\/p>\n Adem\u00e1s, las p\u00e1ginas que se cargan en 1 segundo tienen una tasa de conversi\u00f3n media de alrededor del 40%. Si el tiempo de carga aumenta a 2 segundos, la tasa de conversi\u00f3n cae al 34%. A los 3 segundos, la tasa de conversi\u00f3n es del 29% y alcanza un m\u00ednimo a los 6 segundos.<\/p>\n El an\u00e1lisis sugiere optimizar tu comercio electr\u00f3nico para una velocidad de carga entre uno y dos segundos.<\/p>\n \u00bfC\u00f3mo se puede alcanzar este nivel de rendimiento? La optimizaci\u00f3n del rendimiento es un proceso de mejora continua que afecta a varias \u00e1reas de un sitio web. Su valor estrat\u00e9gico es particularmente claro para el comercio electr\u00f3nico, que generalmente consume mayores cantidades de recursos.<\/p>\n Para ayudar a los propietarios de comercios electr\u00f3nicos a optimizar el rendimiento de sus sitios web, hemos elaborado una lista de comprobaci\u00f3n esencial de las optimizaciones necesarias para mejorar el rendimiento y la velocidad de las p\u00e1ginas.<\/p>\n En resumen, \u00bfcu\u00e1les son los factores clave que hay que tener en cuenta al optimizar el rendimiento de tu sitio web de comercio electr\u00f3nico? \u00a1Vamos a ello! Al elegir un servicio de alojamiento para tu sitio web de comercio electr\u00f3nico, es esencial conocer el stack tecnol\u00f3gico que proporciona.<\/p>\n La primera decisi\u00f3n tiene que ver con el tipo de servicio de alojamiento. Hay varios tipos de alojamiento web<\/a>, que difieren considerablemente en cuanto a infraestructura y servicios:<\/p>\n Dado que es imprescindible garantizar el m\u00e1ximo rendimiento de tu comercio electr\u00f3nico, la infraestructura debe ser de alta velocidad. Esto excluir\u00eda el alojamiento compartido<\/a> que, aunque puede ser barato (o incluso gratuito<\/a>), no garantiza los est\u00e1ndares m\u00ednimos de rendimiento y seguridad de los que un sitio de comercio electr\u00f3nico no puede prescindir para triunfar en el mercado.<\/p>\n Un servicio de alojamiento dedicado basado en VPS puede ser altamente personalizado y optimizado para el rendimiento. Sin embargo, requiere conocimientos SysAdmin<\/a> (de administrador de sistemas), lo que puede resultar demasiado caro para una peque\u00f1a o mediana empresa.<\/span> Un servicio de alojamiento en la nube<\/a> puede proporcionar rendimiento y seguridad para un sitio web de comercio electr\u00f3nico moderno y puede no requerir conocimientos t\u00e9cnicos avanzados.<\/p>\n Es f\u00e1cil encontrar proveedores de servicios de alojamiento administrado para WordPress y WooCommerce si trabajas con WordPress. Esto significa que no ser\u00e1s responsable de la configuraci\u00f3n y optimizaci\u00f3n del servidor, y que dispondr\u00e1s de un servicio de soporte especializado y de una instalaci\u00f3n y mantenimiento del sitio simplificados.<\/p>\n Tambi\u00e9n es necesario dotar a tu sitio web de un stack t\u00e9cnico de \u00faltima generaci\u00f3n. La mayor\u00eda de los alojamientos web proporcionan un stack basado en el servidor web Apache<\/a> y MySQL<\/a>. Sin embargo, deber\u00edas considerar un stack tecnol\u00f3gico m\u00e1s moderno y de alto rendimiento, como Nginx<\/a> y MariaDB<\/a>.<\/p>\n En Kinsta, creemos que hemos creado la mejor y m\u00e1s r\u00e1pida soluci\u00f3n de alojamiento administrado de WordPress disponible hoy en d\u00eda sobre la Plataforma en la Nube de Google<\/a>.<\/p>\n Proporcionamos m\u00e1quinas virtuales optimizadas para computaci\u00f3n C3D y C2<\/a> en todos los planes, desde Single 35k hasta WP 60 y superiores, en las regiones en las que est\u00e1n disponibles. Tambi\u00e9n aprovechamos la red de Nivel Premium<\/a>\u00a0de baja latencia de Google, disponible para todos nuestros clientes sin coste adicional.<\/p>\n Adem\u00e1s, hemos construido un stack t\u00e9cnico r\u00e1pido y s\u00f3lido basado en Nginx, MariaDB, PHP 8.4, contenedor LXD<\/a>, y nuestra integraci\u00f3n de Cloudflare Enterprise. Este stack est\u00e1 disponible para todos nuestros clientes, independientemente de sus planes.<\/p>\n Consulta este post<\/a> para saber por qu\u00e9 Kinsta es el alojamiento administrado de WordPress m\u00e1s r\u00e1pido<\/span>.<\/p>\n Seg\u00fan W3Techs<\/a>, en agosto de 2024<\/p>\n PHP es utilizado por el 76,1% de todos los sitios web de los que conocemos el lenguaje de programaci\u00f3n del lado del servidor.<\/p><\/blockquote>\n La versi\u00f3n 7 es utilizada por el 52,6% de todos los sitios web que utilizan PHP, la versi\u00f3n 8 por el 33,0%, y la versi\u00f3n 5 por el 14,2%.<\/p>\n Si gestionas un sitio web de comercio electr\u00f3nico, necesitas saber qu\u00e9 versi\u00f3n de PHP<\/a> utiliza tu sitio y por qu\u00e9 deber\u00edas preferir una versi\u00f3n compatible.<\/p>\n En resumen, PHP tiene un ciclo de vida de versiones, y cada versi\u00f3n principal suele recibir soporte durante dos a\u00f1os<\/a>. Las versiones soportadas son las \u00fanicas que reciben actualizaciones de rendimiento y seguridad, por lo que utilizar una versi\u00f3n no soportada de PHP implica un menor rendimiento y mayores vulnerabilidades de seguridad en comparaci\u00f3n con las versiones soportadas.<\/p>\n A partir de agosto de 2024, las versiones oficialmente soportadas de PHP son PHP 8.1, 8.2 y 8.3.<\/p>\n Hemos realizado nuestras propias pruebas de velocidad con PHP 8.1, 8.2 y 8.3<\/a> y varios CMS y frameworks, y hemos descubierto que PHP 8.3<\/a> ha demostrado ser la versi\u00f3n PHP m\u00e1s r\u00e1pida, proporcionando hasta <\/span>un 52,20% m\u00e1s de rendimiento a los CMS y frameworks probados.<\/p>\n En Kinsta, s\u00f3lo proporcionamos versiones de PHP compatibles<\/strong>. Actualmente soportamos PHP 7.4, 8.0, 8.1, 8.2, 8.3, 8.4, 8.5.<\/p>\n Puedes cambiar r\u00e1pida y f\u00e1cilmente la versi\u00f3n PHP de tu sitio web de WordPress en MyKinsta. Navega a la secci\u00f3n de configuraci\u00f3n de tu sitio web de WordPress y selecciona Herramientas<\/strong> en el men\u00fa de la izquierda. Aqu\u00ed encontrar\u00e1s varias herramientas disponibles para nuestros clientes. Despl\u00e1zate hacia abajo en la p\u00e1gina y encuentra el motor PHP<\/strong>. Haz clic en el bot\u00f3n Modificar<\/strong> y selecciona la versi\u00f3n de PHP que necesitas para tu sitio web.<\/p>\n El cach\u00e9<\/a> es una porci\u00f3n de memoria que se utiliza para almacenar copias de recursos que se pueden servir en posteriores peticiones sin necesidad de descargar de nuevo la p\u00e1gina completa. Existen varios tipos de cach\u00e9<\/a>, cada uno con una finalidad espec\u00edfica, pero los tipos de cach\u00e9 que nos interesan aqu\u00ed son el cach\u00e9 del navegador y el cach\u00e9 de WordPress.<\/p>\n Cada respuesta del servidor debe proporcionar las cabeceras HTTP correctas para que el navegador sepa durante cu\u00e1nto tiempo debe almacenar en cach\u00e9<\/a> una copia del recurso solicitado. Esto se hace estableciendo las cabeceras ETag y Expires<\/a> en la petici\u00f3n HTTP<\/a>.<\/p>\n WordPress tiene su propio sistema de cach\u00e9. El objeto Los usuarios de WordPress pueden instalar un plugin de cach\u00e9 de terceros para WordPress<\/a>. Herramientas como <\/span>W3 Total Cache<\/a> y <\/span>WP Super Cache<\/a> te permiten <\/span>gestionar el cach\u00e9 de WordPress<\/a> de forma granular. Pueden ser muy \u00fatiles si optas por una soluci\u00f3n de alojamiento compartido o cuando el alojamiento web no proporciona soluciones de gesti\u00f3n del cach\u00e9 m\u00e1s eficientes.<\/span><\/p>\n Estas herramientas son complicadas de configurar y pueden requerir conocimientos que no todos los propietarios de sitios tienen. En resumen, necesitas una forma sencilla de gestionar tu cach\u00e9.<\/p>\n En cuanto al comercio electr\u00f3nico, puede que tambi\u00e9n quieras excluir del cach\u00e9 p\u00e1ginas espec\u00edficas, como mi cuenta y el proceso de pago. Esto es fundamental para garantizar una experiencia de compra impecable a los clientes de tu sitio web. Pero, \u00bfc\u00f3mo puedes hacerlo?<\/p>\n La gesti\u00f3n del cach\u00e9 puede resultar desalentadora, especialmente si careces de conocimientos t\u00e9cnicos. En Kinsta, sin embargo, gestionar el cach\u00e9 es f\u00e1cil, y todos los ajustes est\u00e1n convenientemente reunidos en una \u00fanica secci\u00f3n de tu panel MyKinsta.<\/p>\n La diferencia clave entre el cach\u00e9 de Kinsta y los plugins de WordPress de terceros es que el cach\u00e9 de Kinsta funciona a nivel de servidor<\/a>.<\/p>\n En MyKinsta, navega hasta Sitios WordPress<\/strong> y selecciona tu sitio web. En la p\u00e1gina de configuraci\u00f3n del sitio, haz clic en el elemento de men\u00fa Cach\u00e9 <\/strong>de la izquierda y selecciona la pesta\u00f1a Cach\u00e9 del servidor<\/strong>. Aqu\u00ed, puedes borrar el cach\u00e9 y cambiar la caducidad del cach\u00e9.<\/p>\n En Kinsta no se permiten los plugins de cach\u00e9<\/a>, lo que parece una contradicci\u00f3n con lo que hemos dicho en la secci\u00f3n anterior. Sin embargo, esto se debe a que Kinsta se encarga del cach\u00e9 en el servidor por ti, ofreciendo as\u00ed un mejor rendimiento y una gesti\u00f3n m\u00e1s sencilla.<\/strong><\/p>\n Espec\u00edficamente para sitios web de WooCommerce y EDD, Kinsta omite autom\u00e1ticamente el cach\u00e9 cuando se detectan cookies de Los usuarios de Kinsta tambi\u00e9n pueden gestionar el cach\u00e9 directamente desde su panel de WordPress gracias al plugin Kinsta MU<\/a>, que se instala autom\u00e1ticamente en todos los nuevos sitios web WordPress alojados en Kinsta.<\/p>\n En la pantalla de cach\u00e9 de Kinsta, puedes realizar las siguientes acciones:<\/p>\n El plugin de cach\u00e9 de Kinsta tambi\u00e9n proporciona un bot\u00f3n en la barra de administraci\u00f3n que te permite borrar:<\/p>\n Otro tipo de cach\u00e9 es el cach\u00e9 CDN. Sigue leyendo para saber m\u00e1s sobre \u00e9l.<\/p>\n Una CDN es una red de servidores<\/a> que almacenan recursos est\u00e1ticos como im\u00e1genes, scripts y hojas de estilo para que puedan ser entregados a los visitantes del sitio desde la ubicaci\u00f3n geogr\u00e1fica m\u00e1s cercana.<\/p>\n Una CDN suele proporcionar servicios y funcionalidades que pueden mejorar significativamente el rendimiento y la seguridad de un sitio web. En lo que respecta al rendimiento, una CDN puede ayudarte con lo siguiente:<\/p>\n Kinsta proporciona una integraci\u00f3n gratuita de Cloudflare CDN<\/a> en todos nuestros planes de alojamiento. Esto significa que puedes aprovechar las funciones de Cloudflare para empresas de forma totalmente gratuita, independientemente del plan al que te hayas suscrito.<\/p>\n Cloudflare proporciona un servicio de almacenamiento en cach\u00e9 de recursos est\u00e1ticos que puede aumentar significativamente el rendimiento de los sitios web de comercio electr\u00f3nico. Esto es especialmente \u00fatil cuando tu p\u00fablico objetivo est\u00e1 distribuido por una amplia zona geogr\u00e1fica.<\/p>\n Gracias a nuestra integraci\u00f3n con Cloudflare, podemos proporcionar a todos nuestros clientes, independientemente de su plan, las siguientes funciones empresariales:<\/p>\n Con Kinsta, puedes aprovechar todas estas funciones activando la CDN de Cloudflare en la secci\u00f3n Cach\u00e9<\/strong> de tu panel de control MyKinsta, donde puedes gestionar Edge Caching<\/strong> y CDN caching<\/strong>.<\/p>\n Puedes activar <\/span>Cach\u00e9 m\u00f3vil<\/strong>, <\/span>Borrar cach\u00e9<\/strong> y <\/span>Borrar cach\u00e9 de URL <\/strong>desde la pesta\u00f1a Edge Caching<\/strong><\/strong>.<\/p>\n En la pesta\u00f1a CDN<\/strong>, puedes Borrar cach\u00e9 CDN<\/strong>, optimizar im\u00e1genes y excluir archivos espec\u00edficos de la cach\u00e9 CDN.<\/p>\n La optimizaci\u00f3n de las im\u00e1genes<\/a> es vital para la velocidad de la p\u00e1gina. Optimizar im\u00e1genes no es complicado para los principiantes, pero a\u00fan as\u00ed necesitas algunos conocimientos b\u00e1sicos<\/a>.<\/p>\n Puedes optimizar las im\u00e1genes de varias formas. En primer lugar, debes identificar el formato de imagen que mejor se adapte a las caracter\u00edsticas de la imagen. Adem\u00e1s de los formatos tradicionales JPEG, PNG y GIF, los formatos de imagen optimizados para la web, como WebP<\/a> y Avif, <\/span>proporcionan altos niveles de compresi\u00f3n con una calidad superior. WordPress admite<\/a> ambos formatos de forma predeterminada<\/a>, por lo que puedes utilizarlos libremente en tu sitio web de comercio electr\u00f3nico.<\/p>\n Una vez elegido el formato de imagen adecuado, puedes pasar a la compresi\u00f3n. Tienes dos tipos de compresi\u00f3n de imagen<\/a>: con p\u00e9rdidas y sin p\u00e9rdidas. La compresi\u00f3n con p\u00e9rdidas es m\u00e1s eficaz para reducir el tama\u00f1o del archivo. Sin embargo, debes tener en cuenta la p\u00e9rdida de informaci\u00f3n y, por tanto, la reducci\u00f3n de la calidad de la imagen.<\/p>\n Si la calidad de la imagen es cr\u00edtica para tu sitio web, la compresi\u00f3n sin p\u00e9rdidas puede ser la opci\u00f3n adecuada, aunque el ahorro de tama\u00f1o puede ser insignificante. Para comprimir im\u00e1genes sin p\u00e9rdida de informaci\u00f3n, necesitar\u00e1s herramientas como FileOptimizer<\/a> o ImageOptim<\/a> para WordPress o programas de edici\u00f3n fotogr\u00e1fica como Photoshop.<\/span> Otra opci\u00f3n es la compresi\u00f3n Gzip<\/a>.<\/p>\n Gracias a nuestra integraci\u00f3n con Cloudflare, Kinsta proporciona optimizaci\u00f3n de im\u00e1genes gratuita<\/a>. Esto significa que tus im\u00e1genes PNG, GIF y JPEG se convierten autom\u00e1ticamente al formato WebP para mejorar la velocidad y el rendimiento de tu sitio web sin necesidad de utilizar un plugin de terceros.<\/p>\n Puedes activar la optimizaci\u00f3n autom\u00e1tica de im\u00e1genes en MyKinsta en Cach\u00e9 > CDN > Optimizaci\u00f3n de im\u00e1genes<\/strong>.<\/p>\n Haz clic en el bot\u00f3n Configuraci\u00f3n en el cuadro Optimizaci\u00f3n de imagen<\/strong> y selecciona el tipo de optimizaci\u00f3n que necesitas.<\/p>\n Puedes reducir la cantidad de datos que descarga el navegador para mostrar una p\u00e1gina en pantalla mediante la minificaci\u00f3n, compresi\u00f3n y almacenamiento en cach\u00e9 de los recursos HTML, CSS y JavaScript.<\/p>\n La minificaci\u00f3n del c\u00f3digo<\/a> es el proceso de eliminar los caracteres innecesarios del c\u00f3digo fuente. Los comentarios y los espacios en blanco son \u00fatiles en el desarrollo, pero el navegador no los necesita para renderizar la p\u00e1gina. Con la minificaci\u00f3n del c\u00f3digo, puedes reducir el tama\u00f1o de los recursos HTML, CSS y JS hasta en un 50% o m\u00e1s.<\/p>\n Sin embargo, vale la pena se\u00f1alar que Cloudflare ha anunciado recientemente<\/a> la retirada de su funci\u00f3n Auto Minify:<\/p>\n Las razones por las que planeamos eliminar la funci\u00f3n son m\u00faltiples, pero se reducen al hecho de que es una funci\u00f3n de rendimiento que se utiliza con el fin de reducir el peso de la p\u00e1gina, y no es tan eficiente para hacer esto como otros proyectos en los que Cloudflare est\u00e1 trabajando, como mejorar la compresi\u00f3n.<\/p><\/blockquote>\n Puedes reducir el tama\u00f1o de los archivos transmitidos para aumentar la velocidad de la p\u00e1gina y utilizar menos ancho de banda mediante la compresi\u00f3n<\/a>. La compresi\u00f3n GZIP<\/a> te permite comprimir un conjunto de datos en bruto sin p\u00e9rdida de informaci\u00f3n. Se puede comprimir cualquier tipo de archivo, pero GZIP funciona mejor con recursos basados en texto como HTML, CSS y JS. Otro tipo de compresi\u00f3n es Brotli, que es m\u00e1s reciente y eficaz que GZIP y es compatible con los principales navegadores.<\/p>\n Aunque hay varios pasos para activar la compresi\u00f3n Brotli en WordPress<\/a>, los clientes de Kinsta no tienen que hacer absolutamente nada para aprovechar la potencia de este algoritmo de compresi\u00f3n. Gracias a nuestra integraci\u00f3n con Cloudflare, todos los sitios web alojados en Kinsta utilizan Brotli por defecto.<\/strong><\/p>\n Puedes comprobar el tipo de compresi\u00f3n en el inspector de tu navegador. Selecciona un activo en la pantalla Red > Todos<\/strong><\/span> y busca el encabezado Puedes eliminar el JavaScript que bloquea la renderizaci\u00f3n<\/a> a\u00f1adiendo los atributos Tambi\u00e9n puedes eliminar el CSS que bloquea la renderizaci\u00f3n<\/a> dando prioridad a los recursos por encima de la p\u00e1gina, a\u00f1adiendo CSS inline, utilizando el atributo Todo esto puede ser un poco complicado si no eres un desarrollador frontend, pero puedes utilizar un plugin de WordPress<\/a> que haga todo el trabajo sucio por ti.<\/p>\n Adem\u00e1s, a partir de WordPress 6.3<\/a>, puedes a\u00f1adir atributos Hay que hacer un comentario espec\u00edfico sobre las hojas de estilo, que pueden hacer que una p\u00e1gina web sea considerablemente m\u00e1s pesada.<\/p>\n Cuando el navegador accede a una etiqueta Esto lleva a la necesidad de <\/span>optimizar las hojas de estilo<\/a> y realizar un an\u00e1lisis exhaustivo mediante herramientas de desarrollo del navegador, como Lighthouse de Chrome y <\/span>Pagespeed Insights<\/a>.<\/p>\n Una vez realizado el an\u00e1lisis, tendr\u00e1s que identificar las soluciones m\u00e1s adecuadas para reducir el impacto de las hojas de estilo en el rendimiento. La minificaci\u00f3n y la compresi\u00f3n son s\u00f3lo dos de las opciones disponibles. Otras medidas incluyen el almacenamiento en cach\u00e9 de archivos mediante la configuraci\u00f3n de cabeceras Expires y ETag, hacer la mejor elecci\u00f3n del tema y plugins del sitio, eliminar el c\u00f3digo CSS innecesario, optimizar las fuentes web y otras medidas de optimizaci\u00f3n del rendimiento<\/a>.<\/p>\n Sin embargo, la mejor opci\u00f3n para un desarrollador siempre es dise\u00f1ar sus estilos siguiendo las mejores pr\u00e1cticas CSS<\/a> desde el principio.<\/p>\n Las im\u00e1genes, los scripts y las hojas de estilo son recursos fundamentales para un sitio web. Sin embargo, hay otros recursos menos esenciales pero a veces cr\u00edticos para el prop\u00f3sito espec\u00edfico del sitio, como el v\u00eddeo, el contenido multimedia y las fuentes web. Cada recurso genera una petici\u00f3n HTTP al servidor web que lo aloja, y cada petici\u00f3n requiere tiempos de procesamiento y respuesta que se suman unos a otros, aumentando el tiempo total de carga de la p\u00e1gina.<\/p>\nPor d\u00f3nde empezar para lanzar un sitio web de comercio electr\u00f3nico moderno<\/h2>\n
\n
![\"P\u00e1gina](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/woocommerce-plugin.jpg\")
Las 10 mejores pr\u00e1cticas para optimizar el rendimiento de tu sitio web de comercio electr\u00f3nico<\/h2>\n
\n1. Elige una infraestructura de alojamiento y un stack t\u00e9cnico de vanguardia<\/h3>\n
\n
Infraestructura de alojamiento y stack t\u00e9cnico de Kinsta<\/h4>\n
![\"Regiones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-regions.jpg\")
![\"Red](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/google-cloud-network.jpg\")
2. Utiliza versiones de PHP compatibles<\/h3>\n
![\"Versiones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/supported-php-versions.png\")
Versiones de PHP en Kinsta<\/h4>\n
![\"Modificar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/modify-php-engine-mykinsta.jpg\")
3. Aprovechar la cach\u00e9 para mejorar el rendimiento<\/h3>\n
WP_Object_Cache<\/code><\/a> permite reducir el n\u00famero de peticiones a la base de datos: \u00abEl cach\u00e9 de objetos almacena todos los datos del cach\u00e9 en la memoria y hace que el contenido del cach\u00e9 est\u00e9 disponible mediante una clave, que se utiliza para nombrar y recuperar posteriormente el contenido del cach\u00e9\u00bb<\/p>\n![\"Plugins](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/wordpress-caching-plugins.jpg\")
Gesti\u00f3n del cach\u00e9 en Kinsta<\/h4>\n
![\"Cambiar](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/change-cache-expiration-mykinsta.jpg\")
woocommerce_items_in_cart<\/code> o edd_items_in_cart<\/code>. Esto permite una experiencia de compra sin problemas para todos tus clientes.<\/p>\n![\"Plugin](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/kinsta-mu-plugin.jpg\")
\n
\n
4. Utiliza una Red de Entrega de Contenidos<\/h3>\n
\n
CDN de Kinsta<\/h4>\n
\n
![\"Opciones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/edge-caching-mykinsta.jpg\")
![\"Opciones](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/cdn-cache-mykinsta.jpg\")
5. Optimizar im\u00e1genes<\/h3>\n
![\"Soporte](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/avif.jpg\")
Optimizar im\u00e1genes con Kinsta<\/h4>\n
![\"Optimizaci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-mykinsta.jpg\")
![\"Optimizaci\u00f3n](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/image-optimization-options-mykinsta.jpg\")
6. Reducir el tama\u00f1o de los recursos HTML, CSS y JavaScript<\/h3>\n
![\"Soporte](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/brotli.png\")
Compresi\u00f3n de recursos en Kinsta<\/h4>\n
content-encoding<\/code>. Esto proporciona el tipo de compresi\u00f3n activado en tu sitio web. br<\/code> significa Brotli.<\/p>\n![\"Brotli](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/content-encoding-brotli.png\")
7. Eliminar los recursos que bloquean la renderizaci\u00f3n<\/h3>\n
async<\/code> y defer<\/code> a las etiquetas <script><\/code>. Esto puede mejorar lo que denominamos First Contentful Paint<\/a>. M\u00e1s concretamente:<\/p>\n\n
async<\/code> se ejecutan de forma as\u00edncrona en cuanto se cargan. Una vez cargado el script, el navegador hace una pausa, analiza el HTML y ejecuta el script.<\/li>\ndefer<\/code> s\u00f3lo se ejecutan una vez finalizado el an\u00e1lisis sint\u00e1ctico de la p\u00e1gina.<\/li>\n<\/ul>\n![\"El](\"https:\/\/kinsta.com\/wp-content\/uploads\/2024\/08\/eliminate-render-blocking-resources-pagespeed-insights.jpg\")
media<\/code> y usando JavaScript para cargar de forma as\u00edncrona o aplazando la carga del CSS.<\/p>\nasync<\/code> y defer<\/code> durante el registro del script y, a partir de WordPress 6.4<\/a>, estos atributos se han implementado para los scripts frontend en el core de WordPress y en los temas incluidos.<\/p>\n8. Optimizar CSS<\/h3>\n
<link><\/code>, deja de descargar otros recursos y de analizar la p\u00e1gina para descargar y analizar el archivo CSS. Adem\u00e1s, debes prestar atenci\u00f3n a algunas peculiaridades de las hojas de estilo:<\/p>\n\n
9. Reducir el n\u00famero de peticiones HTTP<\/h3>\n