distribuir peso Dreamwaver

[arcanisgk122]

hola amigos, espero encontrar el consejo o apoyo necesario en este foro,
estoy trabajando con Dreamweaver y notepad++ como herramienta de diseño y programación.
utilizo los lenguajes html5, php, css, javascript y mysql.
he leído y lo recomendable es mantener mi portada de mi pagina por debajo de los 400-500k. para un rapido acceso.

mi pregunta es como saber donde esta el mayor peso y para luego optimizar.
dreamweaver solo me muestra el total.

ya que se que uno de los principales inconvenientes es cargar librerías y código javascript al inicio de la pagina como hacerlo de una forma eficiente.

gracias por su apoyo.

[maycolalvarez]

yo te recomendaría utilizar herramientas directamente del navegador, por ejemplo la consola de chrome tiene muchos datos sobre carga y optimización.

de igual forma, te recomiendo las siguientes técnicas para optimizar tu sitio:

usar sprites cuando sea necesario, para no tener esa invasión de íconos
usar CDN de librerías como jquery (si las usas)
Usar mecanismos de caché del lado del server, o servicios como cloudFlare