{"id":17387,"date":"2023-07-26T10:55:51","date_gmt":"2023-07-26T08:55:51","guid":{"rendered":"https:\/\/dinorank.com\/blog\/?p=17387"},"modified":"2024-10-13T17:53:46","modified_gmt":"2024-10-13T15:53:46","slug":"como-configurar-wp-rocket","status":"publish","type":"post","link":"https:\/\/dinorank.com\/blog\/como-configurar-wp-rocket\/","title":{"rendered":"C\u00f3mo configurar WP Rocket"},"content":{"rendered":"<p>El <strong>plugin WP Rocket<\/strong> es mucho m\u00e1s que un plugin de cach\u00e9 para tu sitio web y te vas a dar cuenta de ello cuando empieces a trabajar en su configuraci\u00f3n y veas todo lo que puede hacer por ti, entre otras cosas <strong>mejorar la carga de tu web.<\/strong><\/p>\n<p>Como sabr\u00e1s, la velocidad de carga es uno de los factores que m\u00e1s tienes que cuidar en tu sitio web ya que afecta directamente al usuario.<\/p>\n<p><strong>Si tu web tarda demasiado en cargar lo m\u00e1s seguro es que el usuario se canse y se vaya<\/strong> a otro lado a buscar lo que quiera.<\/p>\n<p>Por el contrario, un sitio web ligero le animar\u00e1 a permanecer m\u00e1s tiempo navegando, aumentando as\u00ed el tiempo de permanencia y mejorando tu puntuaci\u00f3n a ojos de Google.<\/p>\n<p>Esto se traduce, como ya sabr\u00e1s, en un mejor posicionamiento.<\/p>\n<p>Da igual si hablamos de tiendas online, de blogs o de otros sitios web.<\/p>\n<p><strong>WP Rocket es considerado por muchos el mejor plugin de cach\u00e9 para WordPress<\/strong> que puedes encontrar en la actualidad.<\/p>\n<p>El rendimiento de tu web va a notar una <strong>mejor\u00eda notable desde el primer momento<\/strong> en que lo actives y rendir\u00e1 todav\u00eda m\u00e1s tras unos peque\u00f1os ajustes en sus opciones de configuraci\u00f3n para acelerar la carga<strong>.<\/strong><\/p>\n<p>As\u00ed que sigue leyendo y presta mucha atenci\u00f3n a los consejos que te voy a dar si quieres sacarle todo el partido.<\/p>\n<h2>Qu\u00e9 es WP Rocket y c\u00f3mo funciona<\/h2>\n<p>WP Rocket es un completo plugin para optimizar el rendimiento de tu web. <strong>Te ayudar\u00e1 a gestionar tu cach\u00e9 y a mejorar la velocidad de carga de tu web<\/strong> proporcionando al usuario una experiencia de navegaci\u00f3n \u00f3ptima.<\/p>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#acc1b5;border-radius:4px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#DFF4E8;color:#000000;border-top-left-radius:2px;border-top-right-radius:2px\"><strong>\u00bfQu\u00e9 es la cach\u00e9 en WordPress?<\/strong><\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:2px;border-bottom-right-radius:2px\">\n<p>La cach\u00e9 es una zona de almacenamiento en la que se guardan<strong> copias de los ficheros finales de una web<\/strong>, que se servir\u00e1n como respuesta a las peticiones de los usuarios.<\/p>\n<p>Es decir, cuando alguien visita una p\u00e1gina, WordPress necesita hacer m\u00faltiples peticiones a la base de datos para construir su contenido final.<\/p>\n<p>Gracias a la cach\u00e9, se reduce la cantidad de solicitudes que hay que realizar, ya que, al tener almacenadas las copias ya generadas de las p\u00e1ginas, son dichas copias las que se env\u00edan a los usuarios y as\u00ed el tiempo de respuesta es mucho menor.<\/p>\n<\/div><\/div>\n<p>Pero WP Rocket no se limita a habilitar una cach\u00e9 para tu WordPress.<\/p>\n<p>WP Rocket hace muchas m\u00e1s cosas para <a id=\"CTA-1\" href=\"https:\/\/dinorank.com\/blog\/metricas-seo\/\" target=\"_blank\" rel=\"noopener\">optimizar el rendimiento de tu p\u00e1gina web<\/a> al completo.<\/p>\n<p>Y lo vamos a ver juntos en este tutorial de WP Rocket. \u00bfMe acompa\u00f1as?<\/p>\n<h2>Precio del plugin WP Rocket para WordPress<\/h2>\n<p>Antes de nada, debes saber que <strong>WP Rocket es un plugin premium para WordPress<\/strong> y, como tal, se trata de un complemento de pago.<\/p>\n<p><strong>Dispones de 3 planes de pago<\/strong>, en funci\u00f3n de cu\u00e1les sean tus necesidades.<\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-17460 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-planes-precios.png\" alt=\"Planes de precios de WP Rocket\" width=\"1024\" height=\"801\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-planes-precios.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-planes-precios-300x235.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-planes-precios-768x601.png 768w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-planes-precios-87x67.png 87w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>El plan m\u00e1s b\u00e1sico cuesta 59 \u20ac al a\u00f1o y s\u00f3lo te permite activarla en 1 instalaci\u00f3n de WordPress.<\/p>\n<p>Si lo que deseas es poder usar el plugin en sitios web ilimitados, deber\u00e1s hacerte con la licencia Infinite, que asciende a 299 \u20ac al a\u00f1o.<\/p>\n<h3>\u00bfSe puede descargar WP Rocket gratis?<\/h3>\n<p>Siento tener que decirte esto, pero actualmente no existe una versi\u00f3n gratuita de WP Rocket.<\/p>\n<p>Lo que s\u00ed tienes disponible es un <strong>per\u00edodo de prueba de 14 d\u00edas<\/strong>.<\/p>\n<p>De este modo, si compras tu licencia y no te convence, puedes solicitar el reembolso de tu dinero sin mayor problema si no ves resultados convincentes en tu Google Analytics.<\/p>\n<p>Es una opci\u00f3n muy aconsejable si quieres probar este plugin para optimizar WordPress antes de decidirte a comprarlo.<\/p>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#00604a;border-radius:4px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#00937d;color:#ffffff;border-top-left-radius:2px;border-top-right-radius:2px\">Mejorar el rendimiento de tu web es solo el primer paso<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:2px;border-bottom-right-radius:2px\">\n<p>Hay cientos de factores m\u00e1s a tener en cuenta para tener un buen posicionamiento SEO.<\/p>\n<p><a id=\"CTA-2\" href=\"https:\/\/dinosauriomecanizado.com\/curso-seo\/\" target=\"_blank\" rel=\"noopener\"><strong>En este curso gratuito tienes 6 lecciones con las que podr\u00e1s mantenerte al d\u00eda<\/strong><\/a> de lo que funciona hoy en d\u00eda en SEO para\u00a0conseguir m\u00e1s visibilidad.<\/p>\n<\/div><\/div>\n<h2>Tutorial pr\u00e1ctico de WP Rocket<\/h2>\n<p>Si lo tuyo no son los aspectos t\u00e9cnicos, es muy probable que cuando escuchas hablar de plugins de cach\u00e9 o mejora del WPO, sientas un peque\u00f1o escalofr\u00edo.<\/p>\n<p>Pero, no te preocupes, <strong>WP Rocket no es nada complicado<\/strong> de manejar.<\/p>\n<p>Adem\u00e1s, para facilitarte un poco m\u00e1s las cosas, te voy a contar c\u00f3mo puedes configurarlo para aprovechar todo su potencial.<\/p>\n<p>Ver\u00e1s que no hace falta ser un experto. Con unas pocas acciones, tu web empezar\u00e1 a volar como un cohete.<\/p>\n<h3>C\u00f3mo instalar WP Rocket<\/h3>\n<p>El primer paso, como no pod\u00eda ser de otra manera, ser\u00e1 descargar e instalar el plugin.<\/p>\n<div class=\"su-note border=#000000\"  style=\"border-color:#c5dace;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#DFF4E8;border-color:#ffffff;color:#000000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Como hemos comentado WP Rocket es un plugin de pago, por lo que tendr\u00e1s que acceder a su web y realizar la compra del plan que m\u00e1s se ajuste a tus necesidades.<\/div><\/div>\n<p>Una vez adquirida tu licencia, <strong>desde tu cuenta de usuario podr\u00e1s descargar el fichero .zip<\/strong> que te permitir\u00e1 instalar WP Rocket en tu web.<\/p>\n<p>La instalaci\u00f3n en WordPress es igual que la de cualquier otro plugin de pago.<\/p>\n<p>Simplemente debes ir a la secci\u00f3n \u201cPlugins &gt; A\u00f1adir Nuevo\u201d y, una vez all\u00ed, pulsar el bot\u00f3n \u201cSubir Plugin\u201d que hay en la parte superior.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-17461 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-instalacion.png\" alt=\"Instalaci\u00f3n del plugin de WP Rocket en WordPress\" width=\"1024\" height=\"492\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-instalacion.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-instalacion-300x144.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-instalacion-768x369.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Veremos una pantalla en la que podemos <strong>seleccionar el fichero .zip que nos hab\u00edamos descargado e instalarlo en nuestro WordPress<\/strong>.<\/p>\n<p>Cuando acabe la instalaci\u00f3n, s\u00f3lo nos queda pulsar el bot\u00f3n \u201cActivar plugin\u201d.<\/p>\n<p>Desde ese momento, <strong>WP Rocket empezar\u00e1 a mejorar el rendimiento de nuestra web<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-17462 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-escritorio.png\" alt=\"Panel de escritorio de WP Rocket\" width=\"1024\" height=\"517\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-escritorio.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-escritorio-300x151.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-escritorio-768x388.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>Configuraci\u00f3n de WP Rocket paso a paso<\/h3>\n<p>He visto que muchos usuarios, cuando utilizan WP Rocket, se limitan a activarlo y dejar que el plugin act\u00fae por s\u00ed mismo.<\/p>\n<p>Y es que la optimizaci\u00f3n que se consigue en una web con la configuraci\u00f3n por defecto es realmente buena.<\/p>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#acc1b5;border-radius:4px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#DFF4E8;color:#000000;border-top-left-radius:2px;border-top-right-radius:2px\"><strong>\u00bfCu\u00e1les son las funciones autom\u00e1ticas que hace WP Rocket tan solo con la activaci\u00f3n?<\/strong><\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:2px;border-bottom-right-radius:2px\">\n<ul>\n<li>Gesti\u00f3n de la cach\u00e9 de p\u00e1ginas, del navegador y del carrito de WooCommerce<\/li>\n<li>Compresi\u00f3n GZIP<\/li>\n<li>Soporte de fuentes web de origen cruzado<\/li>\n<li>Soporte y detecci\u00f3n de plugins, temas y entornos de alojamiento<\/li>\n<li>Optimizaci\u00f3n de la carga de las fuentes de Google<\/li>\n<li>Anulaci\u00f3n de la conversi\u00f3n autom\u00e1tica de caracteres a Emojis de WordPress<\/li>\n<\/ul>\n<\/div><\/div>\n<p>Ahora bien, aunque las mejoras son sustanciales, he de decir que, si no haces algunos ajustes, estar\u00e1s perdiendo muchas oportunidades de optimizar tu sitio web.<\/p>\n<p>A continuaci\u00f3n te voy a explicar qu\u00e9 aspectos puedes configurar con WP Rocket y <strong>te dir\u00e9 qu\u00e9 configuraci\u00f3n suelo aplicar a la mayor\u00eda de mis webs<\/strong>.<\/p>\n<h4>Activaci\u00f3n y limpieza de la cach\u00e9<\/h4>\n<p>WP Rocket <strong>habilita su funcionalidad de cach\u00e9 en cuanto activas el plugin<\/strong>.<\/p>\n<p>A partir de ese instante, tus p\u00e1ginas empezar\u00e1n a ser cacheadas y, de este modo, tus usuarios ver\u00e1n c\u00f3mo se cargan mucho m\u00e1s r\u00e1pidamente.<\/p>\n<p>Pero, adem\u00e1s, cuentas tambi\u00e9n con avanzadas de cach\u00e9.<\/p>\n<p>Si, en alg\u00fan momento, quieres <strong>renovar el contenido de la cach\u00e9<\/strong>, puedes hacerlo desde la pesta\u00f1a principal de los ajustes del plugin o desde el men\u00fa superior de tu instalaci\u00f3n de WordPress.<\/p>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#acc1b5;border-radius:4px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#DFF4E8;color:#000000;border-top-left-radius:2px;border-top-right-radius:2px\"><strong>\u00bfY si no queremos utilizar la cach\u00e9 de WP Rocket?<\/strong><\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:2px;border-bottom-right-radius:2px\">\n<p>WP Rocket no da opci\u00f3n para deshabilitar la cach\u00e9.<\/p>\n<p>Por eso, si quieres desactivar la cach\u00e9 de WP Rocket, pero deseas seguir utilizando algunas de sus otras funciones de optimizaci\u00f3n, deber\u00e1s bajarte el siguiente <a href=\"https:\/\/docs.wp-rocket.me\/article\/61-disable-page-caching\" target=\"_blank\" rel=\"noopener\">plugin de su p\u00e1gina web<\/a>.<\/p>\n<\/div><\/div>\n<p>Adem\u00e1s, WP Rocket te permite ajustar algunos par\u00e1metros relacionados con la cach\u00e9 y optimizaci\u00f3n. Vamos a verlos.<\/p>\n<p>En primer lugar, tenemos la posibilidad de <strong>habilitar la cach\u00e9 para dispositivos m\u00f3viles<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17463 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-movil.png\" alt=\"Cach\u00e9 m\u00f3vil en WP Rocket\" width=\"1024\" height=\"421\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-movil.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-movil-300x123.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-movil-768x316.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Si tienes un sitio web responsivo, es decir, que los tama\u00f1os y posiciones de los elementos de las p\u00e1ginas se ajustan a las dimensiones del dispositivo, tienes que marcar esta opci\u00f3n.<\/p>\n<div class=\"su-note border=#000000\"  style=\"border-color:#c5dace;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#DFF4E8;border-color:#ffffff;color:#000000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Hoy en d\u00eda, casi todas las webs, especialmente si se hacen con WordPress, son responsivas debido al aumento de dispositivos m\u00f3viles. Por lo tanto, esta casilla deber\u00eda estar activada.<\/div><\/div>\n<p>Caso diferente es la opci\u00f3n que se muestra justo debajo, <strong>\u201cGuardar separadamente los archivos para dispositivos m\u00f3viles\u201d<\/strong>. Esta configuraci\u00f3n no se refiere al tema responsive, sino a funcionamientos completamente diferentes en funci\u00f3n del dispositivo.<\/p>\n<p>Si tenemos un plugin, o desarrollo espec\u00edfico, que provoca comportamientos distintos dependiendo de si la web se carga en equipos de escritorio o en m\u00f3vil, tendremos que marcarlo.<\/p>\n<p>Por otro lado, WP Rocket nos permite tambi\u00e9n <strong>habilitar la cach\u00e9 para usuarios conectados<\/strong>. Esta funci\u00f3n es \u00fatil en sitios de membres\u00eda (membership sites) o en tiendas online.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17464 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-usuario.png\" alt=\"Cach\u00e9 de usuario en WP Rocket\" width=\"750\" height=\"182\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-usuario.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-usuario-300x73.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Ahora bien, siempre que actives esta opci\u00f3n, deber\u00e1s comprobar su correcto funcionamiento y, si fuese necesario, excluir ciertas URLs que no queremos cachear en ning\u00fan caso porque su contenido cambie frecuentemente.<\/p>\n<p>Finalmente, podemos <strong>definir la vida \u00fatil de la cach\u00e9<\/strong>, es decir, cada cu\u00e1nto tiempo se suelen renovar los datos de esta limpieza autom\u00e1tica.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17465 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-vida-util.png\" alt=\"Definir la vida \u00fatil de la cach\u00e9 en WP Rocket\" width=\"750\" height=\"281\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-vida-util.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cache-vida-util-300x112.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Generalmente, la opci\u00f3n por defecto de 10 horas, creo que es bastante equilibrada y es la que suelo dejar. No obstante, en p\u00e1ginas que no suelen tener modificaciones, puedes programar limpieza hasta las 24 horas.<\/p>\n<h4>Optimizaci\u00f3n de archivos CSS y JavaScript<\/h4>\n<p>Uno de los aspectos que m\u00e1s dudas suele generar a la hora de mejorar la velocidad de un sitio web es todo lo que afecta a la carga de ficheros CSS y JavaScript.<\/p>\n<p>Y no es para menos. Si no sabes lo que haces, puedes provocar que tu web no funcione como debe o que el dise\u00f1o web se vaya al traste.<\/p>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#acc1b5;border-radius:4px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#DFF4E8;color:#000000;border-top-left-radius:2px;border-top-right-radius:2px\"><strong>\u00bfQu\u00e9 ocurre si algo falla?<\/strong><\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:2px;border-bottom-right-radius:2px\">\n<p>El principal consejo que te puedo dar a la hora de tocar las optimizaciones de CSS y JavaScript de WP Rocket es que apliques una sola opci\u00f3n e inmediatamente revises la web.<\/p>\n<p><strong>Comprueba cada optimizaci\u00f3n por separado<\/strong>. Una a una.<\/p>\n<p>De este modo, si algo no funciona, sabr\u00e1s lo que debes desactivar para que vuelva a ir bien.<\/p>\n<p>Y no te preocupes por probar.<\/p>\n<p><strong>WP Rocket no hace estas modificaciones directamente en tu web<\/strong>, sino en copias que utiliza internamente para servir tus p\u00e1ginas, por lo que no hay riesgo de romper nada.<\/p>\n<p>Basta con desactivar la opci\u00f3n que causa el problema y tu web volver\u00e1 a la normalidad.<\/p>\n<\/div><\/div>\n<p>En este apartado vamos a ver qu\u00e9 significa cada configuraci\u00f3n, cu\u00e1les te conviene activar y c\u00f3mo obtener buenos resultados con el menor riesgo para la optimizaci\u00f3n de archivos.<\/p>\n<h5>Minificar archivos CSS<\/h5>\n<p>Empezamos con los ficheros CSS y la primera opci\u00f3n que nos encontramos es la que nos permite minimizar el tama\u00f1o de los archivos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17466 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-minimizar.png\" alt=\"Minimizar archivos CSS con WP Rocket\" width=\"750\" height=\"270\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-minimizar.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-minimizar-300x108.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Si alguna vez has visto un fichero CSS te habr\u00e1s fijado en que, para que sea m\u00e1s f\u00e1cil de entender, el programador habr\u00e1 utilizado espacios y saltos de l\u00ednea para separar las sentencias. Incluso es posible que haya escrito comentarios para saber qu\u00e9 hace cada instrucci\u00f3n.<\/p>\n<p>Todos estas acciones, si bien son \u00fatiles para la programaci\u00f3n, lo que hacen es aumentar el tama\u00f1o del fichero en la base de datos y, por lo tanto, suponen un trabajo extra para el servidor a la hora de transferirlos por la Red.<\/p>\n<p>Con la opci\u00f3n de WP Rocket para minificar archivos CSS, se reduce el tama\u00f1o de los archivos CSS, al eliminar estos recursos est\u00e9ticos, y <strong>se consigue acelerar su carga<\/strong>.<\/p>\n<p>Es una opci\u00f3n que siempre suelo activar para optimizar la base de datos y su rendimiento.<\/p>\n<h5>Combinar archivos CSS<\/h5>\n<p>El siguiente aspecto que podemos configurar consiste en combinar los archivos CSS en uno solo. De esta forma <strong>se reduce el n\u00famero de peticiones al servidor<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17467 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-combinar.png\" alt=\"Combinar archivos CSS con WP Rocket\" width=\"750\" height=\"375\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-combinar.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-combinar-300x150.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>El propio WP Rocket <strong>no lo recomienda si tu sitio utiliza HTTP\/2<\/strong>, ya que en ese caso no aporta ninguna ventaja y puede dar m\u00e1s problemas que beneficios.<\/p>\n<p>Teniendo en cuenta que hoy en d\u00eda la mayor\u00eda de los hostings soportan este protocolo de transferencia, no suele ser necesario activar esta opci\u00f3n para optimizar archivos.<\/p>\n<p>Si tienes dudas de si tu web implementa o no el protocolo HTTP\/2, <a href=\"https:\/\/tools.keycdn.com\/http2-test\" target=\"_blank\" rel=\"noopener\">puedes comprobarlo aqu\u00ed<\/a>.<\/p>\n<h5>Optimizar la entrega del CSS<\/h5>\n<p>Cuando haces la petici\u00f3n de una p\u00e1gina web, \u00e9sta debe cargar sus estilos para poder visualizarse correctamente. En caso contrario, ver\u00edas una web sin apariencia ni estructura, con todos sus elementos descuadrados.<\/p>\n<p>Ahora bien, <span class=\"su-highlight\" style=\"background:#DFF4E8;color:#000000\">&nbsp;no todos los estilos son necesarios para una primera visualizaci\u00f3n&nbsp;<\/span>.<\/p>\n<p>La optimizaci\u00f3n del CSS hace precisamente eso, decidir <strong>qu\u00e9 estilos debe cargar inicialmente una p\u00e1gina para poder ser representada correctamente<\/strong>, de modo que no necesite esperar a la lectura completa de todos los ficheros CSS para mostrarla al usuario.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17468 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-optimizar-entrega.png\" alt=\"Optimizar la entrega de archivos CSS con WP Rocket\" width=\"750\" height=\"401\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-optimizar-entrega.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-css-optimizar-entrega-300x160.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>WP Rocket te ofrece dos modos de hacer esta optimizaci\u00f3n:<\/p>\n<ul>\n<li><strong>Eliminar el CSS que no se utiliza.<\/strong> Es la opci\u00f3n recomendada y la que particularmente suelo utilizar. Adem\u00e1s, si observas que alg\u00fan estilo no se carga correctamente, puedes indicarlo en el cuadro de exclusi\u00f3n para que siempre lo tenga en cuenta.<\/li>\n<li><strong>Cargar el CSS as\u00edncronamente<\/strong>. WP Rocket analiza los ficheros para generar la ruta cr\u00edtica de CSS (aquellos estilos que son estrictamente necesarios) y los cargar\u00e1 al inicio de la p\u00e1gina. El resto de estilos los cargar\u00e1 en segundo plano una vez se ha mostrado la p\u00e1gina al usuario.<\/li>\n<\/ul>\n<h5>Minificar y combinar archivos JavaScript<\/h5>\n<p>Tal y como hemos visto para los CSS, WP Rocket te permite minimizar los ficheros JavaScript para hacerlos m\u00e1s peque\u00f1os, as\u00ed como combinarlos en uno solo y recopilar informaci\u00f3n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17469 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-minimizar.png\" alt=\"Minimizar archivos JavaScript con WP Rocket\" width=\"750\" height=\"520\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-minimizar.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-minimizar-300x208.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Yo suelo activar la primera opci\u00f3n para optimizar archivos, pero no la segunda.<\/p>\n<h5>Cargar archivos JavaScript de manera diferida<\/h5>\n<p>De modo similar a la carga as\u00edncrona del CSS, <strong>WP Rocket permite que los ficheros JavaScript se carguen al final de la p\u00e1gina<\/strong>, de modo que no interfieran en la visualizaci\u00f3n de la misma (renderizado) y este proceso sea lo m\u00e1s r\u00e1pido posible.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17470 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-cargar-diferido.png\" alt=\"Cargar archivos JavaScript de manera diferida con WP Rocket\" width=\"750\" height=\"298\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-cargar-diferido.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-cargar-diferido-300x119.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Yo suelo activarlo y, si alg\u00fan archivo me da problemas, lo excluyo mediante el cuadro inferior.<\/p>\n<h5>Retrasar la ejecuci\u00f3n del JavaScript.<\/h5>\n<p>Otra funci\u00f3n que ofrece WP Rocket para mejorar la carga del JavaScript es <strong>retrasar su ejecuci\u00f3n hasta que el usuario interact\u00faa<\/strong> con la p\u00e1gina web.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17471 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-retrasar.png\" alt=\"Retrasar la ejecuci\u00f3n de archivos JavaScript con WP Rocket\" width=\"750\" height=\"772\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-retrasar.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-archivos-javascript-retrasar-291x300.png 291w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Es una mejora muy potente que siempre suelo activar, aunque tambi\u00e9n puede dar ciertos problemas.<\/p>\n<p>Por eso, conviene siempre hacer una revisi\u00f3n exhaustiva de tu web para comprobar que todo funciona correctamente y, si alguna funci\u00f3n JavaScript falla, excluirla en los cuadros destinados para ello o, simplemente, desactivar esta mejora.<\/p>\n<h4>Mejorar la carga de medios (Lazy Load)<\/h4>\n<p>Todos sabemos que la carga de im\u00e1genes y v\u00eddeos, debido a su tama\u00f1o, son los recursos que m\u00e1s suelen influir para mejorar la velocidad web.<\/p>\n<p>La opci\u00f3n Lazy Load nos permite <strong>retrasar la obtenci\u00f3n de estos elementos<\/strong> hasta el momento en que el usuario llega a la zona de la p\u00e1gina en la que est\u00e1n contenidos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17473 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-medios.png\" alt=\"Mejorar la carga de medios (Lazy Load) con WP Rocket\" width=\"1024\" height=\"886\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-medios.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-medios-300x260.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-medios-768x665.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Adem\u00e1s, WP Rocket ofrece una funcionalidad extra para los v\u00eddeos de YouTube, que nos permite <strong>sustituir autom\u00e1ticamente el iframe del v\u00eddeo por una imagen de vista previa<\/strong>.<\/p>\n<p>Para ello tienes que hacer click en &#8220;Habilitar para iframes y videos&#8221;.<\/p>\n<p>De este modo, utilizamos un recurso m\u00e1s ligero que el v\u00eddeo (la imagen) y \u00e9ste s\u00f3lo se cargar\u00e1 cuando el usuario haga clic sobre el mismo.<\/p>\n<p>En cuanto a la optimizacion de im\u00e1genes, WP Rocket tambi\u00e9n nos da la opci\u00f3n de habilitar una funci\u00f3n que <strong>completa los atributos de ancho y alto<\/strong> que falten en el HTML.<\/p>\n<p>De este modo, <span class=\"su-highlight\" style=\"background:#DFF4E8;color:#000000\">&nbsp;se mejora el renderizado en el navegador&nbsp;<\/span>, ya que \u00e9ste conoce el espacio que va a ocupar la imagen antes de descargarla completamente y as\u00ed <strong>no descoloca los elementos<\/strong> conforme navegamos por la p\u00e1gina.<\/p>\n<p>En mi opini\u00f3n, todas las opciones relativas a la carga de imagenes son muy \u00fatiles y las suelo activar en mis webs.<\/p>\n<h4>Precarga de recursos<\/h4>\n<p>Tradicionalmente, una memoria cach\u00e9 se va llenando conforme los usuarios realizan peticiones.<\/p>\n<p>Es decir, un usuario accede a una p\u00e1gina y, si dicha p\u00e1gina no est\u00e1 todav\u00eda en la cach\u00e9, se crea y se almacena, de modo que el siguiente usuario pueda acceder m\u00e1s r\u00e1pido a ella.<\/p>\n<p>La precarga de recursos permite acelerar este proceso. El <strong>bot de WP Rocket es el que se encarga de recorrer autom\u00e1ticamente tu web y almacenar las copias<\/strong> de todas las p\u00e1ginas en la cach\u00e9.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17474 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-precarga-cache.png\" alt=\"Precarga de cach\u00e9 con WP Rocket\" width=\"1024\" height=\"508\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-precarga-cache.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-precarga-cache-300x149.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-precarga-cache-768x381.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>De este modo, al habilitar cach\u00e9, <strong>los usuarios siempre ver\u00e1n versiones actualizadas de tus p\u00e1ginas<\/strong> y acceder\u00e1n a ellas mucho m\u00e1s r\u00e1pidamente.<\/p>\n<p>Por lo tanto, activar la opci\u00f3n de Precarga es m\u00e1s que recomendable.<\/p>\n<p>Adem\u00e1s, WP Rocket te ofrece otras configuraciones adicionales para mejorar la carga de tus p\u00e1ginas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17475 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-precarga-otros.png\" alt=\"Otras opciones de precarga en WP Rocket\" width=\"750\" height=\"876\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-precarga-otros.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-precarga-otros-257x300.png 257w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Te explico brevemente en qu\u00e9 consisten:<\/p>\n<ul>\n<li><strong>Habilitar la precarga de enlaces<\/strong>. Permite que, cuando el usuario pase por encima de un enlace interno, el navegador descargue el contenido de dicho enlace en segundo plano, de manera que si hace clic lo pueda abrir mucho m\u00e1s r\u00e1pidamente. Es una opci\u00f3n que me parece muy interesante tener activada.<\/li>\n<li><strong>Precarga de peticiones DNS<\/strong>. Si queremos acelerar las peticiones a las URLs externas que tenemos enlazadas en nuestra web, aqu\u00ed podemos indicarlo, especificando los dominios que nos gustar\u00eda cargar m\u00e1s r\u00e1pido. Si te soy sincero, no suelo utilizarlo demasiado.<\/li>\n<li><strong>Precargar Fonts.<\/strong> A veces, los informes de Google PageSpeed Insights nos recomiendan precargar las fuentes de nuestra web para mejorar el rendimiento. Aqu\u00ed podemos indicar las rutas a los ficheros de fuentes que queremos precargar.<\/li>\n<\/ul>\n<h4>Reglas avanzadas de WP Rocket<\/h4>\n<p>Para la mayor\u00eda de usuarios no suele ser necesario tocar nada aqu\u00ed pero, si tienes conocimientos avanzados y deseas lograr un mayor control sobre el funcionamiento de WP Rocket, esta secci\u00f3n puede serte de gran ayuda.<\/p>\n<div class=\"su-note border=#000000\"  style=\"border-color:#c5dace;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#DFF4E8;border-color:#ffffff;color:#000000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">En las reglas avanzadas podr\u00e1s elegir, por ejemplo, qu\u00e9 p\u00e1ginas, cookies o agentes de usuario no deben ser almacenadas en la cach\u00e9, as\u00ed como decidir qu\u00e9 URLs quieres que siempre sean purgadas cuando actualices algo.<\/div><\/div>\n<p>No te puedo dar ninguna pauta para configurar esta parte, ya que es muy espec\u00edfica de cada web en particular.<\/p>\n<p>Lo que s\u00ed te recomiendo es que, si no te dan miedo los aspectos m\u00e1s t\u00e9cnicos, eches un vistazo a todas las opciones en la pesta\u00f1a de reglas avanzadas. Quiz\u00e1 encuentres la soluci\u00f3n a ciertos funcionamientos err\u00f3neos de tu p\u00e1gina.<\/p>\n<h4>Optimizar la base de datos<\/h4>\n<p>La base de datos de tu sitio web no permanece inmutable sino que va almacenando todos los archivos que se van generando con el paso del tiempo.<\/p>\n<p>Por ello, necesitar\u00e1s<strong> hacer una limpieza de vez en cuando que te ayude a eliminar \u201cbasura\u201d<\/strong> que \u00fanicamente est\u00e1 ocupando sitio y ralentizando la velocidad de carga como, por ejemplo, los comentarios spam. El plugin WP Rocket te permite limpiar la base de datos tan s\u00f3lo con algunos clics.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17476 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-entradas.png\" alt=\"WP Rocket - limpieza entradas de la base de datos\" width=\"750\" height=\"475\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-entradas.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-entradas-300x190.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Adem\u00e1s de la limpieza de entradas, tambi\u00e9n podr\u00e1s realizar un borrado de comentarios donde<strong> tendr\u00e1s la opci\u00f3n de eliminar todo el spam que haya entrado en tu p\u00e1gina,<\/strong> as\u00ed como los comentarios descartados que se encuentren en la papelera por cualquier motivo.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17477 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-comentarios.png\" alt=\"WP Rocket - limpieza comentarios de la base de datos\" width=\"750\" height=\"256\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-comentarios.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-comentarios-300x102.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Tambi\u00e9n puedes marcar la opci\u00f3n de<strong>\u00a0limpieza de transients<\/strong>, informaci\u00f3n temporal que se genera por los plugins o por el tema que se est\u00e1 usando. Esto puede crear miles de registros que ralentizar\u00e1 las consultas que se hagan a la base de datos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17478 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-transients.png\" alt=\"WP Rocket - limpieza de transients de la base de datos\" width=\"750\" height=\"706\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-transients.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-base-datos-transients-300x282.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Puedes hacer esta limpieza sin problema. No temas que afecte a tu p\u00e1gina ni al dise\u00f1o web ya que, <strong>si alguno de estos transients es necesario, se volver\u00e1 a generar<\/strong>.<\/p>\n<p>Por \u00faltimo, tienes la opci\u00f3n de realizar una <strong>optimizaci\u00f3n de las tablas de tu base de datos<\/strong> o programar una limpieza autom\u00e1tica.<\/p>\n<h4>C\u00f3mo configurar un CDN con WP Rocket<\/h4>\n<p>WP Rocket tambi\u00e9n te puede ayudar a gestionar tu CDN en el caso de que est\u00e9s usando alg\u00fan servicio como KeyCDN, StackPath (antes MaxCDN) o RocketCDN, la soluci\u00f3n premium que los propios distribuidores de WP Rocket te ofrecen por un coste adicional.<\/p>\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#acc1b5;border-radius:4px;max-width:none\"><div class=\"su-box-title\" style=\"background-color:#DFF4E8;color:#000000;border-top-left-radius:2px;border-top-right-radius:2px\"><strong>\u00bfQu\u00e9 es una CDN?<\/strong><\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:2px;border-bottom-right-radius:2px\">Una CDN es una red de servidores que almacenan copias de los elementos est\u00e1ticos de tu web, tales como im\u00e1genes, archivos CSS o Javascript, para hacer que se carguen con m\u00e1s rapidez.<\/div><\/div>\n<p>Para <strong>habilitar el uso de una CDN en WP Rocket<\/strong>, primero deber\u00e1s contratarla con el proveedor que desees y despu\u00e9s activar la opci\u00f3n correspondiente del plugin.<\/p>\n<p>Hecho esto, deber\u00e1s a\u00f1adir los CNAMEs que obtendr\u00e1s en el propio servicio que est\u00e9s usando.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17479 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cdn-configuracion.png\" alt=\"Configurar un CDN con WP Rocket\" width=\"750\" height=\"730\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cdn-configuracion.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cdn-configuracion-300x292.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>WP Rocket te permite <strong>reescribir las urls y excluir algunos archivos<\/strong>. Adem\u00e1s, puedes utilizar CNAMEs para algunas clases espec\u00edficas de archivos como, por ejemplo, las im\u00e1genes.<\/p>\n<p>Ahora bien, quiz\u00e1 hayas notado que al hablar de los CDN no te he mencionado nada sobre Cloudflare. Esto es debido a que, <strong>si empleas Cloudflare, el plugin WP Rocket cuenta con un complemento aparte<\/strong> de los otros CDN que te ayudar\u00e1 a gestionarlo todo desde el mismo panel administracion de WordPress. Te lo voy a contar m\u00e1s en detalle a continuaci\u00f3n.<\/p>\n<h4>WP Rocket y Cloudflare<\/h4>\n<p>Como usuario de Cloudflare en varias de mis webs te puedo decir que las utilidades que incluye el plugin WP Rocket para manejarlo me parecen todo un acierto.<\/p>\n<p>El complemento de Cloudflare lo puedes encontrar y activar en la pesta\u00f1a Add-on de WP Rocket.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17480 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cloudflare-activacion.png\" alt=\"WP Rocket y Cloudflare - Activaci\u00f3n\" width=\"1024\" height=\"355\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cloudflare-activacion.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cloudflare-activacion-300x104.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cloudflare-activacion-768x266.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Para utilizarlo, simplemente tienes que introducir los datos de la API que encontrar\u00e1s en la informaci\u00f3n general de cada uno de tus dominios dentro de tu cuenta de Cloudflare, adem\u00e1s de la direcci\u00f3n de correo electr\u00f3nico con la que te diste de alta.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17481 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cdn-configuracion-1.png\" alt=\"WP Rocket y Cloudflare - Configuraci\u00f3n\" width=\"750\" height=\"730\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cdn-configuracion-1.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cdn-configuracion-1-300x292.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Una vez has unido tu instalaci\u00f3n de WP Rocket con Cloudflare, tendr\u00e1s acceso a los siguientes ajustes:<\/p>\n<ul>\n<li><strong>Activar el modo desarrollo<\/strong>. De este modo, puedes hacer cambios en tu web durante varias horas sin preocuparte por el cacheo de Cloudflare.<\/li>\n<li><strong>Activar la configuraci\u00f3n \u00f3ptima de Cloudflare<\/strong> para que sea compatible con WP Rocket, seg\u00fan las pruebas realizadas por sus desarrolladores. Si observas alg\u00fan error al instalar WP Rocket, esta opci\u00f3n puede darte una soluci\u00f3n con los problemas de compatibilidad.<\/li>\n<li><strong>Usar el protocolo relativo<\/strong>. M\u00e1rcalo s\u00f3lo si utilizas la configuraci\u00f3n Flexible SSL de Cloudflare y sabes muy bien lo que est\u00e1s haciendo.<\/li>\n<\/ul>\n<p>Algo que siempre me ha resultado bastante inc\u00f3modo cuando utilizo Cloudflare es tener que entrar en mi cuenta para <strong>borrar la cach\u00e9<\/strong> cada vez que hago un cambio en mi web y \u00e9ste no se ve reflejado autom\u00e1ticamente.<\/p>\n<p>Con el complemento de WP Rocket para Cloudflare, adem\u00e1s de tener la posibilidad de activar el modo desarrollo, esta limpieza de cach\u00e9 la realizo <strong>directamente desde mi WordPress con un simple clic en un bot\u00f3n<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17482 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cloudflare-ajustes.png\" alt=\"WP Rocket y Cloudflare - Ajustes\" width=\"750\" height=\"685\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cloudflare-ajustes.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-cloudflare-ajustes-300x274.png 300w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Evidente, Cloudflare tiene muchas m\u00e1s funcionalidades que las que te permite controlar WP Rocket, pero simplemente con lo que te ofrece el plugin te aseguro que vas a ahorrar bastante tiempo.<\/p>\n<h4>Heartbeat \u2013 La sincronizaci\u00f3n entre servidor y navegador<\/h4>\n<p>La API de <strong>Heartbeat de WordPress<\/strong> sincroniza el navegador y el servidor y permite la conexi\u00f3n para la transferencia de los datos en tiempo real.<\/p>\n<div class=\"su-note border=#000000\"  style=\"border-color:#c5dace;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#DFF4E8;border-color:#ffffff;color:#000000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Interviene en muchos procesos de tu WordPress como las notificaciones del panel de administraci\u00f3n, el autoguardado y las revisiones de los borradores, los datos en tiempo real, etc.<\/div><\/div>\n<p>Si tratas de <strong>reducir algunas de las tareas que ejecuta Heartbeat<\/strong> podr\u00e1s liberar de cierta carga a tu servidor.<\/p>\n<p>Para ello, WP Rocket lo pone muy f\u00e1cil ya que puedes activar la casilla de verificaci\u00f3n con el nombre \u201cControlar Heartbeat\u201d.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17483 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-heartbeat-configuracion.png\" alt=\"WP Rocket Heartbeat control\" width=\"1024\" height=\"822\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-heartbeat-configuracion.png 1024w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-heartbeat-configuracion-300x241.png 300w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-heartbeat-configuracion-768x617.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>Una vez que has activado la opci\u00f3n &#8220;controlar heartbeat&#8221; podr\u00e1s reducir la actividad, desactivarla por completo o no ponerle ning\u00fan l\u00edmite.<\/p>\n<h4>M\u00e1s herramientas y extensiones<\/h4>\n<p>Te he hablado antes de la integraci\u00f3n de WP Rocket con Cloudflare.<\/p>\n<p>Pero \u00e9sta no es la \u00fanica extensi\u00f3n que te ofrece el plugin.<\/p>\n<p><strong>Dentro de la secci\u00f3n Add-ons puedes encontrar otros complementos<\/strong> para mejorar la compatibilidad con diferentes utilidades, como Varnish, Sucuri o el formato WebP para im\u00e1genes.<\/p>\n<p>Por otro lado, <strong>la secci\u00f3n de herramienta te permite exportar tu configuraci\u00f3n de WP Rocket<\/strong> a un fichero en formato JSON e importarla en una nueva instalaci\u00f3n del plugin.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-17484 size-full\" src=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-herramientas.png\" alt=\"Panel de herramientas de WP Rocket\" width=\"750\" height=\"904\" srcset=\"https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-herramientas.png 750w, https:\/\/dinorank.com\/blog\/wp-content\/uploads\/2023\/06\/wprocket-herramientas-249x300.png 249w\" sizes=\"(max-width: 750px) 100vw, 750px\" \/><\/p>\n<p>Desde este apartado tambi\u00e9n puedes <strong>actualizar de forma manual las listas de inclusi\u00f3n y exclusi\u00f3n<\/strong>.<\/p>\n<p>Se trata de listas que se actualizan continuamente en los servidores de WP Rocket para asegurar el correcto funcionamiento del plugin y se descargan de forma autom\u00e1tica cada semana.<\/p>\n<div class=\"su-note border=#000000\"  style=\"border-color:#c5dace;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#DFF4E8;border-color:#ffffff;color:#000000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Si, por alg\u00fan motivo, la descarga no se ha realizado en tu WordPress, o bien notas alg\u00fan problema de funcionamiento de WP Rocket, desde esta secci\u00f3n puedes descargar la \u00faltima versi\u00f3n del fichero de forma manual.<\/div><\/div>\n<p>Finalmente, la pesta\u00f1a de herramientas te permite <strong>volver a una versi\u00f3n anterior del plugin<\/strong> si, tras actualizar a la nueva versi\u00f3n de WP Rocket, descubres alg\u00fan problema con tu web.<\/p>\n<h2>\u00bfMerece la pena comprar WP Rocket? Opiniones finales<\/h2>\n<p>En este recorrido por las <strong>opciones que te proporciona el plugin WP Rocket<\/strong> has podido comprobar que tiene muchas m\u00e1s utilidades al margen de la cach\u00e9 y optimizaci\u00f3n que har\u00e1n que tu sitio web sea m\u00e1s ligero y tenga una respuesta m\u00e1s r\u00e1pida a las peticiones del usuario.<\/p>\n<p>WP Rocket no es solo un plugin de cach\u00e9.<\/p>\n<p>Algunos usuarios consideran que hay plugins gratuitos capaces de hacer casi todas las funciones que realiza WP Rocket y que no merece la pena pagar por \u00e9l para optimizar WordPress.<\/p>\n<p>Sin embargo, precisamente<strong> una de las ventajas que tiene WP Rocket es que condensa todas estas opciones y te evita as\u00ed tener que instalar demasiados plugins<\/strong>. Algo que, como sabes, puede afectar al rendimiento y estabilidad de tu sitio web.<\/p>\n<p>La elecci\u00f3n del mejor plugin, al final, depende de cada caso particular.<\/p>\n<div class=\"su-note border=#000000\"  style=\"border-color:#c5dace;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\"><div class=\"su-note-inner su-u-clearfix su-u-trim\" style=\"background-color:#DFF4E8;border-color:#ffffff;color:#000000;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;\">Adem\u00e1s, la sencillez de la configuraci\u00f3n de las distintas opciones de WP Rocket contrasta de forma directa con el tipo de configuraciones que requieren otros plugins gratuitos.<\/div><\/div>\n<p>Piensa en el tiempo que te puede llevar configurar cinco plugins, por ejemplo, frente a lo que puedes conseguir con unos pocos<strong> clics en WP Rocket<\/strong>.<\/p>\n<p>Por eso, si est\u00e1s buscando un plugin de cach\u00e9 para tu sitio web que sea completo, te recomiendo dar una oportunidad a WP Rocket. Seguro que notas la diferencia.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>El plugin WP Rocket es mucho m\u00e1s que un plugin de cach\u00e9 para tu sitio web y te vas a dar cuenta de ello cuando empieces a trabajar en su configuraci\u00f3n y veas todo lo que puede hacer por ti, entre otras cosas mejorar la carga de tu web. Como sabr\u00e1s, la velocidad de carga [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":21067,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-17387","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins-seo"],"acf":[],"_links":{"self":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/17387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/comments?post=17387"}],"version-history":[{"count":11,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/17387\/revisions"}],"predecessor-version":[{"id":25506,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/posts\/17387\/revisions\/25506"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/media\/21067"}],"wp:attachment":[{"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/media?parent=17387"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/categories?post=17387"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dinorank.com\/blog\/wp-json\/wp\/v2\/tags?post=17387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}