Egicze
Delta
Verificación en dos pasos activada
Sí deseas optimizar al máximo la carga de tu proyecto en Wordpress te recomiendo leer el tutorial de Instalación, Configuración y Información de CloudFlare + Wordpress .
El plugin en mi opinión de cache por excelencia y este plugin es el que menos problemas me ha generado, su instalación es bastante simple y su configuración no tiene ningún misterio.
Estoy realizando este tutorial con el objetivo de completar el tutorial de configuración de Cloudflare, para que tengan una correcta optimización en sus sitios web.
Aunque esto último no depende únicamente del Cloudflare y el Plugin de cache sino también de la optimización interna del tema.
------------------------------
1. Realizamos la instalación y la activación del plugin WP-Super Cache
Importante: Este Apartado del Tutorial fue creado con el objetivo de erradicar dudas referentes al funcionamiento de algunas opciones en WP Super Cache y permitirles a los usuarios más intrépidos el realizar su configuración avanzada. Sí optas simplemente por una configuración básica y funcional, baja directamente al apartado de Configuración Básica Recomendada.
Cache hits to this website for quick Access: Anteriormente presentaba problemas en servidores por incompatibilidad, estos ya no deberían estar presentes en la mayoría de los casos. Por lo tanto la dejamos marcada.
Activamos el mod_rewrite: Esto le permite al WP Super Cache utilizar el .htaccess ocupar el cache en lugar de dar uso al PHP.
Ay que tomar en cuenta el hecho de que este modo puede presentar problemas en servidores que no dan uso del archivo .htaccess, en este caso y para este tutorial hemos decidido optar por el mod_rewrite ya que no nos presenta ningún problema.
Compress pages so they´re served more quickly to visitors: Esta opción realiza la activación de la comprensión gzip para los visitantes de nuestro sitio web. Ay que tomar en cuenta el hecho de que esta opción funciona correctamente con una cantidad limitada de visitas, ya que ocupa muchos recursos pero reduce bastante la carga del sitio web.
304 Not Modified browser caching. Indicate when a page has not been modified since last resquest: Esta opción es desactivada si ocupamos el mod_rewrite y hace que pasaremos de ella.
Don´t cache pages for known users: Es extremadamente importante el tener activa siempre esta opción, lo que hace es que evita enviarle paginas cacheadas a los usuarios que están autenticados en wordpress, por lo tanto podremos ver en tiempo real los cambios que realizamos en nuestro sitio web.
Don´t cache pages with GET parameters (?x=y at the end of a url): Evita el cacheo de páginas con URL que contengan variables, por lo tanto básicamente no la ocuparemos ya que puede presentarnos problemas.
Make known users anonymous so they´re served supercached static files: Básicamente si un usuario deja un comentario en nuestro blog este se convierte de forma instantánea en un usuario conocido, por lo tanto la próxima vez que actualice el sitio web se le dejaran de servir paginas cacheadas.
Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated: Sí un usuario o visitante deja algún comentario en nuestro blog, esta opción se encargara de volver a generar los cache.
Proudly tell the world server is Stephen Fry proof: Esta opción es bastante interesante ya que no tiene nada que ver con las funcionalidades que por defecto debería tener WP Super Cache, es un misterio que esta opción se encuentre en el plugin y básicamente permite colocar un enlace del autor del blog en el footer.
Enable dynamic caching. Requires PHP o legacy caching: Opción para usuarios avanzados, nos permite mediante la configuración de nuestra plantilla decirle al plugin cuales elementos de esta debe cachear y cuáles no.
Mobile device support: Esta opción se combina con plugins esternos para ofrecer una versión móvil cacheada, entre los plugins que podemos encontrar se encuentra WPTouch, Wordpress Mobiles, Jetpack Mobile entre otros.
Remove UTF8/blog charset support from .htaccess file: Opción para usuarios avanzados, se utiliza en caso de a ver algún tipo de problema con la codificación de los archivos.
Clear all cache files when a post or page is published or updated: Cada vez que publicamos un post en nuestro blog si tenemos esta opción activa se eliminara todo el cache de la página.
Extra homepage checks: En algunos casos por alguna extraña razón la pagina principal no es cacheada, esta opción se encarga de chequear que está este correctamente cacheada en caso de presentarse este problema.
Only refresh current page when comments made: Sí una página es actualizada con algún comentario esta opción se encargara de crear nuevamente los archivos de cache.
List the newest cached pages on this page: Básicamente hace un listado de las paginas cacheadas en nuestro panel de control.
Bloquear archivos toscamente: Bueno lo que dice, normalmente no necesitaremos esta opción pero si nuestros servidores tienen poca potencia digamos que mejorara el rendimiento.
Late init. Display cached files after WordPress has loaded: Vale este modo no lo ocuparemos, por qué? Porque nos presentara problemas de carga y ralentizara nuestro sitio web, todo esto debido a la incompatibilidad con el mod_rewrite hace que pasaremos de él.
La configuración básica que podemos ocupar para guiarnos es la siguiente:
No olviden que luego de realizar la activación del mod_rewrite deben bajar para actualizar las reglas en nuestro archivo .htaccess.
Tiempo de caducidad y Recogida de basura: Básicamente nos permitirá establecer el tiempo de caducidad de nuestro cache, esto depende únicamente de que tan a menudo realicemos actualizaciones en nuestro sitio web y de otros factores, como las opciones que tenemos activadas en nuestro apartado de avanzado.
Cache Timeout: Luego de que nuestro cache es creado esta opción nos permitirá especificar cuánto tiempo tardara en caducar nuestro cache.
Sheduler: Básicamente se encarga de borrar todos los archivos caducados, yo recomiendo tenerla activa en un intervalo de cada día. Por cierto podemos activar la opción de notificación vía correo, que le permite al WP Super Cache enviarnos un correo cada vez que se borran los cache.
En mí caso tengo la opción activada de este modo:
Sí bajamos un poco mas encontraremos el Apartado de Nombres de archivos aceptados y URIs rechazadas: Este apartado nos permitirá decirle al WP Super Cache que apartados de nuestra página nos gustaría excluir del cacheo.
Y un poco más abajo encontraremos una opción que nos permite especificar por nombres dando uso de los comodines. Para aquellos que quieren ser más específicos.
Agentes de usuario rechazados: básicamente nos permite definir que Agentes o navegadores que no queremos que sean cacheados, esta opción es extremadamente útil ya que nos permite definir de forma más completa los agentes a los cuales debemos aplicarles la misma regla de cacheo. Aunque debo aclarar por defecto el WP Super Cache tiene incluido a los buscadores más importantes de internet.
Ahora nos dirigimos al apartado de Contents saltándonos descaradamente el de CDN. (El cual secretamente casi nadie usa y a nadie le importa)
Este apartado no tiene ninguna ciencia básicamente nos ofrece información y nos permite borrar tanto el cacheo caducado como todo el cacheo en general.
Preload y Definir Tiempo de Cacheo
Dentro del apartado de Preload podremos encontrar una de las opciones mas interesantes, este apartado básicamente nos da la posibilidad de precargar el cacheo y dejarlo creado por el tiempo que desees.
A ver como resumir su utilidad, sí tienes una página por decirlo de este modo estática que no recibe ningún tipo de actualización, con esta opción básicamente la puedes cachear por meses, años y ahorrarte una cantidad de recursos muy elevada.
Anteriormente el uso de el Preload generaba en sus inicios el uso exagerado de los recursos debido al tiempo que era necesario para que se pudiera generar el cache correctamente, hoy en día esta opción se ha optimizado bastante y claramente luego de activarla y finalizar la creación del cache esta dejara de ocupar recursos y se reducirá drásticamente el consumo en nuestro proyecto.
Ya con esto básicamente hemos finalizado, espero a aquellos que se hayan tomado el tiempo de leer todo esto les sea de mucha utilidad, ya de este modo sabrás que activar y que no para sus proyectos, aunque por defecto siempre queda la configuración básica que les recomiendo.
Configuración Básica Recomendada
Esta tiene su efectividad en un proyecto en general de Wordpress.
Activamos el mod_rewrite
Activamos Compress pages so they’re served more quickly to visitors.
Activamos Don’t cache pages for known users para evitar el cacheo a usuarios logueados.
Activamos: Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated para que se cree nuevamente el cache luego de que un comentario sea dejado por un visitante. (Opcional)
Actualizamos las Reglas del Mod Rewrite:
Realizamos un Test cache en Easy para confirmar que todo esté bien.
Nos dirigimos a las opciones avanzadas y Activamos Mobile Device sí estamos ocupando algún plugin como WP Touch o Jetpack para nuestra versión móvil.
Activamos Clear all cache files when a post or page is published or updated: Para que se genere el cache nuevamente luego de publicar una entrada o pagina en nuestro proyecto.
Activamos Only refresh current page when comments made: Se completa con la Cache rebuil ya que nos permite actualizar el cache de la página luego de que se deja un comentario. Esta opción requiere que las reglas del .htaccess sean actualizadas.
Definimos el tiempo de "caducidad" de nuestro cache. Por defecto como recomendé anteriormente realícenlo cada día a las 00:00.
Respecto al Cache Timeout en general se tiende a usar un valor de 3600 en mí caso ocupo uno menor, pero por lo general 3600 es recomendado.
Ahora nos dirigimos directamente al apartado de Nombres de Archivos y URis Rechazadas y activamos la opción de Feeds y páginas de búsqueda.
El resto de las opciones las dejamos por defecto ya que no es necesario profundizar demasiado.
Ya con esto tenemos correctamente configurado nuestro cache, sí tienen alguna duda respecto a alguna opción no olviden chequear este tutorial. Apóyenme con un Me Agrada, estaré publicando siempre que tenga tiempo tutoriales de utilidad.
El plugin en mi opinión de cache por excelencia y este plugin es el que menos problemas me ha generado, su instalación es bastante simple y su configuración no tiene ningún misterio.
Estoy realizando este tutorial con el objetivo de completar el tutorial de configuración de Cloudflare, para que tengan una correcta optimización en sus sitios web.
Aunque esto último no depende únicamente del Cloudflare y el Plugin de cache sino también de la optimización interna del tema.
------------------------------
1. Realizamos la instalación y la activación del plugin WP-Super Cache
Importante: Este Apartado del Tutorial fue creado con el objetivo de erradicar dudas referentes al funcionamiento de algunas opciones en WP Super Cache y permitirles a los usuarios más intrépidos el realizar su configuración avanzada. Sí optas simplemente por una configuración básica y funcional, baja directamente al apartado de Configuración Básica Recomendada.
Cache hits to this website for quick Access: Anteriormente presentaba problemas en servidores por incompatibilidad, estos ya no deberían estar presentes en la mayoría de los casos. Por lo tanto la dejamos marcada.
Activamos el mod_rewrite: Esto le permite al WP Super Cache utilizar el .htaccess ocupar el cache en lugar de dar uso al PHP.
Ay que tomar en cuenta el hecho de que este modo puede presentar problemas en servidores que no dan uso del archivo .htaccess, en este caso y para este tutorial hemos decidido optar por el mod_rewrite ya que no nos presenta ningún problema.
Compress pages so they´re served more quickly to visitors: Esta opción realiza la activación de la comprensión gzip para los visitantes de nuestro sitio web. Ay que tomar en cuenta el hecho de que esta opción funciona correctamente con una cantidad limitada de visitas, ya que ocupa muchos recursos pero reduce bastante la carga del sitio web.
304 Not Modified browser caching. Indicate when a page has not been modified since last resquest: Esta opción es desactivada si ocupamos el mod_rewrite y hace que pasaremos de ella.
Don´t cache pages for known users: Es extremadamente importante el tener activa siempre esta opción, lo que hace es que evita enviarle paginas cacheadas a los usuarios que están autenticados en wordpress, por lo tanto podremos ver en tiempo real los cambios que realizamos en nuestro sitio web.
Don´t cache pages with GET parameters (?x=y at the end of a url): Evita el cacheo de páginas con URL que contengan variables, por lo tanto básicamente no la ocuparemos ya que puede presentarnos problemas.
Make known users anonymous so they´re served supercached static files: Básicamente si un usuario deja un comentario en nuestro blog este se convierte de forma instantánea en un usuario conocido, por lo tanto la próxima vez que actualice el sitio web se le dejaran de servir paginas cacheadas.
Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated: Sí un usuario o visitante deja algún comentario en nuestro blog, esta opción se encargara de volver a generar los cache.
Proudly tell the world server is Stephen Fry proof: Esta opción es bastante interesante ya que no tiene nada que ver con las funcionalidades que por defecto debería tener WP Super Cache, es un misterio que esta opción se encuentre en el plugin y básicamente permite colocar un enlace del autor del blog en el footer.
Enable dynamic caching. Requires PHP o legacy caching: Opción para usuarios avanzados, nos permite mediante la configuración de nuestra plantilla decirle al plugin cuales elementos de esta debe cachear y cuáles no.
Mobile device support: Esta opción se combina con plugins esternos para ofrecer una versión móvil cacheada, entre los plugins que podemos encontrar se encuentra WPTouch, Wordpress Mobiles, Jetpack Mobile entre otros.
Remove UTF8/blog charset support from .htaccess file: Opción para usuarios avanzados, se utiliza en caso de a ver algún tipo de problema con la codificación de los archivos.
Clear all cache files when a post or page is published or updated: Cada vez que publicamos un post en nuestro blog si tenemos esta opción activa se eliminara todo el cache de la página.
Extra homepage checks: En algunos casos por alguna extraña razón la pagina principal no es cacheada, esta opción se encarga de chequear que está este correctamente cacheada en caso de presentarse este problema.
Only refresh current page when comments made: Sí una página es actualizada con algún comentario esta opción se encargara de crear nuevamente los archivos de cache.
List the newest cached pages on this page: Básicamente hace un listado de las paginas cacheadas en nuestro panel de control.
Bloquear archivos toscamente: Bueno lo que dice, normalmente no necesitaremos esta opción pero si nuestros servidores tienen poca potencia digamos que mejorara el rendimiento.
Late init. Display cached files after WordPress has loaded: Vale este modo no lo ocuparemos, por qué? Porque nos presentara problemas de carga y ralentizara nuestro sitio web, todo esto debido a la incompatibilidad con el mod_rewrite hace que pasaremos de él.
La configuración básica que podemos ocupar para guiarnos es la siguiente:
No olviden que luego de realizar la activación del mod_rewrite deben bajar para actualizar las reglas en nuestro archivo .htaccess.
Tiempo de caducidad y Recogida de basura: Básicamente nos permitirá establecer el tiempo de caducidad de nuestro cache, esto depende únicamente de que tan a menudo realicemos actualizaciones en nuestro sitio web y de otros factores, como las opciones que tenemos activadas en nuestro apartado de avanzado.
Cache Timeout: Luego de que nuestro cache es creado esta opción nos permitirá especificar cuánto tiempo tardara en caducar nuestro cache.
Sheduler: Básicamente se encarga de borrar todos los archivos caducados, yo recomiendo tenerla activa en un intervalo de cada día. Por cierto podemos activar la opción de notificación vía correo, que le permite al WP Super Cache enviarnos un correo cada vez que se borran los cache.
En mí caso tengo la opción activada de este modo:
Sí bajamos un poco mas encontraremos el Apartado de Nombres de archivos aceptados y URIs rechazadas: Este apartado nos permitirá decirle al WP Super Cache que apartados de nuestra página nos gustaría excluir del cacheo.
Y un poco más abajo encontraremos una opción que nos permite especificar por nombres dando uso de los comodines. Para aquellos que quieren ser más específicos.
Agentes de usuario rechazados: básicamente nos permite definir que Agentes o navegadores que no queremos que sean cacheados, esta opción es extremadamente útil ya que nos permite definir de forma más completa los agentes a los cuales debemos aplicarles la misma regla de cacheo. Aunque debo aclarar por defecto el WP Super Cache tiene incluido a los buscadores más importantes de internet.
Ahora nos dirigimos al apartado de Contents saltándonos descaradamente el de CDN. (El cual secretamente casi nadie usa y a nadie le importa)
Este apartado no tiene ninguna ciencia básicamente nos ofrece información y nos permite borrar tanto el cacheo caducado como todo el cacheo en general.
Preload y Definir Tiempo de Cacheo
Dentro del apartado de Preload podremos encontrar una de las opciones mas interesantes, este apartado básicamente nos da la posibilidad de precargar el cacheo y dejarlo creado por el tiempo que desees.
A ver como resumir su utilidad, sí tienes una página por decirlo de este modo estática que no recibe ningún tipo de actualización, con esta opción básicamente la puedes cachear por meses, años y ahorrarte una cantidad de recursos muy elevada.
Anteriormente el uso de el Preload generaba en sus inicios el uso exagerado de los recursos debido al tiempo que era necesario para que se pudiera generar el cache correctamente, hoy en día esta opción se ha optimizado bastante y claramente luego de activarla y finalizar la creación del cache esta dejara de ocupar recursos y se reducirá drásticamente el consumo en nuestro proyecto.
Ya con esto básicamente hemos finalizado, espero a aquellos que se hayan tomado el tiempo de leer todo esto les sea de mucha utilidad, ya de este modo sabrás que activar y que no para sus proyectos, aunque por defecto siempre queda la configuración básica que les recomiendo.
Configuración Básica Recomendada
Esta tiene su efectividad en un proyecto en general de Wordpress.
Activamos el mod_rewrite
Activamos Compress pages so they’re served more quickly to visitors.
Activamos Don’t cache pages for known users para evitar el cacheo a usuarios logueados.
Activamos: Cache rebuild. Serve a supercache file to anonymous users while a new file is being generated para que se cree nuevamente el cache luego de que un comentario sea dejado por un visitante. (Opcional)
Actualizamos las Reglas del Mod Rewrite:
Realizamos un Test cache en Easy para confirmar que todo esté bien.
Nos dirigimos a las opciones avanzadas y Activamos Mobile Device sí estamos ocupando algún plugin como WP Touch o Jetpack para nuestra versión móvil.
Activamos Clear all cache files when a post or page is published or updated: Para que se genere el cache nuevamente luego de publicar una entrada o pagina en nuestro proyecto.
Activamos Only refresh current page when comments made: Se completa con la Cache rebuil ya que nos permite actualizar el cache de la página luego de que se deja un comentario. Esta opción requiere que las reglas del .htaccess sean actualizadas.
Definimos el tiempo de "caducidad" de nuestro cache. Por defecto como recomendé anteriormente realícenlo cada día a las 00:00.
Respecto al Cache Timeout en general se tiende a usar un valor de 3600 en mí caso ocupo uno menor, pero por lo general 3600 es recomendado.
Ahora nos dirigimos directamente al apartado de Nombres de Archivos y URis Rechazadas y activamos la opción de Feeds y páginas de búsqueda.
El resto de las opciones las dejamos por defecto ya que no es necesario profundizar demasiado.
Ya con esto tenemos correctamente configurado nuestro cache, sí tienen alguna duda respecto a alguna opción no olviden chequear este tutorial. Apóyenme con un Me Agrada, estaré publicando siempre que tenga tiempo tutoriales de utilidad.
Última edición:
