Cómo aumentar el rendimiento de su sitio web con W3 Total Cache y un CDN

Si me detengo por tres minutos completos antes de responder a cualquier pregunta que me haga, ¿cuánto tiempo cree que tomará antes de que se canse de nuestra conversación? Así es exactamente como debes ver la velocidad de tu sitio web. Este artículo lo ayudará a aumentar la velocidad de su sitio y evitar que sus visitantes esperen.

Hay muchas razones por las que la velocidad importa tanto. Una es, obviamente, la experiencia del usuario. Probablemente lo haya experimentado usted mismo: haciendo alguna consulta en Google, visitando un sitio que promete una respuesta y luego permanezca allí esperando durante varios minutos insoportables para que se cargue la página mal optimizada..

Sin embargo, va más allá de la mera experiencia del usuario. Google juzga la calidad de su sitio en función del tiempo de carga de su página. El hecho de que Google lo juzgue como un sitio de baja calidad debido a que sus páginas se cargan lentamente terminará perjudicando su sitio un poco a largo plazo: aparecerá en una lista más baja en las listas de búsqueda y menos personas visitarán su sitio web.

Por lo tanto, tomarse un tiempo para realizar un mantenimiento adecuado y optimizar su sitio web tendrá enormes beneficios a largo plazo. En este artículo, describiré cómo puede modificar la configuración de W3 Total Cache para WordPress para acelerar su sitio web. James describió la configuración básica de W3 Total Cache. Cómo configurar las diversas configuraciones del complemento W3 Total Cache para su blog de Wordpress. Cómo configurar las distintas configuraciones del complemento W3 Total Cache para su blog de Wordpress. Hace un tiempo, hablé sobre las ventajas de instalar el complemento W3TC. en su blog de Wordpress para acelerar el almacenamiento en caché, pero algunos lectores fueron comprensiblemente un poco cautelosos sobre ... Lea más hace unos años, pero en este artículo planeo entrar en muchos más detalles, incluida la configuración de una entrega de contenido Red que aumentará la velocidad de su sitio y mejorará la experiencia del usuario.

Optimizando W3 Total Cache para WordPress

Mientras ajusta la configuración en su panel de administración de WP y en su panel de control de alojamiento web, siempre es una buena idea realizar una copia de seguridad de su sitio primero. Hay muchas maneras de lograr esto, ya sea utilizando complementos como UpdraftPlus, que Kev revisó recientemente Cómo realizar copias de seguridad y restaurar su sitio de WordPress fácilmente con UpdraftPlus Cómo realizar copias de seguridad y restaurar su sitio de WordPress fácilmente con UpdraftPlus Leer más, o el complemento de copia de seguridad de WordPress, que He revisado Cómo hacer una copia de seguridad remota automatizada de su blog de Wordpress Cómo hacer una copia de seguridad remota automatizada de su blog de Wordpress Este fin de semana, mi sitio web fue hackeado por primera vez. Pensé que era un evento que iba a suceder con el tiempo, pero todavía me sentí un poco sorprendido. Tuve la suerte de que ... Leer más. Si no desea utilizar complementos, solo use la línea de comandos de SSH Cómo hacer una copia de seguridad de su sitio web a través de la línea de comandos de SSH Cómo hacer una copia de seguridad de su sitio web a través de la línea de comandos de SSH Hacer una copia de seguridad de su sitio web o blog puede ser una tarea costosa y ardua. variedad de complementos, o planes adicionales de su proveedor de alojamiento, pero no tiene por qué serlo. Si tiene un enfoque de SSH ... Leer más, o puede usar una aplicación de servidor web como MySQLDumper Cómo realizar copias de seguridad periódicas de su gran base de datos MySQL con MySQLDumper Cómo realizar copias de seguridad periódicas de su gran base de datos MySQL con MySQLDumper Mientras veo crecer mi propio blog de Wordpress Tanto en las publicaciones como en los comentarios de los usuarios, estoy empezando a observar mi creciente base de datos con una mirada cautelosa. ¿Qué sucede si el servidor se cae, se piratea o ... Leer más para hacer el trabajo?.

Una vez hecho esto, es hora de hacer una prueba rápida de velocidad de referencia para su sitio. Dave LeClair revisó recientemente PageSpeed ​​Insights, que sigue siendo la herramienta que la mayoría de los webmasters recurren primero para verificar el rendimiento de su sitio. En mi caso, PageSpeed ​​me mostró que tengo mucho trabajo que hacer para mejorar el rendimiento de mi sitio.

Siempre es bueno hacer un par de puntos de referencia independientes, así que también recurrí a Pingdom para realizar una prueba de velocidad en mi blog. Una vez más, el rendimiento fue bastante horrible.

Pingdom informó que mi sitio es más lento que el 72% de todos los demás sitios web que se han probado en Pingdom. Eso es bastante triste!

Instalé W3 Total Cache hace años y lo configuré con la configuración básica que James describió en su publicación (mencionada anteriormente), pero en realidad nunca me tomé el tiempo para analizar el complemento y cómo optimizarlo..

Configuración ideal de caché total de W3

Como James mencionó, siempre debes al menos habilitar Caché de página, la configuración superior en la página de configuración de W3 Total Cache, y seleccione “Disco (mejorado)” desde el método de caché de página. Esta configuración creará páginas estáticas en caché para cada página de su sitio que se cargue al final del lector, por lo que la próxima vez que visiten la página no se cargarán dinámicamente cada vez.

Este solo cambio puede mejorar dramáticamente el rendimiento de su sitio. El segundo es el Caché de navegador configuración, que verá más abajo en la página de configuración. ¿Qué hace esta configuración? Esencialmente, le dice al navegador que descargue imágenes, CSS, JavaScript y cualquier otro archivo estático de la página en una carpeta temporal para que las páginas subsiguientes utilicen esos mismos archivos estáticos de la memoria caché del navegador en lugar de volver a descargarlos desde su sitio web cada vez. hora. Para habilitar esto, haga clic en “Habilitar” en la sección de caché del navegador.

Luego, haga clic en “Caché de navegador” bajo el caché total de W3 “Actuación” Sección en el panel de administración. Normalmente habilito todo, excepto para almacenar errores 404 en caché. Lo importante es asegurarse de que los primeros tres elementos estén habilitados como valores predeterminados.

Con W3 Total Cache configurado, es hora de hacer otro punto de referencia para ver cómo han mejorado las cosas..

Punto de referencia después de la configuración total de caché W3

Al ejecutar PageSpeed ​​Insights, descubrí que la puntuación tanto para dispositivos móviles como para equipos de escritorio aumentó 10 puntos, y el equipo de escritorio salió de la zona de lectura..

Pingdom reveló el mayor incremento. El rendimiento pasó del 72%. más lento que la mayoría de los otros sitios, hasta un 52% Más rápido que la mayoría de los otros sitios!

Esta es una gran mejora, gracias a W3 Total Cache, pero hay algunas cosas más que puede hacer para optimizar el rendimiento de su sitio web..

Su servidor web debería comprimir contenido

Un artículo de los ingenieros de Google en Google Developers describe la importancia de comprimir el contenido web para conservar el ancho de banda de Internet. De hecho, su artículo comienza con la dramática declaración., “Todos los días se desperdician más de 99 años humanos por contenido sin comprimir..”

Si no desea contribuir a perder el tiempo de sus lectores, es posible que desee explorar su cuenta de alojamiento web para cualquier herramienta marcada como “Optimizar sitio web” en el CPanel. Aquí, encontrará que por defecto “Discapacitado”. Adelante y cambia eso a “Comprimir todo el contenido” y haga clic “Ajustes de actualización”.

Esto requerirá una carga ligeramente mayor en la CPU del servidor web, pero la compensación en el ancho de banda guardado merece la pena. Simplemente vigile el servidor (o notifique a su host lo que está haciendo) para asegurarse de que el aumento de carga de la CPU no sea demasiado significativo.

Al realizar otra prueba de marcadores, observo que este cambio ha aumentado mi rendimiento en otro 5%..

Por supuesto, todavía hay más que puedes hacer. Específicamente, puede suscribirse a un servicio de la Red de entrega de contenido (CDN).

¿Por qué usar un CDN aumenta el rendimiento?

Una red de entrega de contenido es un servicio que tiene servidores ubicados en todo el mundo. Cuando te registras en un servicio CDN, el contenido estático, como imágenes, archivos CSS y JavaScript, se almacena en caché en varios servidores web en todo el mundo. Cuando un usuario visita su sitio web, el servicio CDN redirige a los visitantes al servidor web más cercano a su ubicación geográfica.

Esto significa que si tiene una cuenta de alojamiento web con sede y un centro de datos en Houston, Texas, un lector de Australia no tendrá que esperar a que se cargue una conexión entre su navegador y el servidor web en Texas; un servidor de CDN 3 maneras de acelerar su sitio con la nube 3 formas de acelerar su sitio con la nube La nube es la respuesta a todos los problemas del mundo, parece, una tecnología de moda que envía la información al mundo completo. comenzó - con un modelo de cliente ligero y ... Leer más les proporcionará el contenido en una fracción del tiempo.

W3 Total Cache te permite configurar un CDN en la página de configuración principal en la sección Red de entrega de contenido.

En mi caso, me he registrado en una cuenta MaxCDN. Estas no son cuentas gratuitas, pero son bastante asequibles. Para un ancho de banda mensual de ancho de sitio web de alrededor de 500 GB por mes, está mirando alrededor de $ 40 por mes, y la actualización a una cuenta empresarial de 1 TB es de alrededor de $ 80 por mes. Tendrá que configurar una “Zona de tracción” en tu cuenta CDN.

Si la opción está ahí, siempre habilite Compresión para reducir el uso de ancho de banda.

Una vez que su zona de extracción esté en su lugar, el servicio le dará la URL de CDN que necesitará para configurar CDN en W3 Total Cache.

Usando la URL de CDN desde su cuenta de CDN, vuelva a WP-Admin en WordPress y vaya al menú Configuración de CDN. Escriba la URL en el campo para “Reemplace el nombre de host del sitio con:”

Si está utilizando la versión más reciente de W3 Total Cache, esta sección puede parecer un poco diferente. Encontrarás un “Autorizar” botón que puede utilizar para obtener directamente una clave API. También tiene la posibilidad de agregar varios subdominios desde su sitio que se pondrán en cola usando la única URL de CDN, pero deberá agregar el CNAME y luego agregarlos a su propia cuenta de alojamiento de dominio, pero eso está fuera del alcance de este artículo. Lo anterior es una configuración simple para un blog sin subdominios.

No cepille esto Si te importa el SEO! Si bien no es necesario agregar un CNAME en la configuración de CDN y en su cuenta de alojamiento de dominio para usar un CDN, querrá aprovecharlo para que los archivos de imagen alojados se muestren en tu nombre de dominio existente en lugar de algún otro dominio CDN. Si no lo hace correctamente, se podrían eliminar significativamente las páginas indexadas y las impresiones de los motores de búsqueda, así que pise con cuidado!

Guarda todos los ajustes, borra tu caché. Si está configurado correctamente, verás que el CDN está habilitado.

Una vez que esto esté habilitado correctamente, siga adelante y ejecute otra prueba de rendimiento. Esta vez hubo un aumento bastante bueno: un aumento del 7% en la velocidad nuevamente, gracias al almacenamiento en caché de CDN.

Este aumento de rendimiento puede ser incluso más significativo para las personas que viven más lejos del centro de datos de su empresa de alojamiento. Ya que estoy en los EE. UU., Observé un aumento de rendimiento del 7%, pero alguien en Europa o Asia puede ver un aumento de rendimiento de dos dígitos cuando visite su sitio ahora. No hay mejor manera de servir a tu audiencia internacional mejor que esta.

Una última cosa, pero muy importante a tener en cuenta cuando usa un servicio CDN como este, es que muchos de sus contenidos, en particular sus archivos de imágenes, se enviarán desde un dominio diferente. Lo último que desea es que Googlebot rastree ese otro dominio, lo identifique como contenido duplicado de su sitio original y luego elimine su autoridad de clasificación basada en esa información falsa. Para evitar esto, debe evitar que los robots rastreen la versión CDN de sus páginas y archivos. Los servicios de CDN ofrecerán un área de SEO donde puede habilitar esto, como MaxCDN, que tiene esto en Configuración de SEO donde se puede habilitar Robots.txt y configurar la entrada No permitir el archivo robots.txt.

Como puede ver, hay muchas maneras de reforzar el rendimiento de su sitio web. W3 Total Cache u otros complementos de caché de WordPress sin duda te ayudarán a hacerlo, pero no creas que hará todo por ti. Además de instalar un complemento de almacenamiento en caché, querrá asegurarse de que está comprimiendo los archivos en su servidor web; estás haciendo uso de un CDN; y está explorando las sugerencias que ofrece la herramienta Google Pagespeeed para mejorar constantemente su sitio. Es un trabajo que nunca termina realmente, pero vale la pena el esfuerzo.

Explore más acerca de: blogs, CDN, diseño web, desarrollo web, herramientas para webmasters, complementos para Wordpress.