Soporte » WordPress Avanzado » Mejorar rendimiento y velocidad del sitio

  • ¡Hola a todos!

    Tengo un blog desde hace unos 3 años, y hace un par de meses cambié el tema. Estaba contenta con él hasta que me dio por pasar el pagespeed de Google, y bam, 49 en mobile y 57 en desktop. No contenta con mi depresión, y como soy masoca, me metí en analytics para ver que una página me tarda de media la friolera de 17s en cargar. Al borde del tiro en la cabeza.

    Obviamente esto malo y quiero cambiarlo, pero con el tiempo y dinero que he invertido en el tema, cambiarlo no entra en mis opciones.

    Los errores que me aparecen son:
    – Optimizar imágenes – estoy en ello, he resubido todas las imágenes comprimidas, pero sigue saliendo
    – Eliminar el JavaScript que bloquea la visualización y el CSS del contenido de la mitad superior de la página – ni idea de cómo cambiarlo, cambié el orden de ejecución del js y fue un fracaso, la página no cargaba bien

    – Reducir el tiempo de respuesta del servidor – ¿ideas?
    – Prioriza el contenido visible. Tu página requiere indicaciones completas de red adicionales para procesar el contenido destacado en la parte superior de la página. Para obtener un rendimiento óptimo, reduce la cantidad de HTML necesario para procesar dicho contenido. – ¿ideas?
    – Especificar caché de navegador – esto ya lo he intentado arreglar añadiendo el expires al htaccess y usando el plugin WP super cache, pero no cuela
    – Habilitar compresión – esto lo arreglé, no me acuerdo de cómo, y ahora vuelve a aparecer

    Cualquier aportación para aligerar un poco la página será súper mega agradecida 🙂

    Mil gracias!

Viendo 11 respuestas - 16 de 26 (de 26 total)
  • Buenas,

    Estoy echándole un vistazo a la página. No estoy mirando el PageSpeed porque creo que tiene problemas más importantes, te cuento lo que veo:

    1. Demasiados plugins. Hay un montón de JavaScript y CSS cargado por plugins. y eso aumenta el peso de la página.

    2. Hay programación de baja calidad. He visto que está bastante personalizado (la plantilla, como dices), pero hay formas y formas de programar eso, y creo que lo que te han hecho no es de muy buena calidad.

    3. Las imágenes que carga la web, las carga a un tamaño demasiado grande, aunque luego las muestra en tamaño pequeño. Las imágenes pesan 1.2 MiB (de 2 MiB que pesa la web en total). Puedes aligerar bastante la carga seleccionando tamaños más pequeños de imagen para mostrar (modificando el código y la plantilla se consigue esto).

    4. No sé si el hosting en el que tienes el sitio web está ayudando mucho. La web me ha tardado en cargar MINUTO Y MEDIO. Es muy tarde, son las 2 am, y todas las páginas de tu web tardan en cargar una cantidad de tiempo que no es normal.

    Luego de solucionar eso, se podrían aplicar multitud de optimizaciones, como minificar los recursos (CSS y JavaScript), aplicar caché de cliente mediante configuración del servidor… Pero vamos, que estos cambios no están a tu alcance si no eres desarrolladora, requieren de meterle mano al trabajo que tienes ya realizado y no se va a arreglar instalando más plugins.

    Siento ser el portador de malas noticias, pero como desarrollador web… Me encuentro esto habitualmente.

    Cualquier cosa que necesites, estaremos por aquí.

    ¡Hola Jose J.!

    La verdad es que es algo que me saca de mis casillas porque antes de comprar el tema pregunté y pregunté, y me aseguraron que cargaba rápido y tal.

    Lo único que tengo así hecho a medida es la estructura de los posts, que está copiada de otra plantilla del tema, y me lo hizo un desarrollador freelance. Usa custom fields.

    He leído todo lo que me comentas detenidamente, y el 1 lo volveré a revisar (aunque creo que no puedo quitar muchos más, hasta el propio tema te obliga a algunos…) y el 4 lo consulté con los de mi hosting (banahosting) y claro, decían que era tema de las imágenes.

    ¿Alguna idea de cómo puedo arreglar el 2 y el 3? Me parece increíble lo que me comentas de que las imágenes son 1,2MB/2MB, es mucho… Estoy que voy por el camino de la amargura con este tema, pero me ha costado mucho dejarlo «bonito», he aumentado visitas y he invertido ya demasiado tiempo y dinero en dejarlo medio decente al ojo humano (que no a la paciencia humana).

    ¡Gracias de antemano!

    Moderador almendron

    (@almendron)

    A mi me parecen excesivas las críticas.
    1.- El número de plugins es el normal.
    2.- A mi me ha tardado en cargar no más de tres segundos.
    3.- La puntuación en https://developers.google.com/speed/pagespeed/insights/ es de lo más normal: 64 para movil y 76 para ordenador.
    Insisto: te estás complicando la vida sin necesidad. Reduce el «peso» de las imágenes y listo. Una jpg al 60% se ve tan bien como otra al 80% y pesa bastante menos.

    Me estáis liando entre todos XP

    A ver, sé que el tema de las imágenes es importante, así que quizás empezaré por eso. ¿Sabes cómo podría hacer para que las imágenes que se ven pequeñas (grids y tal) se escalen para pesar menos?

    Gracias!

    Moderador almendron

    (@almendron)

    Un ejemplo sería el siguiente:

    <?php if (has_post_thumbnail()) : ?>
    <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail(array(250,250), array('class' => 'vc_grid-item-mini vc_clearfix')); ?></a>
    <?php endif; ?>

    Como es obvio, cada entrada debe tener una imagen destacada.
    Más información en https://codex.wordpress.org/Post_Thumbnails

    Y otra cosa: lo más sencillo es reducir la calidad de las imágenes.
    http://dulcesdiabeticos.com/wp-content/uploads/2016/08/tarta-fondant-de-chocolate-sin-azucar.jpg
    La tienes al 94% de calidad. Pesa 257 KB. Si la pasas al 80% de calidad, te baja a unos 100 KB y te puedo asegurar que nadie se va a dar cuenta. Y bajas un poco más la calidad, pues más reducido será el «peso».

    @almendron: Se pueden cerrar los ojos y pensar que todo va bien, o se pueden abrir y tratar de mejorar lo que ya tenemos. Mi manera de proceder siempre se aproxima más a la segunda.

    El blog bonito ha quedado, de eso no cabe duda. A mi visualmente me gusta mucho, enhorabuena en ese aspecto, de verdad 🙂

    Sobre los otros puntos… Entiendo que el número de plugins es opinable. En mi opinión es elevado, y en mis desarrollos trato de aplicar esa filosofía y utilizar aquellos que realmente aportan a mi trabajo, aprovechando al máximo lo que ofrece WordPress (que es mucho) y lo que ofrezca la plantilla (Bootstrap, en mi caso) para evitar recurrir a plugins de terceros. Pero como digo es opinable y depende de cada uno.

    Para mejorar el punto 2 hay que revisar cómo se ha desarrollado tu sitio web. Es fácil que se hayan utilizado consultas más grandes de lo necesario, que se repitan ejecuciones de forma innecesaria, etc. Vamos, que te hayan hecho un desarrollo eficiente o uno «a saco». Esto lo puede hacer cualquier profesional dedicado a optimización web WPO.

    Hay muchas otras optimizaciones que se pueden aplicar a tu sitio y que un experto en WPO puede aplicar para ti, la mayoría de ellas resolverán los problemas de PageSpeed (que no son tales, pero sí que ayudan), aunque por la inversión e implicación que requiere este punto, dejaría esto para lo último.

    El punto 3 es como te han dicho: debes modificar las plantillas para que utilicen tamaños de imagen menores, y si no existen dichos tamaños, crearlos en el functions.php mediante add_image_size() o set_post_thumbnail_size(), dependiendo de cómo esté la plantilla.

    La clave es tratar de que, por ejemplo, al mostrar un post con imagen que en portada se ve pequeña, se cargue la imagen con el mínimo tamaño posible en lugar de cargar una imagen de 640×480 o superior, que pesarán más. Cargar 2 megas es demasiado, evidentemente.

    Esto último te lo puede hacer cualquier desarrollador WordPress, de forma bastante sencilla. Sobre la calidad, 60% sí es muy baja, normalmente con 80% está muy bien y visualmente no se aprecia pérdida de calidad.

    Dices que plugins no puedes desactivar, y lo entiendo… Entonces atacaría a las imágenes. He buscado por la red comentarios sobre tu hosting y, si bien no son los mejores, sí parecen ser bastante aceptables. No creo que sea la causa. Coméntale a tu desarrollador WordPress que revise lo de las imágenes y que te de una solución y luego creo que será el momento de revisar todo lo demás.

    Cualquier cosa, seguimos en contacto.

    Moderador almendron

    (@almendron)

    Antes de seguir, ¿podrías mirar una cosa? Comprueba cuántos tamaños ha creado wordpress de la imagen http://dulcesdiabeticos.com/wp-content/uploads/2016/08/tarta-fondant-de-chocolate-sin-azucar.jpg
    Te hago esta pregunta no vaya a ser que en su momento no se crearan más tamaños y sea por eso que te coge la grande.

    Moderador almendron

    (@almendron)

    Y vuelvo a insistir en el peso de las fotos:
    http://dulcesdiabeticos.com/wp-content/uploads/2015/11/%C3%ADndice-recetas.png
    Es un png 32, pesa 402 KB y el tamaño es 500 x 500
    Sin embrago, la usas a 300 x 300:
    <img class="alignnone" src="http://dulcesdiabeticos.com/wp-content/uploads/2015/11/índice-recetas.png" "="" alt="Índice de recetas Dulces Diabéticos" width="300" height="300">
    Además de reducir su tamaño a 300 x 300, puedes bajar su peso convirtiendola a jpg (al 80% unos 40 KB) o a png 8 (incluso a 256 colores se te queda a unos 50 KB).
    Solo ya con esto te quitas de encima casi medio mega de carga.

    Hola @dulcesdiabeticos, ¿conseguiste avanzar algo? ¿Resolviste alguno de los problemas?

    ¡Hola @omega_2093!

    Parece que algo he podido arreglar. El tema de las imágenes y su escala creo que está medio arreglado (no para todas, pero para la mayoría de miniaturas), y he mejorado el pagespeed hasta 64 en mobile y 75 en desktop (algo es algo).

    Me queda solucionar el tema de js, especificar la caché (que ya lo he hecho en el htaccess y no parece que funcione), habilitar compresión, y optimizar algunas imágenes más.

    Voy haciendo como puedo, ¡muchas gracias a todos por la ayuda! 🙂

    Moderador almendron

    (@almendron)

    La imagen que te comenté sigue pesando lo mismo y es una lástima que no la comprimas porque te quitas de encima casi medio mega, que ya es.
    http://dulcesdiabeticos.com/wp-content/uploads/2015/11/%C3%ADndice-recetas.png

Viendo 11 respuestas - 16 de 26 (de 26 total)
  • El debate ‘Mejorar rendimiento y velocidad del sitio’ está cerrado a nuevas respuestas.