Uso de CDN para desbloquear un gran aumento de velocidad de WordPress

¡Oye! Soy Alex Denning y hace siete años fundé WPShout. Envié el sitio web de Fred y David cuando comencé la universidad, que desde entonces ha hecho un trabajo maravilloso. Ahora trabajo a tiempo completo y produzco un curso para que los usuarios de WordPress se conviertan en WordPress Masters. La publicación de hoy es un extracto del curso. ¡Disfrutar! Un sitio rápido es importante. El 47% de las personas esperan que un sitio se cargue en menos de dos segundos y 4/10 de sus visitantes abandonarán el sitio si tarda más de tres segundos en cargarse. Un estudio de uso (que está fechado, pero la teoría sigue siendo legítima) sugiere que los usuarios tolerarán un pequeño retraso, pero estarán tan descontentos con un retraso promedio como un gran retraso.
Es posible que no piense que su sitio es “lento”, pero incluso si lleva un poco de tiempo cargar visitantes, pueden percibirlo como un sitio lento excepcional. Hay una manera de evitar dejar a los visitantes porque su sitio es lento: tiene un sitio muy rápido. Uno de los mayores obstáculos que conocerá cuando intente hacer su sitio más rápido son las imágenes y otros archivos estáticos, como JS y CSS. Las imágenes en particular pueden ser archivos grandes y cargados lentamente (especialmente en servidores compartidos baratos). Para mejorar esto, puede usar un CDN.
¿Qué es un CDN? CDN significa red de entrega de contenido. Un CDN está compuesto por una colección de servidores que se extienden por todo el mundo. Generalmente están optimizados para difundir rápidamente el contenido estático.

La forma en que funciona es tener un servidor de “origen” que almacene su contenido estático (imágenes, JavaScript, CSS, etc.) y servidores de distribución que ofrecen contenido de los usuarios. El servidor de origen es el servidor principal que almacena la copia principal de las imágenes (en nuestro caso será el servidor que ejecuta WordPress). Cuando se solicita una imagen del CDN, primero calcula el servidor que está geográficamente más cercano a usted y que el servidor verifica si tiene la imagen solicitada. Si no, lo carga desde el servidor de origen. Si lo hace, lo muestra. Los benófos de esto son dobles:
Los servidores están optimizados exclusivamente para transmitir contenido estático (o, en algunos casos, solo imágenes) y, por lo tanto, pueden cargar contenido más rápido.
Los servidores se encuentran lo más cerca posible del usuario. Esto significa que la imagen no está lejos de viajar, por lo que puede llegar rápidamente a los usuarios.
Todo esto suena bastante complejo, y, para ser correctos, lo es. Afortunadamente, no tiene que lidiar con los aspectos técnicos de los CDNS, solo puede beneficiarse de los beneficios. Hay una serie de servicios que tratan con todo para usted y lo ayudan a obtener una velocidad de los CDN en su sitio.
En primer lugar, veremos cuál, hasta cierto punto, la mejor solución de WordPress. Photon hace tu vida realmente fácil
Photon es un CDN que es muy bueno. También es gratis, que está a la mano. Hay algunas razones por las cuales el servicio de fotones en Jetpack es bueno y lo separé de los otros complementos CDN:

Es parte del complemento JetPack. Jetpack tiene una serie de funciones verdaderamente útiles y es probable que lo use de todos modos. Simplemente configure JetPack (Instale desde complementos? Agregue nuevo; busque jetpack) y active el fotón y esté listo para CDN. No se necesita más trabajo. Este proceso es, con mucho, el más fácil de configurar. Muchos de los otros CDN necesitan algún tipo de cambios técnicos en la configuración de su servidor, pero no está aquí. Photon optimizará automáticamente las imágenes para usted. La mayoría de los CDN simplemente servirán las imágenes que ofrece, pero Photon hace esas imágenes más pequeñas. Para hacer esto, JetPack utiliza un formato de archivo llamado WebP. Desarrollado por Google, WebP es el mejor algoritmo de compresión. Actualmente, es aceptado por los navegadores web Chrome y Opera, y Photon lo sabe, por lo que solo ofrecen imágenes web para usuarios de Chrome y Opera. Sin embargo, esto representa casi la mitad del uso del navegador, por lo que no debe ser rechazado.
Otra función de fotones más avanzada es que puede aplicar filtros a las imágenes y cortarlas y cambiarlas. El corte de fotones y el cambio de tamaño se realizan de forma predeterminada (use solo el estándar WordPress add_image_size ()), y para más usuarios técnicos puede agregar filtros para cambiar cómo se ven las imágenes.
Establecer el fotón es lo mismo que con cualquier otro módulo de jetpack. Con el complemento principal instalado, ¿ir a JetPack? Configuración, desplácese para encontrar el fotón y presione “activar”. Esto es literalmente (te dije que era fácil).
Hay información sobre Photon aquí y documentación de API aquí. Opciones alternativas de CDN Entonces, ¿por qué le gustaría usar un CDN cuando Photon sea tan bueno? Tres razones posibles: confidencialidad. Photon es impulsado por Automatic (la compañía que posee WordPress.com) y algunos usuarios sospechan de ellos. ¿Un sombrero de lámina de sábana? Tal vez, pero automáticamente es una compañía comercial que ofrece un servicio gratuito y probablemente no sea exclusivamente de la amabilidad del corazón.
El caché no invalida. Esto significa que no puede eliminar una imagen. Si desea reemplazar una imagen, debe cargarla con un nuevo nombre.
Photon solo acepta imágenes, por lo que si desea transmitir JavaScript y CSS desde un CDN, entonces debe usar un servicio separado.
Desafortunadamente, no importa cuánto pudiéramos intentar, aún no he encontrado un CDN que sea tan fácil de configurar como el fotón.
Sin embargo, esto no es necesariamente una causa de preocupación. Cargar imágenes de fotones hará la mayor parte del trabajo en la carga de su sitio. Las ganancias al cargar otros archivos estáticos en un CDN son marginales y, a menos que su sitio sea realmente popular, es poco probable que marquen la diferencia para que valga la pena el esfuerzo. Si aún desea continuar configurando el CDN, a continuación se encuentran las mejores opciones comerciales para elegir. La mejor opción: CloudFlare
Cloudflare es una muy buena opción. Hacen mucho más que trabajar como CDN, incluida la mejora de la seguridad, por lo que vale la pena echarle un vistazo. Cloudflare se enumeran en primer lugar, porque su generoso plan gratuito será suficiente para la mayoría de los usuarios (si necesita más, los planes Pro comienzan en $ 20/sitio/mes). Si desea ver esas ganancias marginales y Jetpack asociado con otro CDN Service, Cloudflare es el correcto. La única desventaja es que la configuración no es tan simple como la de Jetpack. Deberá crear una cuenta y seguir las instrucciones para actualizar sus registros DNS. Pueden tardar unas horas hasta un día para propagarse en la web. Una vez que haya terminado, puede elegir su cuenta gratuita y estar configurado. WPBeginner tiene un tutorial completo sobre este proceso. Otras opciones comerciales
La encapsula ofrece un servicio similar a CloudFlare, que le brinda beneficios de seguridad y velocidad. Su nivel gratuito es bastante generoso y es uno de los servicios más fáciles de configurar (tienen un complemento de WordPress para hacer la integración; sin embargo, se ha actualizado). La desventaja es que sus planes premium son más caros que las nubes, por lo que si desea obtener algunas de las funciones más avanzadas, entonces debe pagar mucho más. Los planes profesionales comienzan desde $ 59/sitio/mes.

KeyCDN es una solución relativamente efectiva en términos de costos para alimentar un sitio de WordPress y tener un complemento de WordPress que han desarrollado y mantenido, por lo que podría valer la pena intentarlo. Hay un intento gratuito, pero no hay un plan gratuito. Los planes pagados comienzan desde $ 0.04 en Gigalectus, por lo que necesitará un sitio muy popular para pagar más de $ 1/mes. MaxCDN es probablemente el más conocido. Es bien utilizado por algunos de los mejores sitios de blogs y se menciona con frecuencia cuando se habla con otros desarrolladores de WordPress. Puede agregar soporte para MaxCDN a través de complementos como W3 Total Cache (consulte la documentación aquí). Los precios comienzan en $ 9/mes.

Fastly es un servicio CDN utilizado por algunos de los nombres más importantes en los medios de comunicación, como el periódico British Guardian. Recomiendan el uso de Purgely Plugin, desarrollado por Conde Naste, para integrarse con su servicio. No soy el CDN más barato, pero tienen una opción de prueba que le brinda un crédito de $ 50. Si te tomas en serio la velocidad, es posible que valga la pena intentarlo.
Opciones máximas si desea más control, o realmente sabe cosas, entonces puede valer la pena considerar el uso de Amazon CloudFront o Cloud de Google. Ofrecen un control de granulación mucho más fino y precios más precisos; sin embargo, también necesitan más conocimiento técnico.
Probablemente valga la pena pagar un poco más para que alguien lidie con todos los desafíos técnicos para usted. Los mejores CDN para el sitio más rápido, la mejor opción gratuita es usar Jetpack Photon para imágenes y CloudFlags para cualquier otra cosa. Son relativamente fáciles de configurar y combinarse darán un aumento significativo en la velocidad de su sitio. Un sitio más rápido significa visitantes más felices y motores de búsqueda mucho más felices si tiene un gran sitio, querrá optar por un servicio premium que ofrezca más control. Los servicios que hemos analizado proporcionan una amplia gama de funciones para todos los presupuestos y dimensiones del sitio. Estos son servicios de configuración y olvido, por lo que vale la pena tomar el tiempo para usarlos y hacer que el sitio se cargue más rápido. Un CDN es solo una parte del rompecabezas para hacer su sitio rápidamente. Instalar un complemento de almacenamiento en caché, optimizar el contenido, elegir un tema rápido y seleccionar un buen host web contribuye. Para más o más o más, y todo lo que necesita para hacer todo lo que quiera con WordPress, usted, vea, se convierta en un maestro de WordPress. El curso le dará sus habilidades y confianza para que las cosas sucedan con WordPress.
Imagen de crédito: Ozzy Delaney