Retraso de carga pagespeed

Hola Pedro, 

La zona blanca que mencionas es el primer renderizado que hace tu sitio web, no es que se retrase como tal es que dependiendo de la cantidad de elementos o inclusive el widget que utilices este necesita primero cargar código para su funcionalidad que muchas veces no le gusta a Google y no es bueno obsesionarse con ello. 

De manera general tienes un buen performance para móvil, inclusive con un puntaje muy difícil de lograr 

Si deseas ver que otras opciones puedes revisar puede ser:

• Revisa y configura si no lo tienes ya WP Rocket para la optimización de la base de datos:  https://wp-rocket.me/blog/make-wordpress-database-clean-whistle/
• Instalar Optimizador.io para no tener que preocuparte de optimizar imágenes en tu web nunca más:  https://guias.webempresa.com/preguntas-frecuentes/por-que-usar-otimizador-io/
• Revisa los limites de php.ini Tienes límites por defecto para PHP en tu cuenta. Puedes subir los límites desde wepanel:  https://guias.webempresa.com/preguntas-frecuentes/cambiar-la-version-php/#parametros-php

Verifícalo y nos comentas como va todo

Un Saludo

Hola. Como te carga en 1.7. 😀. A mi no baja de 4s?. Por otra parte es verdad que estoy un poco obsesionado pero es con el core vitals porque no consigo que me salgan paginas buenas ya que no bajan de 2.7. He hecho todo lo que me comentas. ¿Puedes echar un vistazo a ver si algo que se pueda hacer para bajar de 2.5? Estoy cerca.

Hola Pedro, 

No hice nada especial, solo analicé el sitio en pagespeed. Ten en cuenta que la velocidad de carga va a depender de la cantidad de elementos, plugins y código adicional que tengas añadido en tu sitio web.

Por otro lado puedes darle un vistazo a los siguientes artículos donde explican como mejorar los core vitals

→ https://www.webempresa.com/blog/que-son-los-core-web-vital-y-por-que-son-importantes.html

→ https://www.webempresa.com/blog/como-optimizar-las-core-web-vitals-en-wordpress.html

Ten en cuenta que llegar al resultado deseado sea un trabajo de mucha práctica, ensayos y verificar que puedes y modificando a nivel de optimizacion de tu sitio web sin que afecte su funcionalidad y visualización actual. 

Un Saludo

Se que es difícil. Mis conocimientos no dan para más. Era por si vosotros mirando networks me podíais facilitar algún código o sugerencia de cambio de plugin para bajar de 2.5 en core vitals. Que estoy cerca 😀 . Gracias

Hola Pedro, 

A nivel del sitio no podemos editar o modificar algún código para mejorar esto, ten en cuenta que la carga esta interferiría por el propio código del tema, plugins que utilices u otra funcionalidad. 

Es por ello que es un poco más difícil llegar a los estándares de Google, ya que cuando construimos un sitio web necesitamos ir incorporando ciertas opciones adicionales que pueden añadir código o características, especifica que no se ajusten a las métricas que desea Google.

Un Saludo

Con las fonts y google analytics ves que se pueda mejorar algo?

Hola Pedro, 

A que te refieres con Google Analytics? sobre las fuentes no veo un aviso en Pagespeed referente a ellas, puedes indicarnos que deseas hacer con estas dos opciones para verificar con mayor detalle lo que nos comentas. 

Un Saludo

Hola. Me referia a la primera imagen que adjunte con la waterfall de analíticas de google que tienen un tiempo de carga alto. Y el tema texto veo alto las fontawersome. He leido que se puede añadir font-display swap pero no tengo claro si es buena idea, ni como se hace. Y por último precarga de google font o acelerar de alguna forma. Alguna idea?

Hola Pedro.

No te obsesiones con las puntuaciones de PageSpeed ya que solo sirven para ver si hay cosas que puedes mejorar pero Google dejó de usar las puntuaciones de PageSpeed Insights como factor directo de posicionamiento hace años.

La optimización del sitio es algo complicado ya que depende mucho de los plugins, la plantilla, código personalizado... hay que realizar una revision de toda la instalación y eso lleva mucho tiempo, no es algo como un botón o un código y se soluciona.

Puedes empezar mejorando la carga de las fuentes de Google:

.- Instala el siguiente plugin:

-> https://wordpress.org/plugins/host-webfonts-local/

Accede a las opciones del plugin:

Opción de visualización de la fuente → Swap ( ya esta por defecto )

Marca las fuentes y variantes que utilizas en tu web ( creo que son Open Sans, Lato, Montserrat, Roboto y Roboto Slab ), selecciona cargar pronto, las demás selecciona No cargar

Revisa si con eso mejora.

Un Saludo.

Ok gracias pruebo. También intentaré solo poner 2 o 3 fuentes.

Hola Pedro, 

De acuerdo, pruébalo y nos comentas como va todo

Un Saludo