Optimización de carga de sitios web

ramonjosegn dijo:

Aquí está el tutorial aunque veo que no están cargando las imágenes

(1) Cómo reducir masivamente el peso de las imágenes para un sitio más rápido - Wordpress
http://forobeta.com/tutoriales-de-w...o-de-imagenes-sitio-mas-rapido-wordpress.html

Toca pedirle a [MENTION=3154]Sergio López[/MENTION] que corrija ese problemita si tiene tiempo.

Hacer clic para expandir...

Adamelloco dijo:

Parece algo lioso el tema de comprimir las carpetas dentro del servidor y demás ya te digo que no toco nunca estas cosas no me gustaría cagarla con lo que a costado y el tiempo empleado (yo soy mas de ver un vídeo paso por paso e ir siguiendo sino me pierdo) pero bueno gracias por la información 😉

Hacer clic para expandir...

cicklow dijo:

Puedes usar FTP para descargar todas las imagenes, solo descarga FileZilla, lo configuras con tus datos de FTP y accedes a tu host, a la izquierda ves tu host a la derecha tu PC, solo seleccions que quieres descargar y listo. (en este caso la carpeta wp-content/uploads)

O puedes usar el administrador de archivos de cPapenl, entras a tu dominio/wp-content/uploads seleccionas todas las carpetas y le das crear comrpimido, luego que termine descargas ese comprimido a tu pc, descomprimes la descarga, optimizas las imagenes y comprimes esas img nuevamente, subes el archivo al mismo lugar donde descargaste el anterior y arriba dice "Descomprimir" y seleccionas reemplazar archivos...
Esto ultimo (cpanel) solo te servira si tienes espacio en disco suficiente como para crear un comprimido de tus imagenes..

Si usas un VPS puedes instalar un optimizador de img y hacer todo en dos patadas... o testar algun otro plugin para comprimir img https://es.wordpress.org/plugins/tiny-compress-images/

Hacer clic para expandir...

Adamelloco dijo:

Ok entonces me recomendáis RALPHA para comprimirías ? acabo de descargar todas las imágenes en total ocupa casi 500 mb unas 3000 y pico imagenes

Hacer clic para expandir...

sspydyxtream dijo:

Parece que tienes una burrada de plugins activos, yo tengo entre 60 y 140 y la verdad es que ha bajado considerablemente, eso si, necesitas bajarle el peso, yo lo estoy haciendo manualmente y se nota bastante eh, por lo menos en las imágenes de "portada" no sé si me explico. Y trata de revisar por qué el Yslow está tan bajo, también te digo que 10 segundos es mucho, yo empecé así y lo he ido bajando hasta 4-6, y yo quiero bajarlo hasta 2-3 más o menos...

Fijate en las barras en cascada que te da gmetrix, con eso he ido mejorando muchísimo mi web.

Saludotes!!

Hacer clic para expandir...

Adamelloco dijo:

Después de haber optimizado las imágenes la verdad es que no se nota mucho la diferencia pero algo es algo -2s

Hacer clic para expandir...

ramonjosegn dijo:

¿No estás usando un plugin de caché?

Sigue habiendo muchas cargas... si no son las imágenes pueden ser los scripts... o cualquier cosa, sin conocer el sitio complicado saberlo...

Hacer clic para expandir...

Adamelloco dijo:

Te mando mi sitio por PM haber que opinas que puede estar fallando seguramente sean algunos plugins pero no lo se

Hacer clic para expandir...

1. No te fies tanto en Website speed test y GTMetrix
   1. Ejemplo de un sitio que manejo y tiene un formato excelente Imgur: The most awesome images on the Internet
   2. Ese sitio tiene una carga tremenda pero si ves los resultados por webpagetest.org que puedes hacer te mostrara mejores datos
2. Utiliza mejor> WebPagetest - Website Performance and Optimization Test
   1. Te da mejores insights y puedes simular browsers y velocidades, si tu nicho es latino pon velocidades mas realistas del promedio 1-5mbps por ejemplo, que las que usa pingdoom y carga todo de manera muy rapida
   2. Enfocate mucho en el speed index y optimiza tu above the fold render
3. Utiliza Cloudflare de pura entrada para usarlo de
   1. CDN
   2. minimizar tu HTML, CSS, JS
   3. Las funciones de mirage, rocketloader, etc
4. Metes todos tus JS en uno solo
5. Lo mismo para tus CSS
6. Lee esta web https://varvy.com/pagespeed/ ESTA TRREMENDAAAAA PARA TIPS DE OPTIMIZACION BAASTANTE AVANZADOS
7. Utiliza algun cache avanzado (si usas algun CMS como wordpress no utilizes el tipico W3TC) como VARNISH 4
8. Optimiza tu servidor (recomiendo ubuntu + nginx en vez de apache, HHVM en vez de PHP, mariadb en vez de mysql): https://www.digitalocean.com/community/tutorials/how-to-install-hhvm-with-nginx-on-ubuntu-14-04
9. Carga tus fonts de manera async, enviando todos en 1 solo archivo y guardalos en el localsotorage (este metodo lo utiliza de guardian, ve el video de ocmo logran un above the fold render en menos de 1 seg en youtube) http://bdadam.com/blog/better-webfont-loading-with-localstorage-and-woff2.html . Esta es una mega optimizacion para moviles
10. Usa HTTPS con soporte de HTTP2
    1. https://www.cloudflare.com/http2/
11. defer de scripts que no requieres hasta que tu lector ya haya terminado de leer tu articulo o lo que sea que tenga tu web, un ejemplo el SDK de facebook para los comentarios o share buttons al final de tu articulo, todo eso no lo requieres hasta que tu pagina termino de cargar de preferencia
12. y N cosas mas que puedes hacer....