3 Hacks vitales simples de PageSpeed ​​y Core Web para WordPress

Se acerca la Actualización de la experiencia de la página, y si está leyendo esto, es probable que esté luchando para abordar los problemas que ha estado ignorando o buscando algunas formas de mejorar el trabajo que ha realizado.

La mayoría de los integrantes de la industria son conscientes de que comenzará de manera bastante ligera y se volverá más influyente con el tiempo.

John Mueller de Google lo comparó con la cocina. Están comenzando con solo una pizca de sal y se irán adaptando lentamente para hacer las cosas bien.

Veo esta actualización muy parecida a la actualización HTTPS. El día en que se lanzó no pareció tener un impacto abrumador. Pero, ¿cuántos sitios HTTP ves en el ranking de hoy?

Ahora bien, podría argumentar con razón, que esto puede ser una correlación y no una causalidad. Después de todo, usar HTTPS es fácil y todos los sitios nuevos prácticamente lo hacen, y puede que no sea que los sitios HTTP hayan sido penalizados fuera de los primeros lugares.

No obstante, si tiene un sitio inseguro, ahora se enfrenta a un mar de sitios con una ventaja sobre usted. Puede ser una pequeña ventaja, pero todos la tienen.

Anuncio publicitario

Continuar leyendo a continuación

No sé ustedes, pero si corro una carrera, quiero zapatos geniales.

Es posible que solo me den un impulso de 5 segundos sobre 5K, pero esos 5 segundos, en nuestro contexto aquí, podrían ser la diferencia entre una posición en la que se hizo clic y una en la que no se hizo clic.

Por lo tanto, considere lo que sigue como algunos trucos rápidos y fáciles.

Core Web Vitals Hack 1: Cloud Flare

Este no es exclusivo de WordPress.

Mi propio sitio no recibe el amor que se merece cuando se trata de actualizaciones. “El zapatero no tiene zapatos”, dicen. Como tal, le va bastante mal en el frente de Core Web Vitals.

Es posible que muchos no lo sepan, pero Cloud Flare ofrece un servicio gratuito que incluye muchas mejoras de velocidad.

Para darle una idea, antes de comenzar con el camino de Band-Aid de los hacks de Core Web Vital y Page Experience para mi sitio, nuestra velocidad fue:

PageSpeed ​​Insights en el sitio web de Beanstalk.

Después de iniciar el plan gratuito de Cloud Flare y habilitar los componentes de optimización de velocidad, logramos:

PageSpeed ​​Insights en el sitio web de Beanstalk con la versión gratuita de Cloud Flare.

Grandes diferencias allí, como puede ver. Y todo a partir de unos 20 minutos de trabajo, incluida la configuración de la cuenta.

Anuncio publicitario

Continuar leyendo a continuación

Después de actualizar a Pro ($ 20 / mes) y ajustar todas las configuraciones menos una (ver a continuación) obtuvimos:

PageSpeed ​​Insights en el sitio web de Beanstalk con la versión pro de Cloud Flare.

Mmm… 11 puntos por $ 20. Nada mal.

Las configuraciones que habilité fueron:

  • Optimización de imagen polaca.
  • Espejismo.

Y como mi sitio está en WordPress, tenemos la opción de:

Habilite la optimización automática de la plataforma en Cloud Flare.

Entonces, instalé el complemento y apliqué la configuración recomendada.

¿El resultado?

Optimización automática de Cloud Flare.

Notarás algo gracioso aquí. Tanto el FCP como el Speed ​​Index mejoraron, pero el LCP fue diezmado.

Esto es después de múltiples controles, y algunos resultaron tan altos en 62, pero aún así.

Entonces, probé algunas de las configuraciones, ninguna mejoró las cosas, y por lo tanto apagué el complemento de WordPress y estábamos de vuelta en los años 70.

¿La leccion?

No todo funciona.

Esté siempre probando.

Curiosamente, la velocidad del complemento en el mundo real mejoró. Ese no es el tema aquí, pero hay que señalarlo.

A continuación …

Core Web Vitals Hack 2: Colibrí

No, no me refiero al algoritmo de Google de 2013, sino al complemento de WordPress.

Obviamente, esta sección solo se relaciona con aquellos que usan WordPress.

He probado varios complementos de velocidad y almacenamiento en caché diferentes, y cada uno parece funcionar en varios escenarios mejor que otros. Pero el más consistente, si tiene un buen proveedor de alojamiento, parece ser Hummingbird, en mi experiencia.

Agrego el aspecto del proveedor de alojamiento, ya que otros complementos pueden funcionar mejor en hosts peores, pero en ese caso, mi recomendación principal sería … obtener un mejor host.

Anuncio publicitario

Continuar leyendo a continuación

¿Por qué Hummingbird?

Lo que me gusta de Hummingbird es que no es solo un simple complemento de almacenamiento en caché (después de todo, tenemos almacenamiento en caché de nuestro alojamiento decente (o Cloud Flare), ¿verdad?)

Hummingbird tiene almacenamiento en caché; Simplemente no lo uso.

También me gusta que puedo conectar Hummingbird a Cloud Flare, para modificar algunas configuraciones de forma remota.

Su optimización automatizada, en los casos en que la probé, fue bastante mala.

Probablemente sea decente si no sabe lo que está viendo, pero si está dispuesto a dedicar algún tiempo a la configuración, lo hará mejor manualmente con una interfaz como:

Complemento de WordPress Hummingbird.

Es posible que tenga que jugar un poco para descubrir qué cosas mover en línea y qué cosas romperán las funciones en su sitio si se tratan incorrectamente (estoy mirando jQuery).

Anuncio publicitario

Continuar leyendo a continuación

Vale la pena señalar que para los propósitos de este artículo, he deshabilitado todas las funciones de aumento de velocidad y almacenamiento en caché de Cloud Flare mientras escribía esta sección. Entonces, el punto de partida es 34 en el momento de escribir este artículo.

Empujé todo mi CSS y JS al pie de página y lo comprimí. Esto no es posible para todos, y muchos sitios se rompen cuando presionas jQuery hacia abajo, ya que muchos controles deslizantes, etc., requieren que se cargue antes que ellos.

Se recomienda probar varias páginas, incluidos productos, contactos, páginas de inicio y casi al menos una página de cada diseño / plantilla que esté utilizando.

Debo señalar que probé la combinación de archivos, algo con lo que nunca he tenido éxito, y los resultados fueron peores.

Al final, obtuvimos el puntaje de 34 a:

Puntuación de PageSpeed ​​Insights con Hummingbird.

Mejora sólida.

Anuncio publicitario

Continuar leyendo a continuación

Mi regla general aquí es llegar a alrededor de 60 como mínimo. Esto permite que ocurra algún error o degradación sin dejarlo por debajo de los 50 umbrales a “pobre”.

Y por último pero no menos importante…

Core Web Vitals Hack 3: Limpieza de activos

El complemento de WordPress Asset Cleanup es otro proveedor de soluciones rápidas.

La función básica del complemento es permitir a los propietarios del sitio detener la carga de scripts en páginas específicas o conjuntos de páginas. La sugerencia proviene de:

Reducir JavaScript.

Los complementos para compartir en redes sociales son un gran ejemplo. Los usamos en nuestro blog, pero se cargan en todo el sitio.

Anuncio publicitario

Continuar leyendo a continuación

Notarás que dice que no impactan directamente en la puntuación de rendimiento. Pongamos eso a prueba.

Después de desactivar el complemento Hummingbird, llegamos con una puntuación de 35.

Una vez instalado y configurado, se encontrará en una página que se parece a:

Interfaz Hummingbird.

Ahora, aquí es donde puede pasar algo de tiempo y donde su modo de prueba es útil.

Algunas secuencias de comandos simplemente sabrá si las necesita o no (un formulario de contacto en una agrupación de páginas, por ejemplo), pero es posible que otras no las necesite, pero que desee probar (¿realmente necesita su complemento de control deslizante en cada página?).

Anuncio publicitario

Continuar leyendo a continuación

Si está en modo de desarrollo o de prueba, es posible que desee deshabilitarlos todos y luego habilitarlos uno por uno, probando la funcionalidad a lo largo del camino. Esa es la ruta que seguí.

Después de unos 20 o 30 minutos (que tienes que hacer en cada tramo, aunque una vez que hayas hecho uno son más rápidos) la velocidad fue:

Limpieza de activos.

Con las áreas ofensivas alcanzando:

Guiones ofensivos.

Nuevamente, progreso sólido.

Anuncio publicitario

Continuar leyendo a continuación

Pero, ¿qué pasa si empiezas …

Combinando estos 3 trucos

La combinación no pareció funcionar bien, en mi experiencia.

Las puntuaciones y los tiempos del mundo real empeoraron cuando se combinaron dos. Esto fue inesperado, ya que Cloud Flare y Asset Cleanup deberían haber funcionado bien juntos.

Pero…

Combine optimizaciones.

Sin embargo, los resultados pueden variar, y si está probando cada uno, sugeriría probar varias combinaciones e incluso otros complementos si tiene el tiempo y la inclinación.

Anuncio publicitario

Continuar leyendo a continuación

En nuestro caso, nos decidiremos por Cloud Flare.

Y para aquellos curiosos, es posible que hayan notado que las lecturas anteriores son para dispositivos móviles. Con Cloud Flare, nuestro escritorio viene en:

Escritorio PageSpeed ​​y CWV.

Y ahora para apagar las cosas …

Pero, por supuesto, ese no es el final de las pruebas.

Así que, por ahora, desactivé todas las optimizaciones y las mantendré desactivadas hasta septiembre, después del lanzamiento.

Anuncio publicitario

Continuar leyendo a continuación

Básicamente, quiero ver qué tan grande es la patada en el trasero que recibimos (si la hay) y luego ver qué tan rápido nos recuperamos.

No te recomiendo que hagas lo mismo.

Una vez que tengamos eso resuelto, volveré a visitar y actualizaré esta pieza.

Todas las capturas de pantalla fueron tomadas por el autor, junio de 2021