Saltar al contenido
Closer Marketing

3 trucos vitales fáciles de PageSpeed ​​y Core Web para WordPress


Se aproxima la Actualización de la experiencia de la página y, cuando esté leyendo esto, es probable que esté intentando de abordar los inconvenientes que ignoró o buscando maneras de progresar su trabajo.

La mayor parte en la industria comprende que comenzará con relativa facilidad y ganará predominación transcurrido el tiempo.

John Mueller de Google plus lo comparó con cocinar. Empezará con una pizca de sal y se irá amoldando lentamente para realizar las cosas bien.

Veo esta actualización de forma muy similar a la actualización HTTPS. El día que se presentó, no pareció tener un efecto abrumador. Pero, ¿cuántos sitios HTTP ves en el top el día de hoy?

Bueno, podría argumentar con razón que esto puede ser una correlación, no una causalidad. Después de todo, es simple pasar a HTTPS, y todos los sitios nuevos prácticamente simplemente lo hacen, y no es posible que los sitios HTTP hayan sido penalizados por los primeros sitios.

No obstante, si tiene un lugar inseguro, en este momento se encara a un mar de sitios que tienen una virtud sobre usted. Puede ser una pequeña ventaja, pero todos la tienen.

propaganda

Lee abajo

No sé ustedes, pero cuando corro una carrera deseo zapatos geniales.

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

Piense en lo siguiente como algunos trucos veloces y fáciles.

Core Web Vitals Hack 1: Cloud Flare

Esto no es exclusivo de WordPress.

Mi ubicación no está recibiendo el amor que se merece tratándose de actualizaciones. “El zapatero no posee zapatos”, dicen. Como resultado, le va bastante mal en el frente de Core Web Vitals.

Posiblemente varios no lo sepan, pero Cloud Flare da un servicio gratuito con muchas mejoras de agilidad.

Para darle una idea, antes de empezar por el sendero empedrado de los hacks de Core Web Vital y Page Experience para mi cibersitio, nuestra velocidad fue:

Después de que empezamos el plan gratuito de Cloud Flare y habilitamos los componentes de optimización de agilidad, podemos encontrar:

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

Como puede ver, existen grandes diferencias. Y todo a partir de unos 20 minutos de trabajo, incluida la configuración de la cuenta.

publicidad

Lee abajo

Después de actualizar a Pro ($ 20 / mes) y cambiar todas y cada una de las configuraciones menos una (ver mucho más abajo), obtuvimos:

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

Hmm … 11 puntos por $ 20. Nada mal.

Las configuraciones que activé fueron:

  • Optimización de imagen polaca.
  • Espejismo.

Y como mi página web está en WordPress, tenemos la opción:

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

Así que instalé el complemento y apliqué la configuración sugerida.

¿El resultado?

Optimización automática de llamaradas en la nube.

Apreciarás algo jocoso aquí. Tanto el FCP como el índice de agilidad mejoraron, pero el LCP fue diezmado.

O sea tras varios controles, y algunos le dieron una puntuación alta de 62, pero aún de esta manera.

Así que probé un par de configuraciones, ninguna mejoró un poco, así que desactivé el complemento de WordPress y volvimos a los 70.

¿La leccion?

No todo marcha.

Siempre prueba.

Curiosamente, la agilidad del complemento en el planeta real ha mejorado. Ese no es el inconveniente aquí, pero había que poseerlo presente.

Siguiente hasta …

Core Web Vitals Hack 2: Colibrí

No, no hablo del algoritmo de Google+ 2013, sino más bien del complemento de WordPress.

Naturalmente, esta sección solo se aplica a quienes utilizan WordPress.

He probado múltiples complementos de velocidad y almacenamiento en caché distintas, y cada uno de ellos semeja marchar mejor que otros en distintas escenarios. Pero lo mucho más consistente cuando tienes un buen proveedor de hospedaje semeja ser Hummingbird, en mi experiencia.

Agregaré el aspecto del proveedor de alojamiento puesto que otros complementos pueden marchar mejor en hosts peores, pero en un caso así mi recomendación primordial sería … obtener un mejor host.

propaganda

Lee abajo

¿Por qué colibrí?

Lo que me gusta de Hummingbird es que no es solo un fácil complemento de almacenamiento en caché (tras todo, conseguimos el almacenamiento en caché de nuestro alojamiento decente (o nube), ¿verdad?)

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

También me agrada que puedo conectar Hummingbird a Cloud Flare para cambiar algunas configuraciones de manera remota.

Su optimización automática ha sido bastante mala en las situaciones que he probado.

seguramente sea decente si no sabe lo que está viendo, pero si está presto a dedicar algo de tiempo a la configuración, será mejor que lo realice manualmente con una plataforma de trabajo como:

Complemento Kolibri WordPress.

Es posible que deba jugar un poco intentando de averiguar qué cosas desplazar online y qué funcionalidades se romperán si su cibersitio se maneja incorrectamente (estoy observando jQuery).

publicidad

Lee abajo

Vale la pena señalar que, a los efectos de este artículo, desactivé todas las funciones de incremento de agilidad y almacenaje en caché de Cloud Flare mientras que escribía esta sección. El sitio de partida es en la actualidad el 34.

Moví mi CSS y JS al pie de página y lo condensé. Esto no es para todos y varios sitios web se bloquearán cuando presione jQuery hacia abajo, en tanto que varios controles deslizantes, etc.necesitan que se cargue antes que ellos.

Se aconseja que pruebe múltiples páginas, incluidos productos, contactos, páginas de comienzo y prácticamente al menos una página de cada diseño / plantilla que utilice.

Debo indicar que probé la combinación de archivos, algo con lo que jamás había tenido éxito, y los resultados fueron peores.

Al final conseguimos una puntuación de 34 para:

Puntuación de PageSpeed ​​Insights con Hummingbird.

Optimización sólida.

propaganda

Lee abajo

Mi norma establecida aquí es llegar a por lo menos 60. Esto deja que se produzcan errores o degradaciones sin caer bajo los 50 umbrales de «malo».

Por último, más allá de que no menos esencial…

Core Web Vitals Hack 3: Limpieza de activos

El complemento de WordPress Asset Cleanup es otro distribuidor de soluciones veloces.

La función básica del complemento es permitir a los propietarios de sitios web detener la carga de scripts en determinadas páginas o grupos de páginas. La sugerencia procede de:

Reducir JavaScript.

Los complementos para compartir en comunidades son un buen ejemplo. Los empleamos en nuestro blog, pero cargan en toda la página.

propaganda

Lee abajo

Verá que no afectan de manera directa la evaluación de desempeño. Pongamos eso a prueba.

Tras inhabilitar el complemento Hummingbird, conseguimos una puntuación de 35.

Después de la instalación y configuración, se encontrará en una página que se ve así:

Interfaz de colibrí.

Aquí es donde puede pasar algo de tiempo y el modo perfecto de prueba es útil.

Ciertas secuencias de comandos simplemente sabe si las precisa o no (por servirnos de un ejemplo, un formulario de contacto en una agrupación de páginas), pero otras las desea. tal vez no lo pruebe (¿verdaderamente necesita su complemento de control deslizante en cada página?).

publicidad

Lee abajo

Si está en modo de desarrollo o de prueba, posiblemente quiera deshabilitarlos todos y después habilitarlos uno a la vez para evaluar la funcionalidad. Esta es la manera en que fui

Tras unos 20 o 30 minutos (que tienes que realizar en cada tramo, pero una vez que haces uno son más veloces) la velocidad era:

Limpieza de activos.

Logra con las ubicaciones afectadas:

Guiones ofensivos.

Avance sólido nuevamente.

propaganda

Lee abajo

Pero que pasa en el momento en que comienzas …

Combina estos 3 trucos

La combinación no pareció marchar bien en mi experiencia.

Los resultados y el tiempo del mundo real empeoraron cuando se combinaron dos. Esto fue inesperado puesto que Cloud Flare y Asset Cleanup deberían funcionar bien juntos.

Pero…

Combine optimizaciones.

Sin embargo, los desenlaces pueden variar, y si prueba cada uno de ellos, le sugiero que pruebe distintas combinaciones, e incluso otros complementos si tiene el tiempo y las ganas.

publicidad

Lee abajo

En nuestro caso, elegimos Cloud Flare.

Y para esos que sintieron curiosidad, posiblemente hayan notado que las métricas precedentes se aplican a los dispositivos móviles inteligentes. Con Cloud Flare, nuestro escritorio viene con:

Escritorio PageSpeed ​​y CWV.

Y ahora para apagar las cosas …

Pero, por supuesto, ese no es el final de la prueba.

En consecuencia, he desactivado todas y cada una de las optimizaciones de momento y las desactivaré en septiembre, después de la publicación.

publicidad

Lee abajo

Básicamente, deseo ver qué tan enorme es una patada en el trasero (si corresponde) y luego ver qué tan veloz nos recobramos.

No te recomiendo que hagas lo mismo.

Una vez que solucionemos eso, volveré a conocer y actualizaré este artículo.

Más recursos:


créditos fotográficos

Todas las capturas de pantalla del creador, junio de 2021



Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *