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, es probable que esté intentando de emprender los inconvenientes que ignoró o intentando encontrar maneras de prosperar su trabajo.

La mayor parte en la industria comprende que comenzará con relativa facilidad y va a ganar influencia con el tiempo.

John Mueller de Google plus lo comparó con cocinar. Comenzará con una pizca de sal y se irá adaptando de manera lenta para realizar las cosas bien.

Veo esta actualización de forma muy afín 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. Tras todo, es simple pasar a HTTPS, y todos los sitios nuevos prácticamente simplemente lo hacen, y no puede ser que los sitios HTTP hayan sido penalizados por los primeros sitios.

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

publicidad

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 en la que no se realizó click.

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

Core Web Vitals Hack 1: Cloud Flare

Esto no es único de WordPress.

Mi propio lugar no está recibiendo el cariño que se merece cuando se trata 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 da un servicio gratuito con muchas actualizaciones de velocidad.

Para ofrecerle una idea, antes de comenzar por el sendero empedrado de los hacks de Core Web Vital y Page Experience para mi página web, nuestra agilidad fue:

Una vez que comenzamos el plan gratuito de Cloud Flare y habilitamos los elementos 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, incluyendo la configuración de la cuenta.

publicidad

Lee abajo

Tras actualizar a Pro ($ 20 / mes) y ajustar todas las configuraciones menos una (ver 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 página web está en WordPress, disponemos 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 gracioso aquí. Tanto el FCP como el índice de agilidad mejoraron, pero el LCP fue diezmado.

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

Conque probé un par de configuraciones, ninguna mejoró un poco, conque desactivé el complemento de WordPress y volvimos a los 70.

¿La leccion?

No todo marcha.

Siempre prueba.

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

Siguiente hasta …

Core Web Vitals Hack 2: Colibrí

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

Como es natural, esta sección unicamente se aplica a quienes usan WordPress.

He probado varios complementos de agilidad y almacenamiento en caché distintas, y cada uno parece funcionar mejor que otros en diferentes niveles. Pero lo más consistente cuando tienes un buen distribuidor de hosting semeja ser Hummingbird, en mi experiencia.

Agregaré el aspecto del distribuidor de hosting 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 fácil complemento de almacenamiento en caché (después de todo, conseguimos el almacenaje en caché de nuestro hosting aceptable (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 fué bastante mala en las situaciones que he probado.

seguramente sea decente si no sabe lo que ve, 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 plataforma de trabajo como:

Complemento Kolibri WordPress.

Posiblemente tenga que jugar un poco intentando de saber qué cosas mover on line y qué funciones se romperán si su portal web se habla incorrectamente (miro jQuery)

publicidad

Lee abajo

Vale la pena indicar que, a los efectos de este artículo, desactivé todas y cada una de las funcionalidades de aumento de velocidad y almacenamiento en caché de Cloud Flare mientras que escribía esta sección. El lugar 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 muchos websites se bloquearán en el momento en que presione jQuery hacia abajo, en tanto que muchos controles deslizantes, etc.necesitan que se cargue antes que ellos.

Se recomienda 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 señalar que probé la combinación de ficheros, 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.

propaganda

Lee abajo

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

Para finalizar, si bien no menos importante…

Core Web Vitals Hack 3: Limpieza de activos

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

La función básica del complemento es permitir a los dueños de websites detener la carga de scripts en determinadas páginas o grupos de páginas. La sugerencia proviene de:

Reducir JavaScript.

Los complementos para compartir en comunidades son un excelente ejemplo. Los utilizamos 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, obtenemos una puntuación de 35.

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

Interfaz de colibrí.

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

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

propaganda

Lee abajo

Si está en modo de avance o prueba, es posible que desee deshabilitarlos todos y después habilitarlos uno a la vez para evaluar la ocupación. Esta es la forma en que fui

Tras unos 20 o 30 minutos (que tienes que llevar a cabo en todos y cada tramo, pero cuando haces uno son más veloces) la agilidad era:

Limpieza de activos.

Logra con las zonas perjudicadas:

Guiones ofensivos.

Avance sólido de nuevo.

publicidad

Lee abajo

Pero que pasa en el momento en que empiezas …

Combina estos 3 trucos

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

Los desenlaces y el tiempo del mundo real empeoraron en el momento en que se combinaron 2. Esto fue inesperado puesto que Cloud Flare y Asset Cleanup deberían marchar bien juntos.

Pero…

Combine optimizaciones.

No obstante, los resultados tienen la posibilidad de cambiar, y si prueba cada uno de ellos, le sugiero que pruebe diferentes composiciones, e inclusive otros complementos si tiene el tiempo y las ganas.

publicidad

Lee abajo

En nuestro caso, escogemos Cloud Flare.

Y para esos que sintieron curiosidad, posiblemente hayan sentido 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, como es natural, ese no es el final de la prueba.

Por ende, he desactivado todas y cada una de las optimizaciones de momento y las desactivaré en el mes de septiembre, después de la publicación.

propaganda

Lee abajo

Esencialmente, deseo ver qué tan enorme es una patada en el trasero (si corresponde) y luego ver qué tan rápido nos recuperamos.

No te recomiendo que hagas lo mismo.

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

Mucho más recursos:


créditos fotográficos

Todas y cada una de las screenshots del autor, junio de 2021



Deja una respuesta

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