Configuración para un mejor performance en apache
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”
HTML 5
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
- 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
14 reglas para el alto performance de un sitio web
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.
- Realizar un menor número de HTTP Requests
- 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.
- Agregar Expires Header Este tipo de cabeceras se agregan en el servidor web (por ejemplo en apache web server)
- Comprimir los componentes en Gzip
- Insertar las CSS al inicio de la página
- Mover los Scripts al final
- Evitar las expresiones en CSS
- Hacer los JavaScript y CSS externos
- Reducir las busquedas de DNS
- Minificar JavaScript
- Evitar los redireccionamientos
- Remover los scripts duplicados
- Configurar ETags
- Hacer que Ajax sea cacheable(que se guarde en cache)
Saludos, espero que tengan un buen día.