sábado, 23 de mayo de 2015

Cómo mejorar la velocidad de nuestra página web - Parte 1

Como seguramente has observado muchas de las páginas web han perdido posición en el buscador de Google esto por la gran cantidad de cambios en el algoritmo de busqueda de éste, el principal motor de búsqueda.

Uno de estos cambios es la preferencia en la posición de resultados de búsqueda  que le da a las páginas web con mayor velocidad. A través de la herramienta PageSpeed Insights que el mismo Google proporciona podemos hacer una evaluación del rendimiento de nuestro sitio web y ver en que estamos fallando.

En este primer artículo de la serie describiré como habilitar la compresión de los elementos dentro de nuestro sitio web ya que esto es una de las principales características que utiliza Google para evaluar la velocidad de nuestra página.

Ya sea que te interese el SEO o no la velocidad de nuestro sitio es algo fundamental para que la experiencia del usuario sea buena a todo el mundo le molesta una página lenta y gneralmente esto provoca que dejemeos la página generando un rebote.

El modo de compresión estándar es Gzip y es una función que la mayoría de los servidores web son capaces de ejecutar. En este post describo la manera de habilitarlo para servidores web Apache mediante el archivo .htaccess ya que la gran mayoría de blogs y páginas web en Internet se encuentran en web hosting con este popular servidor web.

Lo primero es consultar si nuestro sitio o blog esta hospedado en un servidor Apache, en caso de no ser así al final de este post dejo una ligas para habilitar la compresión en otros servidores web como  Ngix o IIS.

Existen muchos códigos de habilitar la compresión mediante el archivo .htaccess en lo particular este es el que más me gusta ya que comprime la mayoría de los elementos, desde imágenes jpg pasando por scripts .js hasta tipografía.

Abrimos nuestro archivo .htaccess con nuestro editor de textos favoritos y agregamos las siguientes líneas.

#Habilitamos el módulo de compresión si está disponible
<IfModule mod_deflate.c>

# Forzamos la compresión de cualquier cabecera mal formada
<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding
RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding
</IfModule>
</IfModule>

# Le decimos que tipo de archivos comprimir, podemos agregar más en caso de que no se encuentre dentro de la lista
<IfModule mod_filter.c>
AddOutputFilterByType DEFLATE application/atom+xml \
                              application/javascript \
                              application/json \
                              application/rss+xml \
                              application/vnd.ms-fontobject \
                              application/x-font-ttf \
                              application/x-web-app-manifest+json \
                              application/xhtml+xml \
                              application/xml \
                              font/opentype \
                              image/svg+xml \
                              image/x-icon \
                              text/css \
                              text/html \
                              text/plain \
                              text/x-component \
                              text/xml
</IfModule>
</IfModule> 
Una vez agregadas las líneas guardamos el archivo .htaccess y podemos comprobar que nuestro contenido este comprimido en la siguiente liga http://checkgzipcompression.com/
Les dejo el método para habilitar la compresión en otros servidores web.
Habilitar compresión en Ngix
Habilitar compresion en IIS
Agradezco tú comentario o mejoras a este artículo que quieras aportar.

En caso de estas interesados en publicidad en internet con Adwords, pueden vistarnos en nuestra pagina comercial urraca.mx