Optimizar rendimiento web

[DoHITB]

Buenas!

Tengo un par de dudas con respecto a cómo optimizar el rendimiento de mi web.

Se que el rendimiento es una de las cosas que se tratan en SEO... (o eso he leído siempre).

Así, os comento las medidas que he tomado o estoy tomando:

- Minificar HTML
- Minificar JS
- Minificar CSS
- Ofrecer imágenes a medida (con phpThumb)
- [Estoy en ello] Hacer un sprite de imágenes

También hay un par de aspectos que quisiera ver, pero no encuentro documentación y no se cómo iría mejor...

- Actualmente con mi web accedo a dos (a veces tres) bases de datos. Actualmente están todas en el mismo dominio (localhost). Una de estas bases de datos digamos me "reporta" código HTML.

* ¿Sería conveniente trasladar una o varias bases de datos a otro dominio (por ejemplo uno gratuito) o a un subdominio propio?

- Leí que la carga de imágenes desde sitios estáticos mejora el rendimiento (supongo que descarga HTML e imagen en paralelo).

* ¿Me recomendáis que haga eso?
* Si lo hago, ¿Debería ser en un subdominio o en un dominio aparte?
* ¿Cómo tendría que configurar ese espacio para que fuera óptimo?

- También he leído que comprimir las imágenes con gzip es bueno (pageSpeed); el problema es que no he encontrado nada para hacer algo semejante...

* ¿Cómo debería implementar esto?

Espero haber sido bastante claro...

Gracias!

[antigoo]

Depende de la estructura interna de la web, del diseño, y muchas cosas, necesitas especificar mas.

[DoHITB]

La web de momento es bastante grande, aunque (de momento) tiene poco tráfico.

Yo diría que tiene bastante carga de imágenes; he contado un mínimo (prácticamente fijo) de 13 imágenes en la página principal (que no es el "index"). De estas, 10 las podría poner en un sprite, y además son de tamaño reducido (19x19), aunque el tamaño original de algunas es más grande.

En otras páginas cargo más de 30 imágenes (la mayoría iconos de 25x25 aprox.)

La verdad es que no se qué más puede influir en estas cosas... no se demasiado de estos temas...

El tema de las bases de datos... la "principal" (por así decirlo) es la que lleva datos de usuario y demás. Luego tengo otras con otro tipo de datos (prototipos de HTML, por ejemplo) a las que accedo como máximo dos veces por cada carga de página...

Espero que al menos quede un poco más especificado ahora el tema de las imágenes

Gracias por tu tiempo

[miSko]

la pregunta mas sencilla es.

Por que 3 bases de datos distintas?

[DoHITB]

Porque cada una contiene información completamente diferente, así como diferente finalidad.

[miSko]

Y que ?

No te vale con tener 1 base de datos con distintas tablas ?

Para lo demas, instalate el Page Speed en Chrome o firefox, y cuando te diga que tienes que minificar algo, te da el enlace al contenido minificado para que copies y pegues.

En lo referente a lo de hacer una sola imagen con todas las imagenes, no le daría mucha importancia.

Lo de imagenes a medida, es bastante importante, por que afecta directamente al rendimiento de la pagina, ya que si cargas directamente 10 imagenes a 100x100 y las imagenes originales son a 800x800 estas cargando 8 veces mas tamaño de lo que necesitas por cada imagen.

[merino_renato]

Checa este tema:

http://www.forosdelweb.com/f64/quier...io-web-939699/

Ya se ah tocado antes esto del pagespeed en el foro, utiliza el buscador, es pero te ayude.

Saludos

[antigoo]

Bueno pues si tal vez reducir al minimo las imagenes a mostrar en la pagina principal, si lo de las 3 bd de datos no esta tan mal, si es por motivos de seguridad, pero si pues al haber llamadas en paralelo a distintas bd si puede tardar la carga.

Cuidado con sobrecarga de enlaces en pag. principal.

Sobre todo es el principal problema de algunas webs sobrecarga de imagenes y enlaces incluso externos, y eso lenta mucho.

Del codigo, pues revisar cuidar la redundancia y etc, los estandares sobre todo.

Del css, pues ponerle codigos responsive, es decir compatibles a varios navegadores.

Un punto importante es el uso de plugins y modulos, si hay que dejar los minimos y que los que queden sean eficientes en codigo. Esto llega a lentar mucho las webs.


Del lado del servidor, pues si depende del plan, hay servidores mas eficientes, si influyen en la rapides. Comprimir las imagenes con gzip es buena idea.

Y puedes buscar lo de cache para imagenes. http://www.forosdelweb.com/f18/image...e-como-484753/

De momento es lo que creo es lo basico, aunque puedes hacer mas la cosa es buscarle.

[antonrodin]

Yo suelo utilizar este herramienta junto a la de webmasters tools

http://gtmetrix.com/

Te analiza a pagina y te indica mas o menos por donde lo tienes que tirar.

Desde el punto de vista de programación... tienes que tirar por la complejidad N o como mucho del orden N2.

Cualquier cosa por encima es ineficiente.

[historiasdemaria]

Yo baje muchisimo la velocidad de carga reduciendo y optimizando cosas:

El css (antes de comprimirlo)
Optando por un theme o plantilla verdaderamente light
Testeando constantemente con gtmetrix (como ya comento @antonrodin)
Desinstalando javascripts innecesarios

En otros niveles tecnicos si la base de datos y las consultas sql estan hechas "manualmente" siempre se pueden optimizar tambien creando indices, optimizando tablas.. y por supuesto una sola base de datos.

En fin, hay que reducir y optimizar, testear y volver a empezar.

Aprendi mucho del enlace que te ha puesto @merino_renato, es genial http://www.forosdelweb.com/f64/quier...io-web-939699/