Hola! volvemos de nuevo con un nuevo post que esperamos que te sea de gran utilidad y resuelva tus cuestiones ¡Empezamos!
¿Su sitio web de WordPress está tardando demasiado en cargarse? ¿Sabes que un sitio lento afectará tu SEO y tu experiencia de usuario?
Hay varias formas diferentes de acelerar su sitio además de usar plugins. Una forma es aprovechar la caché del navegador y otra forma es comprimir sus archivos.
Ambos se pueden lograr modificando y optimizando el .htaccess archivo.
¿Qué es la caché del navegador?
Cuando alguien visita su sitio web, hay archivos que se descargan y almacenan en una ubicación temporal.
Los tipos de archivos incluyen todos los documentos que componen su sitio web, como HTML, imágenes, JavaScript y archivos CSS. La caché del navegador se refiere a esta ubicación temporal para los archivos descargados.
Cuando el caché está lleno, ocupa demasiado espacio en la computadora del visitante. Esto da como resultado un navegador lento y un sitio web que tarda demasiado en cargarse.
Afortunadamente, hay una forma de solucionar este problema editando su archivo .htaccess.
Qué debes hacer primero
Antes de comenzar a editar su archivo .htaccess, considere las siguientes precauciones:
- Siempre cree una copia de seguridad de su archivo .htaccess de WordPress antes de cambiarlo.
- Deshabilite cualquier complemento de WordPress que pueda estar usando.
- Pruebe la velocidad de su sitio antes de realizar cambios en el archivo .htaccess para obtener una medición de referencia. Puedes usar GTmatrix, Pingdomo Google PageSpeed Insights.
Ahora está listo para usar el código a través de su archivo .htaccess para indicarle a su instalación de WordPress que almacene en caché los archivos estáticos por más tiempo para los visitantes que regresan a su sitio web. Puede utilizar cPanel o FTP. Consulte las instrucciones a continuación para cada uno.
Una vez que tenga acceso a su archivo .htaccess, utilice las instrucciones adicionales para realizar las modificaciones.
Usando cPanel
Inicie sesión en su sitio web cPanel. Por lo general, puede llegar escribiendo tudominio.com/cPanel en su navegador web.
Inicie sesión con el nombre de usuario y la contraseña que le dieron cuando instaló WordPress en su dominio. Una vez que haya iniciado sesión, busque y haga clic en Administrador de archivos.
Su archivo .htaccess se encuentra en la carpeta raíz. El punto antes del nombre del archivo indica que es un archivo oculto en su instalación de WordPress. Asegúrese de marcar la casilla para Mostrar archivos ocultos.
Debe hacer una copia de su archivo antes de editarlo porque si comete un error, puede bloquear su sitio. Para hacer una copia, haga clic en .htaccess y resaltarlo. Para guardar una copia, haga clic en el botón de descarga ubicado en el menú superior.
Una vez que haya hecho su copia, estará listo para editar el archivo. En su Administrador de archivos de cPanel, haga clic con el botón derecho en el archivo .htaccess y haga clic en editar.
Usando FTP
También puede editar su archivo .htaccess usando un cliente FTP. Un cliente FTP popular es FileZilla, utilizado en el ejemplo siguiente.
Comience abriendo su cliente FTP e ingrese su host. Esta suele ser su dirección de dominio, su nombre de usuario y contraseña. Si no está seguro de cuáles son, comuníquese con su proveedor de alojamiento web.
Siga los siguientes pasos para acceder, copiar y editar su archivo .htaccess:
- Navega a tu directorio raíz.
- Busque el archivo .htaccess, haga una copia y arrástrelo a su escritorio.
- Conserve una copia del original y edite una copia diferente en caso de que tenga que restaurar el original.
- Utilice un editor como el Bloc de notas para editar el archivo.
- Cuando haya terminado de editar, cargue el archivo en su directorio raíz.
Si ha cometido un error, su sitio web no funcionará. Para solucionarlo, cargue el archivo de respaldo.
Ahora está listo para realizar cambios en su archivo .htaccess para acelerar su sitio de WordPress.
Comprime tus archivos usando Gzip
La compresión Gzip hace que sus archivos sean más pequeños y ayuda a que se carguen más rápido. Agregar el siguiente código a su archivo .htaccess (debajo del código actual) usando gzip comprimirá los archivos CSS, HTML y PHP.
<IfModule mod_deflate.c> # Compress HTML, CSS, JavaScript, Text, XML and fonts 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 # Remove browser bugs (only needed for really old browsers) BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
No olvide hacer clic en “Guardar cambios”.
Almacenamiento en caché del navegador
Cuando alguien visita su sitio web, el navegador que está usando descargará todos los archivos asociados con la página a la que está accediendo.
Aprovechar la caché del navegador significa que desea descargar solo los archivos necesarios y no los activos innecesarios. Suelen ser el diseño y el estilo de su página y, a veces, también incluyen funciones de JavaScript.
Cuando utiliza la caché del navegador, le está diciendo a su servidor que ignore partes de su página web que se descargaron previamente para los visitantes habituales.
Para editar su archivo .htaccess, ubíquelo y haga dos copias de la misma manera que lo hizo al comprimir sus archivos como se describe anteriormente usando un cliente FTP o cPanel.
Guarde una copia del archivo .htaccess original en caso de que haya algún problema con los cambios. Realice sus ediciones en la otra copia.
Agregue el siguiente código debajo del contenido actual de su archivo .htaccess:
<IfModule mod_expires.c> ExpiresActive On ExpiresDefault A0 <FilesMatch ".(txt|xml|js)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch ".(css)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch ".(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$"> ExpiresDefault A691200 </FilesMatch> <FilesMatch ".(jpg|jpeg|png|gif|swf|webp)$"> ExpiresDefault A691200 </FilesMatch> </IfModule> <IfModule mod_headers.c> <FilesMatch ".(txt|xml|js)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch ".(css)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch ".(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$"> Header set Cache-Control "max-age=691200" </FilesMatch> <FilesMatch ".(jpg|jpeg|png|gif|swf|webp)$"> Header set Cache-Control "max-age=691200" </FilesMatch> </IfModule>
No olvide hacer clic Salvar para mantener las adiciones a su archivo.
Comprimir sus archivos y aprovechar la caché del navegador disminuirá significativamente el tiempo de carga de sus páginas web. Esto ayudará a que su sitio tenga una clasificación más alta en la búsqueda y mejorará la experiencia del usuario. Nadie quiere esperar más de unos segundos para que se cargue una página.