Errores PageSpeed - Tema: Newspaper tagDiv  

Hola Carlos,

La consulta que haces es muy genérica y demasiado extensa para ser atendida en un solo hilo del foro.

Agradecemos que plantees consultas específicas y puntuales, que se puedan gestionar de una en una, de forma que puedas (y podamos) avanzar en el proceso de ayudarte a resolver aquellas que estén a nuestro alcance.

No acedemos a webs de clientes ni resolvemos los ajustes de tu web por ti.

Por ejemplo,

Sobre la optimización de imágenes, uno de los puntos de PageSpeed:

Revisa la siguiente guía rápida para saber como ejecutar "ImageOptimizer" en tu cuenta de Hosting: https://guias.webempresa.com/preguntas-frecuentes/optimizar-imagenes-herramienta-imgoptimizer/

Realiza las consultas de forma individual y no anides diferentes consultas bajo un mismo hilo, acabamos confundiendo a otros usuarios que buscan soluciones ya aportadas, dificultamos las respuestas, ya que siempre se quedarán parte de las consultas sin responder mientras el hilo avanza, al mezclar muchos temas en un solo hilo en muy difícil hacer un seguimiento de la consulta inicial y esto acaba llevando al hilo a un estancamiento.

Gracias por tu colaboración.

Vale, pues comienzo con lo que más preocupa. El error siguiente:

- Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página.

Por favor, no me enlacéis con otros hilos porque llevo con el mismo problema 1 año y haciendo todo lo que me dicen, el problema no se soluciona. Es un Theme muy especialito.

Hola Carlos,

1. El tema Newspaper es un tema comercial (de pago) y en Webempresa no damos soporte sobre temas comerciales. Te recomendamos para cuestiones de funcionamiento, mejora, actualización y personalización del tema te dirijas al autor del tema por medio de su Soporte.

2. Sobre el javascript que bloquea el contenido d ela parte superior de tu web (tema), veo que los siguientes recursos se cargan en la parte superior cuando deberías desplazar su carga a la parte inferior de la web:

Contenido solo visible a usuarios registrados

Nota: En tus urls he omitido el dominio para que no sea indexable por Google en el Foro.

Naturalmente tengo que remitirte a un artículo del Blog donde explico estas cuestiones, ya que de lo contrario se convertiría en un hilo interminable esta consulta si tuviese que explicar paso por paso todo el proceso que ya está explicado en artículos del Blog de forma mucho más detallada y con ejemplos en muchos casos.

Lectura recomendada:

- Mejora la velocidad y el SEO de tu sitio web comprimiendo ficheros JavaScript, CSS y HTML en WordPress - https://www.webempresa.com/blog/mejora-la-velocidad-y-el-seo-de-tu-sitio-web-comprimiendo-ficheros-javascript-css-y-html-en-wordpress.html

Lo ideal es que el javascript cargue al final de la página (footer) o que lo haga de forma asíncrona para no bloquear o ralentizar la carga de otros elementos.

No existe una solución mágica y única que la aplicas y ya está, sobre todo teniendo en cuenta que WordPress es dinámico y hoy tienes un plugin y mañana lo quitas y con ello quitas CSS o JS que cargaba en la cabecera de la web y dentro de un mes instalas otro plugin que vuelve a añadir CSS o JS en la cabecera y así una y otra vez en el ciclo de vida de tu web, por lo que no existe una única y buena solución sino varias y pequeñas soluciones que dependerán siempre de los plugins instalados y del tema que se utilice.

Una opción es usar el plugin Autoptimize para mover esos archivos CSS/JS al final de la página.

Otra solución es comprimir y minificar los contenidos estáticos, salvo los recursos externos (fuentes, cdn's a los que no tendrás acceso).

Otra opción es añadir una función en el archivo functions.php de tu tema, al final, que se encargue de mover esos scripts (o los que sea posible, ya que no todos lo son) al pie (footer) de tu web.

3. ¿Cómo añadir esta función en tu WordPress?

1. Realiza una copia de seguridad de tu web.
2. Accede a tu dashboard de WordPress.
3. Ve a Apariencia, Editor.
4. Localiza en la parte derecha "Funciones del Tema" (functions.php).
5. Clic para cargarlo en el editor central de esa pantalla.
6. Baja hasta el final del archivo, crea un espacio para separar de la última función existente la nueva.
7. Añade la función que cito a continuación:

//* Mover javascripts al footer
function scripts_footer() {
    remove_action('wp_head', 'wp_print_scripts');
    remove_action('wp_head', 'wp_print_head_scripts', 9);
    remove_action('wp_head', 'wp_enqueue_scripts', 1);
 
    add_action('wp_footer', 'wp_print_scripts', 5);
    add_action('wp_footer', 'wp_enqueue_scripts', 5);
    add_action('wp_footer', 'wp_print_head_scripts', 5);
}
add_action( 'wp_enqueue_scripts', 'scripts_footer' );

8. Guarda los cambios en "Actualizar archivo".
9. Limpia caché de tu navegador.
10. Recarga la página para comprobar que la web sigue funcionando.
11. Botón derecho de tu ratón, "Ver código fuente".
12. Verifica si ahora los javascript se han desplazado al final (footer).

Nota: Va a depender mucho de tu tema el que esta función sea 100% efectiva o solo parcialmente.

Como te dije, no existen soluciones absolutas.

Saludos