3 formas de acelerar la entrega de WordPress Gravar

Las imágenes realmente pueden ralentizar un sitio web. Representan el 48% de todo el contenido web y representan casi la mitad del tiempo de carga de la página. Es por eso que la optimización de las imágenes es tan crucial. Sin embargo, cuando se trata de WordPress, muchas personas no se dan cuenta de que pueden optimizar el tiempo para cargar las imágenes grabadas. Por defecto, WordPress usa grabado para mostrar imágenes y comentarios de perfil. Pero, si bien estas pequeñas imágenes se ven geniales y contribuyen a crear una sensación de comunidad, agregan ineficiencias a los sitios web que realmente afectan la carga de su página.
Aunque sería fácil no usar Gravatar (que exploraremos a continuación), no tener ninguna imagen de perfil crearía una experiencia de comentarios aburrido (es bueno ver a quién responde, ¿verdad?). Afortunadamente, hay algunos métodos que pueden ayudar a acelerar la entrega grave. En este artículo, echaremos un vistazo a tres formas diferentes en que puede acelerar en su sitio y reducir las solicitudes HTTP: almacenamiento en caché, uso de imágenes alojadas localmente y el uso de un CDN. ¿Qué está grabado? Gravatar significa “avatar a nivel mundial” y es un servicio popular que permite plataformas como WordPress y otras aplicaciones web para mostrar las fotos del perfil de usuario.
Al crear una cuenta de Gravatar, puede elegir una imagen para asociarse con su dirección de correo electrónico. Entonces, al crear una cuenta con un sitio que acepte Gravatar, usará automáticamente la imagen de su correo electrónico como imagen de perfil. Aquí hay un ejemplo de los comentarios en el blog WP Rocket:

Gravatar enlaza los correos electrónicos de los usuarios a las fotos de perfil. Lo que es tan conveniente sobre el grabado es que su foto de perfil lo sigue en la web. Esto significa que cada vez que crea una nueva cuenta en un sitio web, no tiene que cargar una foto cada vez. Pero esta conveniencia viene con un gasto: la velocidad de carga de la página. Por ejemplo, si publica una publicación que recibe muchos comentarios, el navegador de un visitante tendrá que cargar todas las imágenes graves de los servidores externos cada vez que ve la publicación. . Cada vez que un navegador tiene que recuperar una imagen de gravatar.com, esta es otra solicitud HTTP. Así es como se ve …
HTTP solicita servidores Gravatar. Cuantos más comentarios tenga en una publicación de blog, más solicitudes HTTP a los servidores Gravatar. Si bien Gravar.com usa HTTP/2 para acelerar las cosas, el almacenamiento en caché y velocidad aún está fuera de su control.

Para mostrarle qué impacto puede tener el Gravary en un sitio, creamos un sitio web de prueba con una publicación de blog con más de 50 comentarios. El sitio usa gravatar predeterminado. Realicé la publicación en el blog a través de Pingdom para ver cuántas solicitudes hicieron mi sitio a los servidores de Gravatar. De las 49 solicitudes HTTP, 33 son para los servidores Gravar, ¡es decir, 67% de las solicitudes totales!
Más de la mitad de las solicitudes son para imágenes de gravatar. Aunque he activado el almacenamiento en caché, aquí hay mucho potencial para reducir el número total de solicitudes HTTP y hacer que mi sitio sea más eficiente.

Entonces, echemos un vistazo a cómo optimizar la gravatar de tres maneras diferentes. Cómo memorizar en la memoria caché Las imágenes grabables (con un complemento) memorizando en el caché de las imágenes de gravatar aseguran que los visitantes del sitio las descarguen una vez y no tengan que subirlas nuevamente la próxima vez que visite su sitio. Si bien WP Rocket tiene la intención de agregar el caché grave como una característica, hasta que esté disponible, el caché de Gravar Plugin FV es una excelente opción libre. FV Gravar Cache le permite: caché Gravatars con WordPress Cron Job,
Cache Gravatars para enviar comentarios y
Mantenga una sola copia del Gravary predeterminado en lugar de descargarla una y otra vez para todas las direcciones de correo electrónico.
Aquí le mostramos cómo configurarlo para que pueda comenzar a memorizar las imágenes graves:
Paso 1 Instale y active FV Gravar Cache. Puede descargarlo de forma gratuita de wordpress.org. Paso 2 Después de activar el complemento, vaya a Configuración> Cache FV Glar. Paso 3 Desplácese hasta la parte inferior del conjunto de configuraciones. Debajo del “tamaño de gravar” puede establecer el tamaño que desea para sus imágenes. Haga clic en “Guarde los cambios”.
Configuración de FV Gravar Cache. Y eso es todo lo que tienes que hacer. Con el caché activado, su sitio almacenará gravatares en caché local.
Hemos probado otros dos complementos, que tienen diferentes características y vale la pena explorar si descubre que FV Cache no funciona con su configuración:

Caché de Harrys Gravar

El caché salvo óptimo
Cómo acelerar las imágenes de gravatar con un CDN primero, agradezca a KeyCDN por compartir esta nueva solución. Esta opción es algo avanzada, porque involucra a NGINX y requiere lo siguiente: debe ejecutar NGINX y tener acceso a su servidor o usar un host web que le permita actualizar su archivo de configuración de Nginx.
Ha instalado y activado el complemento CDN gratuito de KeyCDN.
Use un CDN.
Desde que KeyCDN ha publicado su publicación inicial, el complemento de habilitador CDN se ha actualizado, por lo que los pasos han cambiado.
Paso 1 Abra el archivo de configuración de Nginx y agregue “Sub_filter al bloque de ubicación relevante. Luego, reemplace la “ubicación/” con el director que use para su gravatar y reemplace “can.example.com” con la URL CDN, es decir, https://cdn.example.com/avar.
Ubicación/{sub_filter ‘https://secure.gravatar.com/avar/’ ‘https://cdn.example.com/avavar/’; sub_filter_once off; }
Paso 2 y luego agregue la ubicación de proxy para los avatares redirigidos en el mismo archivo de configuración:
Ubicación/avatar {proxy_pass https: //secure.gravatar.com$request_uri; }
Paso 3 Guarde los cambios y recarga Ninx. Las solicitudes de gravatar de su sitio ahora deben alcanzar su propio CDN.
Paso 4 Abra una página en su sitio con Gravatars y verifique el código HTML. Debería ver que su propia URL CDN ahora se usa en lugar de gravar.com
Gravar se carga de CDN. Cómo usar grabados alojados localmente Si prefiere no usar Gravatar en absoluto, puede intentar usar WP User Avatar, un complemento gratuito y popular que le permite usar cualquier foto desde su biblioteca de medios como avatar. Cuando se activa, este complemento deshabilitará Gravatar para su sitio. Aquí le mostramos cómo configurarlo: Paso 1 Instale y active WP User AVAR. Paso 3 en “Configuración”, haga clic en “Desactive la gravatar y use solo avatares locales”. Luego seleccione una imagen de avatar. Es posible que desee subir sus propias fotos para que coincida con la marca de su sitio.
Configuración del avatar de usuario de WP. Paso 4, entonces también puede elegir un avatar personalizado para que pueda mostrarse como una imagen de perfil para su sitio.
Agregar un avatar personalizado a mi perfil. Con la desactivada grave, los usuarios de su sitio deberán cargar su propia imagen de perfil. Pero, con su sitio que se hace cargo de las imágenes locales y no de los servidores de Gravatar, todas estas solicitudes HTTP adicionales desaparecerán y su sitio se ejecutará más rápido. Con el usuario de WP Avatar Actart y Gravatar devactados, el número de solicitudes HTTP para mi prueba de blog se redujo a solo 18:

Menos solicitudes HTTP.