close

La optimización de su blog de WordPress en Azure con un CDN y almacenamiento en caché

Aunque estoy bastante contento con el rendimiento de mi blog de WordPress Azure-accionado, que estaba buscando maneras de hacer que sea aún mejor. Estoy usando ClearDB de nuevo ahora que tienen la, que ofrece un poco más de espacio para la cabeza en términos de almacenamiento y rendimiento a un precio asequible. Recientemente he realizado dos mejoras adicionales que estoy muy contento con él.

El almacenamiento en caché

La opción obvia si usted desea hacer su sitio web más rápido es utilizar el almacenamiento en caché. Después de algunas recomendaciones de amigos que estoy usando el plugin. Cuenta con una interfaz agradable y clara y me proporciona todas las opciones que quiero - Yo, básicamente, controla a todas las opciones recomendadas. Además, Habilité precarga todas mis páginas de un calendario.

Por defecto, sus páginas no se almacenan en caché si ha iniciado sesión con un usuario de modo que asegúrese de probar el comportamiento de almacenamiento en caché en una ventana de InPrivate / Incognito. Definitivamente puedo ver la diferencia y lo recomiendo encarecidamente Super GT caché. También viene con un bono: también se puede utilizar para configurar una red de distribución de contenidos (CDN).

Red de entrega de contenidos

han existido desde hace ya mucho tiempo. Pero no eran típicamente asequible para la persona promedio con un sitio web. Si usted tiene una suscripción Azure, puede habilitar Azure CDN ahora.

Al crear su CDN tiene que especificar un nombre, una ubicación (Europa Occidental para mí), un grupo de recursos y un nivel de precios. Fui para el nivel Premium, y me alegro de haberlo hecho - más sobre esto más adelante en este puesto.

Después de la CDN ha sido creado, se debe añadir un punto final a la misma. En mi caso he creado un punto final para mi blog thomasvochten.com nombre de host en los puertos predeterminados 80 y 443. Como me gustan las cosas que se marca hasta el fondo, Me he registrado un dominio personalizado también, así que todos mis activos del sitio estarían disponibles a través de una bien llamado url: cdn.thomasvochten.com. Puede agregar un dominio personalizado a la CDN a través de las páginas de gestión en el portal de Azure también. Sólo hay que proporcionar un nombre de host y ellos le dirán a los que nombre de host tiene que introducir su alias de DNS para. Rápidamente fui a mi proveedor de alojamiento DNS (enlace de afiliado) para crear el nombre de host.

A continuación, la espera comienza. Azure copiará todos los activos del sitio para el CDN. Sea paciente, ya que puede tardar varias horas, casi 24 horas en mi caso. Después de que se han hecho puede acceder a su sitio web desde su URL CDN o el dominio personalizado que ha especificado. Echar un vistazo a ver cómo se ve que para mí.

Usted podrá ver su sitio web, pero todos los activos se sirven a través de los servidores que se encuentran en las proximidades de donde se encuentre en el mundo. Mi blog de WordPress se extiende desde el centro de datos de Dublín, pero si usted está en los EE.UU., por ejemplo, obtendrá mi contenido de los servidores allí ahora. ¡Muy aseado!

El siguiente paso es decirle a mi sitio de WordPress que quiero utilizar un CDN. Eso se puede hacer a través del plugin WP Super Cache también. Simplemente proporcione los detalles necesarios y ya está bueno para ir:

Cuando visite a su sitio web ahora se dará cuenta de que cada imagen (y algunos otros archivos) están siendo atendidos por la CDN:

Diversión con CORS y el motor de reglas

Una de las primeras cosas que noté después de activar todo esto es que algunos de mis iconos en mi sitio web no rinden más. Una mirada rápida en las herramientas para desarrolladores de Chrome reveló que en realidad estaban Fuentes Web. Los navegadores modernos son cada vez más y más inteligentes y también muy particular acerca de la seguridad. (CORS) es una de esas características: "CORS es un mecanismo que permite a los recursos restringidos (por ejemplo, tipos de letra) de una página web para ser solicitados a otro dominio fuera del dominio desde el que se originó el recurso" (de Wikipedia).

Este fue el error típico que me dieron:

"Fuente de origen 'se ha bloqueado de la carga por la política a través del intercambio de recursos de origen: No" Access-Control-Allow-Origin cabecera' está presente en el recurso solicitado. Origen ', por tanto, no se permite el acceso ".

Y esta es la forma que se ve:

Si usted está sirviendo de seguridad del contenido a través de su propio sitio web usted puede fácilmente hacer algunas modificaciones o cambios de configuración web.config similares para hacer este trabajo. Pero si se utiliza el Azure CDN no se puede simplemente hacer eso, por supuesto. Pero si se utiliza el nivel superior hay una poderosa herramienta a su disposición: el motor de reglas.

Puede iniciar el motor de reglas pulsando el botón Administrar en su página de la información CDN:

Las páginas de gestión ofrecen todo tipo de informes y estadísticas interesantes sobre cómo su CDN está haciendo. El motor de reglas se puede abrir a través de la barra de menú superior.

Para habilitar CORS usted tiene que crear una nueva regla y la mía se ve así:

Esto le dice a Azure CDN para anexar la cabecera Access-Control-Allow-Origin para cada petición que proviene de mi dominio thomasvochten.com para que el navegador sabe que es seguro y permitido para mostrar los recursos necesarios.

Al crear o editar una regla, que tomará algún tiempo para que se active de nuevo así que sea paciente. Si todo va bien, obtendrá la respuesta en este momento. Puede hacer doble comprobar el uso de las herramientas de desarrollo de su navegador:

Los iconos están rindiendo muy bien ahora:

Sólo una advertencia final que si se habilita el almacenamiento en caché en su sitio en primer lugar que podría interferir con sus esfuerzos de prueba. Debido a que todo se almacena en caché ahora, puede que no vea todos los cambios de forma inmediata. Puede desactivar temporalmente el almacenamiento en caché mientras se está experimentando con el motor de reglas.


Previous Post     Next Post


TAGS


CATEGORIES

.