Saltar al contenido
Closer Marketing

3 trucos vitales sencillos de PageSpeed ​​y Core Web para WordPress


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

La mayoría en la industria comprende que empezará con relativa facilidad y ganará influencia transcurrido el tiempo.

John Mueller de Google+ lo comparó con cocinar. Comenzará con una migaja de sal y se va a ir amoldando poco a poco para llevar a cabo 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 fácil pasar a HTTPS, y todos y cada uno de los sitios nuevos prácticamente simplemente lo hacen, y no puede ser que los sitios HTTP hayan sido penalizados por los primeros sitios.

Sin embargo, si tiene un sitio inseguro, ahora se enfrenta a un mar de sitios que tienen una ventaja 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 realizó click y una en la que no se realizó click.

Piense en lo siguiente como algunos trucos rápidos y simples.

Core Web Vitals Hack 1: Cloud Flare

Esto no es exclusivo de WordPress.

Mi propio lugar no recibe el amor que se merece tratándose de actualizaciones. “El zapatero no tiene zapatos”, dicen. Como resultado, le va bastante mal en el frente de Core Web Vitals.

Posiblemente muchos no lo sepan, pero Cloud Flare proporciona un sistema libre y gratuito con muchas actualizaciones de velocidad.

Para darle una idea, antes de empezar por el sendero empedrado de los hacks de Core Web Escencial y Page Experience para mi página web, 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, hay grandes diferencias. Y todo a partir de unos 20 minutos de trabajo, incluyendo la configuración de la cuenta.

publicidad

Lee abajo

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

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 portal web está en WordPress, tenemos la opción:

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

Conque instalé el complemento y apliqué la configuración sugerida.

¿El resultado?

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

Notarás algo gracioso aquí. Tanto el FCP como el índice de velocidad mejoraron, pero el LCP fue diezmado.

Este es la situacion después de múltiples revisiones, y ciertas dieron una puntuación alta de 62, pero aún de esta forma.

Conque 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 y en todo momento prueba.

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

Siguiente hasta …

Core Web Vitals Hack 2: Colibrí

No, no estoy hablando del algoritmo de Google+ 2013, sino del complemento de WordPress.

Evidentemente, esta sección unicamente se aplica a quienes emplean WordPress.

He probado varios complementos de velocidad y almacenamiento en caché distintas, y cada uno de ellos semeja funcionar mejor que otros en distintas niveles. Pero lo mucho más consistente en el momento en que tienes un óptimo distribuidor de alojamiento parece ser Hummingbird, en mi experiencia.

Agregaré el aspecto del distribuidor de hospedaje en tanto que otros complementos pueden funcionar mejor en hosts peores, pero en un caso así mi recomendación principal sería … obtener un mejor host.

publicidad

Lee abajo

¿Por qué colibrí?

Lo que me agrada de Hummingbird es que no es solo un simple complemento de almacenaje en caché (después de todo, obtuvimos el almacenamiento en caché de nuestro hosting decente (o nube), ¿verdad?)

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

También me gusta que puedo conectar Hummingbird a Cloud Flare para modificar ciertas configuraciones de manera remota.

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

Probablemente sea aceptable si no sabe lo que está viendo, pero si está dispuesto a dedicar algo de tiempo a la configuración, va a ser mejor que lo realice de forma manual con una interfaz como:

Complemento Kolibri WordPress.

Posiblemente deba jugar un tanto tratando de saber qué cosas mover on line y qué ocupación se romperá si su sitio web se maneja incorrectamente (estoy mirando jQuery).

propaganda

Lee abajo

Merece la pena apuntar que, a los efectos de este artículo, desactivé todas las funciones de incremento de velocidad y almacenamiento en caché de Cloud Flare mientras que escribía esta sección. El sitio de partida es en la actualidad el 34.

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

Se recomienda que pruebe varias páginas, incluidos modelos, contactos, páginas de comienzo y prácticamente cuando menos una página de cada diseño / plantilla que utilice.

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

Al final conseguimos una puntuación de 34 para:

Puntuación de PageSpeed ​​Insights con Hummingbird.

Optimización sólida.

publicidad

Lee abajo

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

Por último, si bien no menos esencial…

Core Web Vitals Hack 3: Limpieza de activos

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

La función básica del complemento es aceptar a los propietarios de websites detener la carga de scripts en determinadas páginas o conjuntos de páginas. La sugerencia procede de:

Reducir JavaScript.

Los complementos para comunicar en redes sociales son un excelente ejemplo. Los usamos 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 desactivar 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 de este modo:

Interfaz de colibrí.

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

Ciertos scripts solo saben si los precisa o no (por servirnos de un ejemplo, un formulario de contacto en una agrupación de páginas), pero otros sí es posible que no quiera probarlo (¿realmente necesita su complemento de control deslizante en cada página?).

propaganda

Lee abajo

Si está en modo de avance o prueba, es posible que quiera deshabilitarlos todos y luego habilitarlos uno a la vez para probar la ocupación. Esta es la manera en que fui

Después de unos 20 o 30 minutos (que debes llevar a cabo en todos y cada tramo, pero una vez que haces uno son mucho más rápidos) la velocidad era:

Limpieza de activos.

Consigue con las ubicaciones afectadas:

Guiones ofensivos.

Avance sólido nuevamente.

publicidad

Lee abajo

Pero que pasa cuando empiezas …

Combina estos 3 trucos

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

Los resultados y el tiempo del mundo real empeoraron cuando se combinaron 2. 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.

propaganda

Lee abajo

En nuestro caso, escogemos Cloud Flare.

Y para aquellos que sintieron curiosidad, posiblemente hayan notado que las métricas anteriores se aplican a los gadgets móviles. 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.

Por lo tanto, he desactivado todas y cada una de las optimizaciones de momento y las desactivaré en el mes de septiembre, después del lanzamiento.

propaganda

Lee abajo

Esencialmente, quiero ver qué tan enorme es una patada en el trasero (si corresponde) y luego ver qué tan veloz nos recobramos.

No te invito a que hagas lo mismo.

Una vez que solucionemos eso, volveré a visitar y actualizaré este producto.

Mucho más elementos:


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 *