Errores PageSpeed - Tema: Newspaper tagDiv  

 
Carlos
 Carlos
Usuario eminente

Buenas tardes a todos. Antes de nada os pongo en precedentes. Tengo el tema Newspaper tagDiv desde hace un año. Tengo los mismos problemas que hace 1 años en pagespeed.

- Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página
- Optimizar imágenes
- Reducir el tiempo de respuesta del servidor (no me preocupa tanto)
- Especificar caché de navegador
- Minificar CSS
- Minificar JavaScript
- Minificar HTML

De antemano os digo que para este Theme no se puede usar cualquier plugin y mis conocimientos de programación son nulos. En este enlace indican lo que hay que hacer para solucionar los errores. Intenté aplicar códigos y tal como dicen pero lo que hago es cargarme la web:

https://forum.tagdiv.com/how-to-make-the-site-faster/

En el error de las reducir el tamaño de las imágenes. Desisto, las reduje muchas veces ya con infinidad de plugins y la herramienta de Webempresa. El error de pasar la carga de javascript y cs al final es lo que intento hacer y tampoco me sale.

Los plugins que utilizo son:

- Asesor de Cookies
- Contact Form 7
- Envato WordPress Toolkit
- Force Regenerate Thumbnails
- Google Analytics para WordPress por MonsterInsights
- Jetpack
- Slider Revolution
- Speed Booster Pack
- tagDiv Composer
- tagDiv Social Counter
- WP Smush
- WP Super Cache
- Yoast SEO

Dadme una solución por Dios... Si tenéis que entrar en mi admin entrad... pero necesito solución! xD

Mil gracias!

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 14/10/2017 7:51 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 14/10/2017 9:24 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Carlos
 Carlos
Usuario eminente

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.

ResponderCitar
Respondido : 15/10/2017 7:27 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/10/2017 9:26 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro