¿Como Optimizar Html y Css para mejorar consumo de memoria en movil? Hola comunidad, un saludo muy grande, les explico mi inquietud, ando haciendo mi portafolio personal: [URL="http://g3k.co"]http://g3k.co[/URL] y haciendo pruebas en mis smartphone uno gama alta y otro gama media, los dos android y noto como en chrome cuando intento hacer zoom (porque quiero que mis usuarios puedan hacerlo en mi sitio) este como que se sobrecarga y cierra la aplicación o sino vuelve la navegación muy lenta.
Y también noto como en el escritorio el consumo de memoria en el administrador de tareas de mi página despues de unos 20 o 30 minutos de abierta consume enormes cantidades.
He seguido ciertas pautas de optimización y también aclaro desde el principio lo siguiente:
- No uso videos.
- No uso php.
- Javascript solo y de momento, lo uso para el widget de twitter y facebook más el google analytics.
- Jquery lo pienso usar, pero de momento no, lo tengo 'comentado' ya que solo pienso usar algunas características y no cargar toda la librería y sin cargarlo, sucede lo previamente dicho.
- Limpie en lo posible toda la estructura html y la mayoría (sino son todo) de elementos decorativos son seudoelementos ::after y ::before, pueden ver el mismo sitio pero sin seudoelementos aqui: [URL="http://g3k.co/index-sin-seudoelementos.html"]http://g3k.co/index-sin-seudoelementos.html[/URL]
- Los iconos son webfont, excepto los que son grandes y con colores, en este caso son SVG.
- Las imágenes sí bien no están optimizadas aún no pesan demasiado y la mayoría son SVG.
- Las animaciones, el menú que solo aparece en móviles y el boton de la sección curriculum es solo con css.
- El index pesa: ~20 kb y el css ~50 kb sin optimizar.
Este problema no parece afectarle a firefox, solo a google chrome.
¿Que puede ser, conocen alguna herramienta?
Muchas gracias de antemano por sus respuestas.
