Optimizar el sitio web con el archivo .htaccess

Tener su sitio web Cargando rápido es una pasión por la mayoría de los clientes de Hostwinds, y sabemos lo importante que es esto. Esta guía es para ayudarlo a revisar su sitio web y su velocidad de carga para que la optimización pueda verse y probarse por usted o su desarrollador de su sitio web.

También exploraremos muchas opciones para que use y las formas comunes de optimizar su sitio web utilizando un archivo .htaccess. Esto está diseñado para el alojamiento compartido, el alojamiento de negocios, los clientes de CPANEL, VPS, la nube y los clientes dedicados del servidor utilizando Apache WebServer.

Comenzaremos el uso de las herramientas incorporadas de Google Chrome y usaremos .htaccess para un servidor web de Apache para esta guía.

Crear archivo .htaccess

Lo primero que debes hacer es crea tu archivo .htaccess. Antes de continuar con esta guía, es importante hacer una copia de seguridad de su archivo para asegurarse de que este archivo se pueda restaurar si su sitio web no se carga o tiene problemas.

DevTools de Google Chrome

1 Visite su sitio web e inicie Google dev Tools con F12 en Windows o también CTRL + SHIFT + I en su teclado. Si está utilizando una Mac, puede usar CMD + Opt + I. o, haga clic con el botón derecho en la página web y seleccione Inspect Element para hacer clic en la pestaña Red

2 Marque la casilla en desactivar caché

3 Haga clic en la red desde este mismo menú y vuelva a cargar la página. Aquí, los resultados y el tiempo de carga se mostrarán en la parte inferior de la pantalla.

Actualice la página web y tome nota del tiempo de carga, como se muestra en la imagen de arriba. También querrá notar la hora en el primer byte, que sería ideal para ser inferior a 200 ms. La imagen de abajo muestra esto como 120 ms como ejemplo:

Optimización de sitios web

Utilizar almacenamiento en caché

# BEGIN EXPIRES
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 10 days."
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/plain "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/javascript "access plus 1 week"
ExpiresByType application/x-icon "access plus 1 year"  

FIN EXPIRA

Comprimir contenido usando Mod Deflate

# COMPRESSION

COMENZAR DESINFLAR COMPRESIÓN

<IfModule mod_deflate.c>

Comprima HTML, CSS, JavaScript, Texto, XML y fuentes

AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml  

FIN DE INFLAR COMPRESIÓN

COMPRESIÓN FINAL

Compresión Gzip

# BEGIN GZIP
BEGIN GZIP COMPRESSION
<IfModule mod_gzip.c>
mod_gzip_on Yes
mod_gzip_dechunk Yes
mod_gzip_item_include file .(html?|txt|css|js|php|pl)$
mod_gzip_item_include handler ^cgi-script$
mod_gzip_item_include mime ^text/.*
mod_gzip_item_include mime ^application/x-javascript.*
mod_gzip_item_exclude mime ^image/.*
mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*  

FIN DE COMPRESIÓN GZIP

FIN GZIP

Almacenamiento en caché

#CACHE CONTROL

BEGIN Encabezados de control de caché

<ifModule mod_headers.c>
<filesMatch ".(ico|jpe?g|png|gif|swf)$">
Header set Cache-Control "public"
<filesMatch ".(css)$">
Header set Cache-Control "public"
<filesMatch ".(js)$">
Header set Cache-Control "private"
<filesMatch ".(x?html?|php)$">
Header set Cache-Control "private, must-revalidate."

Encabezados END Cache-Control

FIN DE CONTROL DE CACHÉ

Forzar barra diagonal

# FORCE TRAILING SLASH
<IfModule mod_rewrite.c>
RewriteCond %{REQUEST_URI} /+[^.]+$
RewriteRule ^(.+[^/])$ %{REQUEST_URI}/ [R=301,L]  

SLASH FINAL DE FUERZA

Prevenir el Hotlinking

# PREVENT HOTLINKING
RewriteEngine On
#Replace ?yourdomainname.com/ with your website url
RewriteCond %{HTTP_REFERER} !^http://(.+.)?yourdomainname.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
#Replace /images/nohotlink.jpg with your "hotlinking is not permitted" image url
RewriteRule .*.(jpe?g|gif|bmp|png)$ /hotlinksnotpermitted.jpg [L]

FIN PREVENIR VÍNCULOS

Reemplace su nombre de dominio con su nombre de dominio real URL y hotlinksnotpermit.jpg

Redirigir a los visitantes del sitio web a un sitio móvil:

# REDIRECT MOBILE DEVICES
RewriteEngine On
RewriteCond %{REQUEST_URI} !^/m/.*$
RewriteCond %{HTTP_ACCEPT} "text/vnd.wap.wml|application/vnd.wap.xhtml+xml" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "acs|alav|alca|amoi|audi|aste|avan|benq|bird|blac|blaz|brew|cell|cldc|cmd-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "dang|doco|eric|hipt|inno|ipaq|java|jigs|kddi|keji|leno|lg-c|lg-d|lg-g|lge-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "maui|maxo|midp|mits|mmef|mobi|mot-|moto|mwbp|nec-|newt|noki|opwv" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "palm|pana|pant|pdxg|phil|play|pluc|port|prox|qtek|qwap|sage|sams|sany" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "sch-|sec-|send|seri|sgh-|shar|sie-|siem|smal|smar|sony|sph-|symb|t-mo" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "teli|tim-|tosh|tsm-|upg1|upsi|vk-v|voda|w3cs|wap-|wapa|wapi" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "wapp|wapr|webc|winw|winw|xda|xda-" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "up.browser|up.link|windowssce|iemobile|mini|mmp" [NC,OR]
RewriteCond %{HTTP_USER_AGENT} "symbian|midp|wap|phone|pocket|mobile|pda|psp" [NC]
#------------- The line below excludes the iPad
RewriteCond %{HTTP_USER_AGENT} !^.*iPad.*$
#-------------
RewriteCond %{HTTP_USER_AGENT} !macintosh [NC] #*SEE NOTE BELOW
RewriteRule ^(.*)$ /m/ [L,R=302]

TERMINAR DISPOSITIVOS MÓVILES REDIRECT

Detener el SPAM en el blog de WordPress

# STOP SPAM ON WORDPRESS BLOG
RewriteEngine On
RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post.php*
RewriteCond %{HTTP_REFERER} !.*yourdomainname.* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^http://%{REMOTE_ADDR}/$ [R=301,L]  

FIN DETENER EL SPAM EN EL BLOG DE WORDPRESS

Reemplace su nombre de dominio con su URL de nombre de dominio real

Redirigir feeds

# REDIRECT DIFFERENT FEEDS TO A SINGLE FORMAT
<IfModule mod_alias.c>
RedirectMatch 301 /feed/(atom|rdf|rss|rss2)/?$ http://yourdomainname.com/feed/
RedirectMatch 301 /comments/feed/(atom|rdf|rss|rss2)/?$ http://yourdomainname.com/comments/feed/  

FIN REDIRIGE DIFERENTES ALIMENTOS A UN SOLO FORMATO

Reemplace YourDomainName con su URL de nombre de dominio real

Configure su sitio web para videos HTML5

# CONFIGURE YOUR WEBSITE FOR HTML5 VIDEOS
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !=/favicon.ico
AddType video/ogg .ogv
AddType video/ogg .ogg
AddType video/mp4 .mp4
AddType video/webm .webm
AddType application/x-shockwave-flash swf

FIN CONFIGURE SU SITIO WEB PARA VIDEOS HTML5

Registrar errores de PHP en un registro de errores

# LOG PHP errors INTO ~/public_html/php_error.log

No mostrar errores a la usuaria

php_flag display_startup_errors off
php_flag display_errors off
php_flag html_errors off

Unido al expediente

php_flag log_errors on
php_value error_log ~/public_html/php_error.log

FINALIZAR EL REGISTRO de errores de PHP en ~ / public_html / php_error.log

Reemplace YourDomainName con su URL real Nombre de dominio y ~ / Public_HTML / PHP_Error.log con la ubicación de su archivo de registro

Ejecutar PHP dentro de archivos JavaScript

# RUN PHP INSIDE JAVASCRIPT FILES
AddType application/x-httpd-php .js
AddHandler x-httpd-php5 .js
<FilesMatch ".(js|php)$">
SetHandler application/x-httpd-php  

EJECUTAR PHP DENTRO DE LOS ARCHIVOS JAVASCRIPT

Bloquear IP de usuario

#BLOCKING USERS IP
order allow,deny
deny from 123.45.6.7
deny from 0.1.2.3
allow from all
#END BLOCKING USERS IP

Reemplace 123.45.6.7 y 0.1.2.3 con las direcciones IP reales que desea bloquear

Evitar la lista de archivos en el directorio

#PREVENT DIRECTORY LISTING
IndexIgnore *
#END PREVENT DIRECTORY LISTING

Documento de error personalizado

# ERROR DOCUMENT
ErrorDocument code /directory/filename.ext
ErrorDocument 404 /errors/lostandfound.html

FIN DEL DOCUMENTO DE ERROR

Reemplace /Directory/Filename.ext con el documento de error que le gustaría usar y /itrors/lostandfound.html con la página de error 404 que desea usar para reemplazar los documentos de error predeterminados

Redirigir la URL no WWW a WWW URL

# REDIRECT NON WWW URL TO WWW URL
Options +FollowSymLinks
RewriteEngine on
RewriteCond %{HTTP_HOST} ^yourdomainname.com
RewriteRule (.*) https://www.yourdomainname.com/$1 [R=301,L]

FIN DE REDIRECCIONAR URL NO WWW A URL WWW

Reemplace su nombre de dominio en tres lugares, /olddirectory/oldfile.html con el nuevo nombre de archivo y newfile.html con el nuevo nombre de archivo

Redireccionamiento simple

# SIMPLE REDIRECT
Redirect /olddirectory/oldfile.html https://yourdomainname.com/newfile.html

FIN DE REDIRECCIÓN SIMPLE

Reemplace /oldDirectory/oldfile.html y https://yourdomainname.com/newfile.html

Redirigir el sitio web a https

#Force SSL without www
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://yourdomain.tld/$1 [R,L]
#Force SSL with www
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.yourdomain.tld/$1 [R,L]

Reemplace yourdomain.tld con su nombre de dominio real