Weitere ähnliche Inhalte Ähnlich wie Workshop "Técnicas de optimización web" en Webprendedor 2011 (20) Kürzlich hochgeladen (10) Workshop "Técnicas de optimización web" en Webprendedor 20111. O como hacer que ese sitio tan lento sea más rápido Técnicas de optimización Web Rodrigo Ayala Desarrollador http://blog.rodrigo-ayala.com 3. Hoy en día, nadie está para esperar, queremos todo rápido 4. ¡Incluso no nos gusta esperar la carga de un sitio web ! 6. Mientras más demora exista, el usuario se va con mayor facilidad 8. La interrogante es, ¿ que hacer para que los usuarios no dejen nuestros sitios ? 10. Solo se requiere optimización del lado del servidor... (Al menos eso se pensó por un tiempo) 21. Regla Nro 1 :D Regla Nro 1 Reduce la cantidad de peticiones HTTP :D 27. ¡CSS Sprites! ¿Como Funciona? .option1, .option2, .option3 { padding-left:20px; } .option1 { background:url(iconos.png) 0 0 no-repeat; .option2 { background:url(iconos.png) 0 -30px no-repeat; .option3 { background:url(iconos.png) 0 -60px no-repeat; http://http://css-sprit.es 29. Regla Nro 1 :D Regla Nro 2 Reducir el peso en KB de todo el sitio :D 34. 6 No ocupen imagenes gigantes redimensionadas a un menor tamaño 35. 7 Reducir el tamaño en KB de imágenes con compresiones lossless www.smushit.com 37. :D <Location /> SetOutputFilter DEFLATE BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/40[678] no-gzip # BrowserMatch MSIE !no-gzip !gzip-only-text/html BrowserMatch MSI[E] !no-gzip !gzip-only-text/html SetEnvIfNoCase Request_URI (?:gif|jpe?g|png)$ no-gzip dont-vary Header append Vary User-Agent env=!dont-vary </Location> 38. :D gzip on; gzip_min_length 1000; gzip_proxied expired no-cache no-store private auth; gzip_types text/plain application/xml; gzip_disable "MSIE [1-6]"; 44. 12 Deja al final del HTML los archivos Javascript