Usar .htaccess para comprimir
Continuamos explicando algunas mejoras que hacemos como Consultores SEO a nuestros servidores para mejorar la experiencia de uso y con ello, por supuesto, vamos a mejorar también el posicionamiento en buscadores y otros aspectos como el bounce rate y la estancia en el sitio.
Recuerda también que publique una serie de consejos o tips sobre rendimiento que seguramente te vendrán muy bien si estás trabajando en WPO.
Comprimir estilos CSS
En esta ocasión vamos a ver como habilitar la compresión de estilos CSS y la de imágenes haciendo uso del fichero .htaccess (por supuesto estamos hablando de servidores apache). Los beneficios que vamos a obtener de esto son:
- Menor peso de nuestros estilos
- Menor peso de nuestros javascripts.
- Menor peso de de nuestras páginas web.
Por tanto el tiempo de carga de nuestros dominios va a decrecer y con ellos nuestros usuarios se sentirán más cómodos y los buscadores nos podrán un poquito más arriba, por lo menos hace tiempo que google anunción su voluntad de añadir la velocidad de carga entre los cientos de parámetros que afectan a la posición de los resultados de búsqueda.
.htaccess para comprimir estilos
Para comprimir los estilos de nuestro sitio web deberemos añadir unas líneas como las que se muestran a continuación:
<Files *.css>
SetOutputFilter DEFLATE
</Files>
.htaccess para comprimir javascript
<Files *.js>
SetOutputFilter DEFLATE
</Files>
Método para comprimir todo menos las imágenes
Ahora os vamos a mostrar una configuración para .htaccess que hará que nuestro servidor apache muestre todo comprimido. Lo haremos usando el comando AddOutputFilterByType y tenemos que indicarle luego el tipo de compresión y el tipo de medio que deseamos comprimir.
Ejemplo para comprimir texto plano:
- AddOutputFilterByType DEFLATE text/plain
Ejemplo para comprimir html
- AddOutputFilterByType DEFLATE text/html
Ejemplo completo que comprime css,xml,javascript,x-javascript y otros muchos archivos
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
Donde pone DEFLATE podríamos poner GZIP, podemos elegir cualquiera de ellos. Pero Deflate es bastante rápido y compatible con más versiones de navegadores antiguos, por tanto os aconsejamos este último.
Comprimir con GZIP
Para ello necesitaremos tener instañado el módulo gzip en nuestro apache.
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_item_include file \.html$
mod_gzip_item_include file \.php$
mod_gzip_item_include file \.css$
mod_gzip_item_include file \.js$
mod_gzip_item_include mime ^application/javascript$
mod_gzip_item_include mime ^application/x-javascript$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include handler ^application/x-httpd-php
mod_gzip_item_exclude mime ^image/.*
</IfModule>
Aprende más sobre optimización del rendimiento
Te dejo una serie de artículos sobre WPO que te ayudarán a mejorar el rendimiento de tu web.
- Optimizar imágenes
- Plugins WPO WordPress
- Eliminar JS y CSS que bloquean la visualización
- Especificar Caché de navegador
Aprovecha los comentarios
En todos los años que esta entrada lleva publicada muchos visitantes que han dejado en los comentarios sus preguntas y yo o ellos mismos se las han respondido. Seguramente si tienes alguna duda encontrarás allí la solución o de lo contrario no dudes en comentar para preguntar o dar tu opinión y ayudar a la comunidad.
¿Con ganas de aprender más? Conóceme y sigue mis perfiles sociales AQUÍ.
También puedes conocer mis servicios:.
Servicios personalizados como Consultor SEO Freelace para profesionales, eCommerce, agencias y PYMES
David Ortega
Antonio
Jhonatan
jlmora
Jesús de Blas
jlmora
Aitor
carlos
racso
autocompletado
jlmora
Javier
jlmora
Anita
Josep Maria