Configuración para un mejor performance en apache

Febrero 21, 2008 at 8:24 pm (Desarrollo Web General, WAS, ajax, html)

Que tal a todos se preguntara porque hay tan poco tiempo entre los post que he publicado, esto porque ya tengo preparada la información, por lo general redacto el articulo y después lo publico, bueno en fin en este post les dejare una de las posibles configuración para mejorar el rendimiento de una aplicación web atraves del Apache, espero encuentren este mini artículo de utilidad.

 

Para
obtener un mayor rendimiento de nuestras aplicaciones he llegado
através de la información que proporciona yahoo con el
yslow para firefox a la siguiente configuración del apache
para producción, esta configuración es muy útil
si estás construyendo una aplicación con AJAX, o en si
para cualquier tipo de aplicación.

Estas
lineas de configuración montan el cache en apache, agregan
compresión a los responses del servidor por medio del deflate,
y agrega la cabecera expires para guardar cierto tipo de archivos del
lado del cliente.

Para
modificar la configuración del apache tenemos que modificar el
archivo httpd.conf

#montar
modulo de cache para el apache

LoadModule
cache_module modules/mod_cache.so

<IfModule
mod_cache.c>

<IfModule
mod_disk_cache.c>

CacheRoot
“C:/Archivos de programa/Apache Software
Foundation/Apache2.2/cache”

CacheSize
1000000

CacheEnable
disk /ebcomm2

CacheDirLevels
5

CacheDirLength
3

CacheDefaultExpire
3600

CacheIgnoreCacheControl
On

CacheMaxExpire
31536000

</IfModule>

</IfModule>

#
Configuracion del modo deflate y gzip para compresion de datos

SetOutputFilter
DEFLATE #filtro por el que saldran los responses

SetInputFilter
DEFLATE #filtro con el que se tomaran los request

BrowserMatch
^Mozilla/4 gzip-only-text/html #tipo de compresion de acuerdo al
navegador

BrowserMatch
^Mozilla/4\.0[678] no-gzip

BrowserMatch
\bMSI[E] !no-gzip !gzip-only-text/html

SetEnvIfNoCase
Request_URI \

#Cargar
modulos para agregar header expires a los archivos

LoadModule
expires_module modules/mod_expires.so

ExpiresActive
On #Activa el expires header

ExpiresByType
application/x-javascript “now plus 1 years 1 minutes”
#guarda en cache los archivos tipo application/x-javascript

ExpiresByType
image/gif “now plus 1 years 1 minutes”

ExpiresByType
image/jpeg “now plus 1 years 1 minutes”

ExpiresByType
text/css “now plus 1 years 1 minutes”

ExpiresByType
image/png “now plus 1 years 1 minutes”

ExpiresByType
text/js “now plus 1 years 1 minutes”

ExpiresByType
text/javascript “now plus 1 years 1 minutes”

Permalink Dejar un comentario

HTML 5

Enero 25, 2008 at 8:31 pm (html)

Que tal buen día a todos en el transcurso de estos días por medio de algunos blogs como ajaxian me entere que la W3C ha liberado las especificaciones técnicas del HTML 5, y al estarlas revisando me he encontrado con algunos tags bastante interesantes y netamente pensados o altamente utilizables para las redes sociales y en si para toda la web 2.0.

 

Algunos de los elementos que podemos encontrar dentro de este draft de la documentacion de HTML 5 son por ejemplo: 

  • article

  • dialog 

  • figure 

  • audio y video 

  • embed 

  • time 

  • canvas

  • command 

  • datagrid

  • event-source

  • progress

Y una modificacion especial para los elementos <input> ahora puedes asignarle como atributo lo siguiente:

  • datetime
  • datetime-local
  • date
  • month
  • week
  • time
  • number
  • range
  • email
  • url

En fin estas son algunas de las modificaciones que se vienen con html 5, para los que tengan tiempo denle un vistazo a este draft de las especificaciones del html

working draft HTML 5

Permalink 1 comentario

14 reglas para el alto performance de un sitio web

Enero 16, 2008 at 8:29 pm (Desarrollo Web General, WAS, ajax, css, html, javascript)

En unos de mis tantos paseos por internet me encontre con una herramienta para firefox 1 y 2 que se llama yslow, esta herramienta realiza un chequeo de 14 puntos que la gente de la sección de performance de yahoo determino como mejores prácticas al momento de estar desarrollando sitios web. Después de haber probado por algunos días esta herramienta la recomiendo ampliamente ya te da una idea muy clara de que es lo que tienes que hacer con tu sitio si es que aun no lo has hecho, o bien si en este momento no desarrollas en web, creo que sería importante que tomáras estos puntos en cuenta para tu próxima aplicación. A continuación les dejo los 14 puntos y un enlace donde pueden obtener mayor información.

  1. Realizar un menor número de HTTP Requests
  2. Utilizar un Content Delivery Network Se refiere a utilizar un CDN para seleccionar la ubicación más cercana al usuario para entregarle el contenido del sitio.
  3. Agregar Expires Header Este tipo de cabeceras se agregan en el servidor web (por ejemplo en apache web server)
  4. Comprimir los componentes en Gzip 
  5. Insertar las CSS al inicio de la página
  6. Mover los Scripts al final
  7. Evitar las expresiones en CSS
  8. Hacer los JavaScript y CSS externos
  9. Reducir las busquedas de DNS
  10. Minificar JavaScript
  11. Evitar los redireccionamientos
  12. Remover los scripts duplicados
  13. Configurar ETags
  14. Hacer que Ajax sea cacheable(que se guarde en cache)

Saludos, espero que tengan un buen día.

Permalink 2 comentarios