¡El artículo de hoy va sobre programación web! Dedicado a aquellas personas que saben algo de código y están interesados en mejorar el rendimiento de su servidor, aplicar mejoras SEO a su web, aprender algo más sobre el .htaccess para hacerlo ideal o… Únicamente quieren saber qué hacen otros programadores web a la hora de plantear este archivo… Cuando hable en este blog sobre «El htaccess Ideal», siempre enlazaré a este artículo a partir de ahora.
¿Qué es el htaccess?
Es el nombre por defecto del archivo de configuración de directorios de Apache (La mayoría de webs, están basadas en esta plataforma). Se utiliza para personalizar la configuración de directivas y parámetros definidos en el archivo de configuración principal del alojamiento
Esto último para mí es algo muy importante, no por nada. Cada vez somos más gente en el gremio que trabajamos proyectos a partir de gestores de contenido tipo WordPress, Joomla o cualquier otro… Y descuidan por completo este fichero al no considerar su importancia y es que, este fichero es para «gobernar» ciertos parámetros de rendimiento del servidor.
Por eso, yo soy de los que se ha guardado una plantillita básica o (El htaccess Ideal) como fichero de importancia ante cualquier proyecto hecho en WordPress.
El htaccess definitivo para WordPress
# BEGIN WordPress
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ – [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>
# END WordPress
# Idioma por defecto
DefaultLanguage es-ES
# Deflate Compression by FileType
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/atom_xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-shockwave-flash
</IfModule>
<IfModule mod_headers.c>
# Nos aseguramos que IE 7 no se comporte mal…
Header set X-UA-Compatible «IE=edge,chrome=1»
# Sólo queremos añadirlo para páginas HTML, el resto es un desperdicio de ancho de banda
<FilesMatch «\.(appcache|crx|css|eot|gif|htc|ico|jpe?g|js|m4a|m4v|manifest|mp4|oex|oga|ogg|ogv|otf|pdf|png|safariextz|svg|svgz|ttf|vcf|webapp|webm|webp|woff|xml|xpi)$»>
Header unset X-UA-Compatible
</FilesMatch>
</IfModule>
# Habilitamos KeepAlive
<ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
# Protejemos el Config…
<files wp-config.php>
order allow,deny
deny from all
</files>
# … Y ahora el Htaccess
<files .htaccess>
order allow,deny
deny from all
</files>
# Minificamos CSS..
<Files *.css>
SetOutputFilter DEFLATE
</Files>
# … Y Js.
<Files *.js>
SetOutputFilter DEFLATE
</Files>
# Y por último… Mejoramos el rendiemiento del servidor a partir de caché.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg «access 15 days»
ExpiresByType image/jpeg «access 15 days»
ExpiresByType image/gif «access 15 days»
ExpiresByType image/png «access 15 days»
ExpiresByType text/css «access 15 days»
ExpiresByType text/html «access 15 days»
ExpiresByType application/pdf «access 15 days»
ExpiresByType text/x-javascript «access 15 days»
ExpiresByType application/x-shockwave-flash «access 15 days»
ExpiresByType image/x-icon «access 15 days»
ExpiresDefault «access plus 15 days»
</IfModule>
Conclusión para hacer el htaccess ideal
Basta con saber un poco de servidores para mejorar hasta un 60% el rendimiento de nuestra web. Recursos como la compresión de archivos o el cacheado de la web no solo mejorará nuestro rendimiento web beneficiándonos en SEO a ojos de los buscadores.
También nos permitirá ofrecer una mejor experiencia cara a nuestros clientes o usuarios. ¿Y tú? ¿Ya tienes el htaccess ideal en tus proyectos? ¿Quieres compartir el tuyo o agregar algo a este? ¡Hazlo en los comentarios!
Leave a Reply