Servidor Configuración
Servidor Mejoramiento
El servidor es la columna vertebral de su sitio web
No pase por alto la configuración de su servidor
Asegure su El servidor es rápido
Obtener la configuración correcta del servidor para lograr puntuaciones de velocidad de página más rápidas Es un paso simple pero crítico para lograr las mejores puntuaciones posibles. Hay algunos pasos importantes a tener en cuenta al configurar/comprar su servidor. Al igual que con el resto de esta guía, no le contaré todas las razones técnicas confusas de por qué se debe hacer esto, sino que le daré una descripción general de qué debe tener en cuenta y cómo configurarlo correctamente.
Para preparar el escenario, el hosting barato (o compartido como el que ofrecen Godaddy o Rackspace) no es el camino a seguir. Con este tipo de hosting, estás compartiendo demasiados recursos y el tiempo hasta el primer byte (TTFB) se retrasa enormemente. Compartir trabajadores de PHP también puede causar "bloqueos" graves si otro sitio web con el que estás compartiendo recursos está ocupado.
Por lo tanto, debes optar por un alojamiento que tenga su propio entorno. Cloudfare también es imprescindible si tienes un sitio web global. Esto simplemente replica los archivos multimedia/más grandes de su sitio web en cientos de servidores en todo el mundo. El tiempo de respuesta para una configuración de Cloudflare permite que los datos se transfieran desde su sitio web a cualquier usuario final global más rápidamente que cualquier otra configuración de servidor/CDN.
Sin embargo, si es una empresa local, no utilice ninguna CDN. De hecho, ralentizará su sitio web. para su mercado objetivo local introduciendo otro servidor en la cadena de suministro.
Servidor Mejoramiento
El servidor es la columna vertebral de su sitio web
No pase por alto la configuración de su servidor
Asegure su El servidor es rápido
Obtener la configuración correcta del servidor para lograr puntuaciones de velocidad de página más rápidas es un paso simple pero fundamental para lograr las mejores puntuaciones posibles. Hay algunos pasos importantes a tener en cuenta al configurar/comprar su servidor. Al igual que con el resto de esta guía, no le contaré todas las razones técnicas confusas de por qué se debe hacer esto, sino que le daré una descripción general de qué debe tener en cuenta y cómo configurarlo correctamente.
Para preparar el escenario, el hosting barato (o compartido como el que ofrecen Godaddy o Rackspace) no es el camino a seguir. Con este tipo de hosting, estás compartiendo demasiados recursos y el tiempo hasta el primer byte (TTFB) se retrasa enormemente. Compartir trabajadores de PHP también puede causar "bloqueos" graves si otro sitio web con el que estás compartiendo recursos está ocupado.
Por lo tanto, debes optar por un alojamiento que tenga su propio entorno. Cloudfare también es imprescindible. Esto simplemente replica los archivos multimedia/más grandes de su sitio web en cientos de servidores en todo el mundo. El tiempo de respuesta para una configuración de Cloudflare permite que los datos se transfieran desde su sitio web a cualquier usuario final global más rápidamente que cualquier otra configuración de servidor/CDN.
Sin embargo, si es una empresa local, no utilice ninguna CDN. De hecho, ralentizará su sitio web. para su mercado objetivo local introduciendo otro servidor en la cadena de suministro.
Obtener la configuración correcta del servidor es un paso simple pero crítico para lograr una gran velocidad.
Hay algunos pasos importantes a tener en cuenta al configurar su servidor.
Al igual que con el resto de esta guía, no le contaré todas las razones técnicas confusas de por qué se debe hacer esto, sino que le daré una descripción general de qué debe tener en cuenta y cómo configurarlo correctamente.
Para preparar el escenario, el hosting barato (o compartido como el que ofrecen Godaddy o Rackspace) no es el camino a seguir.
Con este tipo de hosting, estás compartiendo demasiados recursos y el tiempo hasta el primer byte (TTFB) se retrasa enormemente.
Compartir trabajadores de PHP también puede causar "bloqueos" graves si otro sitio web con el que estás compartiendo recursos está ocupado.
Recomendaciones de servidor y Guia de preparacion
Mejorando el servidor Actuación
Anfitrión cerca de sus clientes
Alojar su sitio web cerca de sus clientes es importante y el razonamiento detrás de esto es muy similar a cómo funciona una CDN. Esto es especialmente si tiene un sitio web que atiende a clientes locales.
Por que es Este ¿Importante?
Imagine que su negocio está en Londres. Da servicio a los clientes localmente que visitan su sitio web. Ahora imagina que tu sitio web está alojado en Nueva York. Sus clientes están en su teléfono o computadora y hacen clic en un enlace. Ese clic luego tiene que viajar hasta Nueva York, recuperar los datos y luego regresar a Londres nuevamente para aparecer en su pantalla. ¿Por qué no alojarlo localmente en un servidor en Londres?
Esto no solo ahorra a los datos un viaje largo, sino que también reduce el tiempo de espera del cliente y hace que su sitio responda mejor a su público objetivo. Mejora enormemente TTFB y no sólo los clientes verán esto, sino que su algoritmo local de Google también lo medirá, mejorando su clasificación web local.
¿Algún servidor web recomendado?
No entraré en grandes reseñas de alojamiento, solo daré mis recomendaciones. Hay un montón de alojamiento web Hay reseñas, pero las limitaré a dos hosts que recomiendo por su rendimiento y flexibilidad.
En primer lugar, Kinsta. Si el presupuesto no importa (son $30 al mes), simplemente A por ello. Está basado en Nginx. Todo lo que aparece en esta página ya está configurado (y mucho más) y es fácilmente el proveedor de alojamiento web más rápido que existe. No solo eso, sino que se basa en la arquitectura AWS/Google Cloud y tiene Cloudflare integrado. No hay complicaciones a la hora de configurarlo: simplemente está listo para salir de la caja.
Eche un vistazo a sus servidores en el Sitio web de Kinsta. Lograrás lo mejor velocidad de página puntuaciones y tiempos de respuesta del sitio web utilizando el alojamiento WordPress de Kinsta y puede elegir alojar su sitio web en cualquiera de una multitud de países para satisfacer sus necesidades.
La segunda opción si prefieres un host más económico con cPanel es Alojamiento A2. Al ser servidores de EE. UU., son los mejores para sitios web con sede en EE. UU.
Mientras optes por el alojamiento turbo, obtendrás buenos puntuaciones de velocidad de página. El alojamiento es súper barato, pero por una vez puedo recomendar lo cual no es normal para un alojamiento más barato. Tienes un poco más que hacer aquí que en Kinsta, pero Cloudflare está incluido, lo cual es increíble a este precio.
Puedes ver el Paquetes A2 Turbo en esta página.
Habilitar la compresión
Debe habilitar la compresión GZIP en su servidor web. Esto comprime archivos hasta en 85% y puede reducir segundos el tiempo de carga de su sitio web. Este es uno de los mayores impulsores instantáneos de velocidad de página que existen.
Cómo puedo Permitir ¿Compresión?
La mayoría de los hosts tienen esto habilitado de forma predeterminada, pero verifique aquí escribiendo su nombre de dominio. Si no está habilitado, coloque el siguiente código en la parte superior de su archivo .htaccess:
<IfModule mod_deflate.c>
AddOutputFilterByType DESINFLAR texto/html
AddOutputFilterByType DESINFLAR texto/css
AddOutputFilterByType DESINFLAR texto/javascript
AddOutputFilterByType DESINFLAR texto/xml
AddOutputFilterByType DESINFLAR texto/sin formato
AddOutputFilterByType DESINFLAR imagen/icono x
AddOutputFilterByType DESINFLAR imagen/svg+xml
AddOutputFilterByType aplicación DESINFLAR/rss+xml
AddOutputFilterByType DEFLATE aplicación/javascript
AddOutputFilterByType aplicación DEFLATE/x-javascript
AddOutputFilterByType DESINFLAR aplicación/xml
AddOutputFilterByType DEFLATE aplicación/xhtml+xml
AddOutputFilterByType DEFLATE aplicación/x-font
AddOutputFilterByType Aplicación DEFLATE/x-font-truetype
Aplicación AddOutputFilterByType DESINFLAR/x-font-ttf
AddOutputFilterByType Aplicación DEFLATE/x-font-otf
AddOutputFilterByType DEFLATE aplicación/x-font-opentype
AddOutputFilterByType DEFLATE aplicación/vnd.ms-fontobject
AddOutputFilterByType DEFLATE fuente/ttf
AddOutputFilterByType DEFLATE fuente/otf
AddOutputFilterByType DEFLATE fuente/tipo abierto
# para navegadores antiguos que no soportan la compresión
BrowserMatch ^Mozilla/4 gzip-solo-texto/html
BrowserMatch ^Mozilla/4\.0[678] sin gzip
BrowserMatch \bMSIE !no-gzip !gzip-solo-texto/html
</IfModule>
Una vez que esté habilitado, borre el caché de su servidor y el caché de WordPress, y vuelva a probar su sitio web usando GTMetrix o Faro de Google.
Establecer una política de caché eficiente
Cuando el navegador almacena en caché los recursos estáticos de su página, almacena una copia local de estos recursos en su caché, lo que hace que la recuperación de archivos sea mucho más rápida.
Esto se conoce como política de almacenamiento en caché y simplemente le indica al navegador durante cuánto tiempo almacenar cada tipo de archivo.
Las políticas de caché más largas indican al navegador que conserve estos archivos durante más tiempo (por ejemplo, 1 año). Esto es importante para recursos que es poco probable que cambien con frecuencia, como la imagen de un logotipo o las fuentes de la página. Las políticas de caché más cortas son excelentes para recursos que cambian con frecuencia, como archivos CSS y JavaScript.
Cómo puedo Configurar mi caché ¿Política?
Es similar al paso anterior. Dependiendo de si tiene un servidor Apache (cPanel) o NGINX, simplemente coloque el siguiente código en su archivo .htaccess y todo estará configurado.
¡No se necesitan complementos para establecer políticas de caché!
apache
<IfModule mod_expires.c>
ExpiraActivo el
Imágenes #
ExpiresByType image/jpeg “acceso más 1 año”
ExpiresByType imagen/gif “acceso más 1 año”
ExpiresByType image/png “acceso más 1 año”
ExpiresByType image/webp “acceso más 1 año”
ExpiresByType image/svg+xml “acceso más 1 año”
Imagen ExpiresByType/icono x “acceso más 1 año”
Vídeo #
ExpiresByType vídeo/webm “acceso más 1 año”
ExpiresByType video/mp4 “acceso más 1 año”
ExpiresByType video/mpeg “acceso más 1 año”
Fuentes #
ExpiresByType font/ttf “acceso más 1 año”
ExpiresByType font/otf “acceso más 1 año”
ExpiresByType fuente/woff “acceso más 1 año”
ExpiresByType font/woff2 “acceso más 1 año”
Aplicación ExpiresByType/font-woff “acceso más 1 año”
# CSS, JavaScript
ExpiresByType text/css “acceso más 1 año”
ExpiresByType text/javascript “acceso más 1 año”
Aplicación ExpiresByType/javascript “acceso más 1 año”
# Otros
Solicitud ExpiresByType/pdf “acceso más 1 año”
ExpiresByType image/vnd.microsoft.icon “acceso más 1 año”
</ifmodule>
nginx
Por lo general, los servidores Nginx están configurados para esto, pero si no, agregue el siguiente fragmento al bloque de su servidor. Normalmente tienes que hacer esto en:
/etc/nginx/sitio habilitado/predeterminado
ubicación ~* \.(jpg|jpeg|gif|png)$ {
caduca en 365 días;
}
ubicación ~* \.(pdf|css|html|js|swf)$ {
caduca en 30 días;
}
Nuevamente, borre el caché de su servidor y el caché de WordPress, y vuelva a probar su sitio web usando GTMetrix o Faro de Google. Si todo va según lo planeado, el almacenamiento en caché debería estar configurado.
¿Eso es todo?
Eso es todo de lo que debes preocuparte por ahora. Habrá algunas escrituras adicionales en el archivo .htaccess, pero esto se realizará mediante algunos complementos a medida que avanzamos en el proceso.
Qué pasa Llamarada de nube?
Algunos hosts como A2 o Kinsta lo tienen todo configurado para usted; solo necesita marcar una casilla para comenzar.
Si su host no tiene integración automática, entonces Cloudflare tiene una buena guía de integración puedes leer. Para el usuario cotidiano, me gusta recomendar un host que tenga integración automática.
¡Configuración del servidor completa!
Paso 2: instalar complementos
Es hora de llegar al meollo de la cuestión
Mejorando el servidor Actuación
Anfitrión cerca de sus clientes
Alojar su sitio web cerca de sus clientes es importante y el razonamiento detrás de esto es muy similar a cómo funciona una CDN. Esto es especialmente si tiene un sitio web que atiende a clientes locales.
Por que es Este ¿Importante?
Imagine que su negocio está en Londres. Da servicio a los clientes localmente que visitan su sitio web. Ahora imagina que tu sitio web está alojado en Nueva York. Sus clientes están en su teléfono o computadora y hacen clic en un enlace. Ese clic luego tiene que viajar hasta Nueva York, recuperar los datos y luego regresar a Londres nuevamente para aparecer en su pantalla. ¿Por qué no alojarlo localmente en un servidor en Londres?
Esto no solo ahorra a los datos un viaje largo, sino que también reduce el tiempo de espera del cliente y hace que su sitio responda mejor a su público objetivo. Mejora enormemente TTFB y no sólo los clientes verán esto, sino que su algoritmo local de Google también lo medirá, mejorando su clasificación web local.
¿Algún servidor web recomendado?
No entraré en grandes reseñas de alojamiento, solo daré mis recomendaciones. Hay muchas reseñas de alojamiento web, pero las limitaré a dos servidores que recomiendo por su rendimiento y flexibilidad.
En primer lugar, Kinsta. Si el presupuesto no importa (son $30 al mes), simplemente A por ello. Está basado en Nginx. Todo lo que aparece en esta página ya está configurado (y mucho más) y es fácilmente el proveedor de alojamiento web más rápido que existe. No solo eso, sino que se basa en la arquitectura AWS/Google Cloud y tiene Cloudflare integrado. No hay complicaciones a la hora de configurarlo: simplemente está listo para salir de la caja.
Eche un vistazo a sus servidores en el Sitio web de Kinsta. Obtendrás las mejores puntuaciones de velocidad de página y tiempos de respuesta del sitio web usando Kinsta WordPress hosting y puede elegir alojar su sitio web en cualquiera de una multitud de países para satisfacer sus necesidades.
La segunda opción si prefieres un host más económico con cPanel es Alojamiento A2. Al ser servidores de EE. UU., son los mejores para sitios web con sede en EE. UU.
Siempre que opte por el alojamiento turbo, obtendrá buenas puntuaciones de velocidad de página. El alojamiento es súper barato, pero por una vez puedo recomendar lo cual no es normal para un alojamiento más barato. Tienes un poco más que hacer aquí que en Kinsta, pero Cloudflare está incluido, lo cual es increíble a este precio.
Puedes ver el Paquetes A2 Turbo en esta página.
Habilitar la compresión
Debe habilitar la compresión GZIP en su servidor web. Esto comprime archivos hasta en 85% y puede reducir segundos el tiempo de carga de su sitio web. Este es uno de los mayores impulsores instantáneos de velocidad de página que existen.
Cómo puedo Permitir ¿Compresión?
La mayoría de los hosts tienen esto habilitado de forma predeterminada, pero verifique aquí escribiendo su nombre de dominio. Si no está habilitado, coloque el siguiente código en la parte superior de su archivo .htaccess:
<IfModule mod_deflate.c>
AddOutputFilterByType DESINFLAR texto/html
AddOutputFilterByType DESINFLAR texto/css
AddOutputFilterByType DESINFLAR texto/javascript
AddOutputFilterByType DESINFLAR texto/xml
AddOutputFilterByType DESINFLAR texto/sin formato
AddOutputFilterByType DESINFLAR imagen/icono x
AddOutputFilterByType DESINFLAR imagen/svg+xml
AddOutputFilterByType aplicación DESINFLAR/rss+xml
AddOutputFilterByType DEFLATE aplicación/javascript
AddOutputFilterByType aplicación DEFLATE/x-javascript
AddOutputFilterByType DESINFLAR aplicación/xml
AddOutputFilterByType DEFLATE aplicación/xhtml+xml
AddOutputFilterByType DEFLATE aplicación/x-font
AddOutputFilterByType Aplicación DEFLATE/x-font-truetype
Aplicación AddOutputFilterByType DESINFLAR/x-font-ttf
AddOutputFilterByType Aplicación DEFLATE/x-font-otf
AddOutputFilterByType DEFLATE aplicación/x-font-opentype
AddOutputFilterByType DEFLATE aplicación/vnd.ms-fontobject
AddOutputFilterByType DEFLATE fuente/ttf
AddOutputFilterByType DEFLATE fuente/otf
AddOutputFilterByType DEFLATE fuente/tipo abierto
# para navegadores antiguos que no soportan la compresión
BrowserMatch ^Mozilla/4 gzip-solo-texto/html
BrowserMatch ^Mozilla/4\.0[678] sin gzip
BrowserMatch \bMSIE !no-gzip !gzip-solo-texto/html
</IfModule>
Una vez que esté habilitado, borre el caché de su servidor y el caché de WordPress, y vuelva a probar su sitio web usando GTMetrix o Faro de Google.
Establecer una política de caché eficiente
Cuando el navegador almacena en caché los recursos estáticos de su página, almacena una copia local de estos recursos en su caché, lo que hace que la recuperación de archivos sea mucho más rápida.
Esto se conoce como política de almacenamiento en caché y simplemente le indica al navegador durante cuánto tiempo almacenar cada tipo de archivo.
Las políticas de caché más largas indican al navegador que conserve estos archivos durante más tiempo (por ejemplo, 1 año). Esto es importante para recursos que es poco probable que cambien con frecuencia, como la imagen de un logotipo o las fuentes de la página. Las políticas de caché más cortas son excelentes para recursos que cambian con frecuencia, como archivos CSS y JavaScript.
Cómo puedo Configurar mi caché ¿Política?
Es similar al paso anterior. Dependiendo de si tiene un servidor Apache (cPanel) o NGINX, simplemente coloque el siguiente código en su archivo .htaccess y todo estará configurado.
¡No se necesitan complementos para establecer políticas de caché!
apache
<IfModule mod_expires.c>
ExpiraActivo el
Imágenes #
ExpiresByType image/jpeg “acceso más 1 año”
ExpiresByType imagen/gif “acceso más 1 año”
ExpiresByType image/png “acceso más 1 año”
ExpiresByType image/webp “acceso más 1 año”
ExpiresByType image/svg+xml “acceso más 1 año”
Imagen ExpiresByType/icono x “acceso más 1 año”
Vídeo #
ExpiresByType vídeo/webm “acceso más 1 año”
ExpiresByType video/mp4 “acceso más 1 año”
ExpiresByType video/mpeg “acceso más 1 año”
Fuentes #
ExpiresByType font/ttf “acceso más 1 año”
ExpiresByType font/otf “acceso más 1 año”
ExpiresByType fuente/woff “acceso más 1 año”
ExpiresByType font/woff2 “acceso más 1 año”
Aplicación ExpiresByType/font-woff “acceso más 1 año”
# CSS, JavaScript
ExpiresByType text/css “acceso más 1 año”
ExpiresByType text/javascript “acceso más 1 año”
Aplicación ExpiresByType/javascript “acceso más 1 año”
# Otros
Solicitud ExpiresByType/pdf “acceso más 1 año”
ExpiresByType image/vnd.microsoft.icon “acceso más 1 año”
</ifmodule>
nginx
Por lo general, los servidores Nginx están configurados para esto, pero si no, agregue el siguiente fragmento al bloque de su servidor. Normalmente tienes que hacer esto en:
/etc/nginx/sitio habilitado/predeterminado
ubicación ~* \.(jpg|jpeg|gif|png)$ {
caduca en 365 días;
}
ubicación ~* \.(pdf|css|html|js|swf)$ {
caduca en 30 días;
}
Nuevamente, borre el caché de su servidor y el caché de WordPress, y vuelva a probar su sitio web usando GTMetrix o Faro de Google. Si todo va según lo planeado, el almacenamiento en caché debería estar configurado.
¿Eso es todo?
Eso es todo de lo que debes preocuparte por ahora. Habrá algunas escrituras adicionales en el archivo .htaccess, pero esto se realizará mediante algunos complementos a medida que avanzamos en el proceso.
Qué pasa Llamarada de nube?
Algunos hosts como A2 o Kinsta lo tienen todo configurado para usted; solo necesita marcar una casilla para comenzar.
Si su host no tiene integración automática, entonces Cloudflare tiene una buena guía de integración puedes leer. Para el usuario cotidiano, me gusta recomendar un host que tenga integración automática.
¡Configuración del servidor completa!
Paso 2: instalar complementos
Es hora de llegar al meollo de la cuestión
Servidores Explicado
Anfitrión cerca de casa
Alojar su sitio web cerca de sus clientes es importante y el razonamiento detrás de esto es muy similar a cómo funciona una CDN. Esto es especialmente si tiene un sitio web que atiende a clientes locales.
Por que es Este ¿Importante?
Imagine que su negocio está en Londres. Da servicio a los clientes localmente que visitan su sitio web. Ahora imagina que tu sitio web está alojado en Nueva York. Sus clientes están en su teléfono o computadora y hacen clic en un enlace. Ese clic luego tiene que viajar hasta Nueva York, recuperar los datos y luego regresar a Londres nuevamente para aparecer en su pantalla. ¿Por qué no alojarlo localmente en un servidor en Londres?
Esto no solo ahorra a los datos un viaje largo, sino que también reduce el tiempo de espera del cliente y hace que su sitio responda mejor a su público objetivo. Mejora enormemente TTFB y no sólo los clientes verán esto, sino que su algoritmo local de Google también lo medirá, mejorando su clasificación web local.
¿Alguna recomendación?
No entraré en grandes reseñas de alojamiento, solo daré mis recomendaciones. Hay muchas reseñas de alojamiento web, pero las limitaré a dos servidores que recomiendo por su rendimiento y flexibilidad.
En primer lugar, Kinsta. Si el presupuesto no importa (son $30 al mes), simplemente A por ello. Está basado en Nginx. Todo lo que aparece en esta página ya está configurado (y mucho más) y es fácilmente el proveedor de alojamiento web más rápido que existe. No solo eso, sino que se basa en la arquitectura AWS/Google Cloud y tiene Cloudflare integrado. No hay complicaciones a la hora de configurarlo: simplemente está listo para salir de la caja.
Eche un vistazo a sus servidores en el Sitio web de Kinsta. Obtendrá las mejores puntuaciones de velocidad de página y tiempos de respuesta del sitio web utilizando Alojamiento WordPress Kinsta y puede elegir alojar su sitio web en cualquiera de una multitud de países para satisfacer sus necesidades.
La segunda opción si prefieres un host más económico con cPanel es Alojamiento A2. Al ser servidores de EE. UU., son los mejores para sitios web con sede en EE. UU.
Siempre que opte por el alojamiento turbo, obtendrá buenas puntuaciones de velocidad de página. El alojamiento es súper barato, pero por una vez puedo recomendar lo cual no es normal para un alojamiento más barato. Tienes un poco más que hacer aquí que en Kinsta, pero Cloudflare está incluido, lo cual es increíble a este precio.
Puedes ver el Paquetes A2 Turbo en esta página.
Habilitar la compresión
Debe habilitar la compresión GZIP en su servidor web. Esto comprime archivos hasta en 85% y puede reducir segundos el tiempo de carga de su sitio web. Este es uno de los mayores impulsores instantáneos de velocidad de página que existen.
Cómo puedo Permitir ¿Compresión?
La mayoría de los hosts tienen esto habilitado de forma predeterminada, pero verifique aquí escribiendo su nombre de dominio. Si no está habilitado, coloque el siguiente código en la parte superior de su archivo .htaccess:
<IfModule mod_deflate.c>
AddOutputFilterByType DESINFLAR texto/html
AddOutputFilterByType DESINFLAR texto/css
AddOutputFilterByType DESINFLAR texto/javascript
AddOutputFilterByType DESINFLAR texto/xml
AddOutputFilterByType DESINFLAR texto/sin formato
AddOutputFilterByType DESINFLAR imagen/icono x
AddOutputFilterByType DESINFLAR imagen/svg+xml
AddOutputFilterByType aplicación DESINFLAR/rss+xml
AddOutputFilterByType DEFLATE aplicación/javascript
AddOutputFilterByType aplicación DEFLATE/x-javascript
AddOutputFilterByType DESINFLAR aplicación/xml
AddOutputFilterByType DEFLATE aplicación/xhtml+xml
AddOutputFilterByType DEFLATE aplicación/x-font
AddOutputFilterByType Aplicación DEFLATE/x-font-truetype
Aplicación AddOutputFilterByType DESINFLAR/x-font-ttf
AddOutputFilterByType Aplicación DEFLATE/x-font-otf
AddOutputFilterByType DEFLATE aplicación/x-font-opentype
AddOutputFilterByType DEFLATE aplicación/vnd.ms-fontobject
AddOutputFilterByType DEFLATE fuente/ttf
AddOutputFilterByType DEFLATE fuente/otf
AddOutputFilterByType DEFLATE fuente/tipo abierto
# para navegadores antiguos que no soportan la compresión
BrowserMatch ^Mozilla/4 gzip-solo-texto/html
BrowserMatch ^Mozilla/4\.0[678] sin gzip
BrowserMatch \bMSIE !no-gzip !gzip-solo-texto/html
</IfModule>
Una vez que esté habilitado, borre el caché de su servidor y el caché de WordPress, y vuelva a probar su sitio web usando GTMetrix o Faro de Google.
Establezca su política de caché
Cuando el navegador almacena en caché los recursos estáticos de su página, almacena una copia local de estos recursos en su caché, lo que hace que la recuperación de archivos sea mucho más rápida.
Esto se conoce como política de almacenamiento en caché y simplemente le indica al navegador durante cuánto tiempo almacenar cada tipo de archivo.
Las políticas de caché más largas indican al navegador que conserve estos archivos durante más tiempo (por ejemplo, 1 año). Esto es importante para recursos que es poco probable que cambien con frecuencia, como la imagen de un logotipo o las fuentes de la página. Las políticas de caché más cortas son excelentes para recursos que cambian con frecuencia, como archivos CSS y JavaScript.
Cómo puedo Configurar mi caché ¿Política?
Es similar al paso anterior. Dependiendo de si tiene un servidor Apache (cPanel) o NGINX, simplemente coloque el siguiente código en su archivo .htaccess y todo estará configurado.
¡No se necesitan complementos para establecer políticas de caché!
apache
<IfModule mod_expires.c>
ExpiraActivo el
Imágenes #
ExpiresByType image/jpeg “acceso más 1 año”
ExpiresByType imagen/gif “acceso más 1 año”
ExpiresByType image/png “acceso más 1 año”
ExpiresByType image/webp “acceso más 1 año”
ExpiresByType image/svg+xml “acceso más 1 año”
Imagen ExpiresByType/icono x “acceso más 1 año”
Vídeo #
ExpiresByType vídeo/webm “acceso más 1 año”
ExpiresByType video/mp4 “acceso más 1 año”
ExpiresByType video/mpeg “acceso más 1 año”
Fuentes #
ExpiresByType font/ttf “acceso más 1 año”
ExpiresByType font/otf “acceso más 1 año”
ExpiresByType fuente/woff “acceso más 1 año”
ExpiresByType font/woff2 “acceso más 1 año”
Aplicación ExpiresByType/font-woff “acceso más 1 año”
# CSS, JavaScript
ExpiresByType text/css “acceso más 1 año”
ExpiresByType text/javascript “acceso más 1 año”
Aplicación ExpiresByType/javascript “acceso más 1 año”
# Otros
Solicitud ExpiresByType/pdf “acceso más 1 año”
ExpiresByType image/vnd.microsoft.icon “acceso más 1 año”
</ifmodule>
nginx
Por lo general, los servidores Nginx están configurados para esto, pero si no, agregue el siguiente fragmento al bloque de su servidor. Normalmente tienes que hacer esto en:
/etc/nginx/sitio habilitado/predeterminado
ubicación ~* \.(jpg|jpeg|gif|png)$ {
caduca en 365 días;
}
ubicación ~* \.(pdf|css|html|js|swf)$ {
caduca en 30 días;
}
Nuevamente, borre el caché de su servidor y el caché de WordPress, y vuelva a probar su sitio web usando GTMetrix o Faro de Google. Si todo va según lo planeado, el almacenamiento en caché debería estar configurado.
¿Eso es todo?
Eso es todo de lo que debes preocuparte por ahora. Habrá algunas escrituras adicionales en el archivo .htaccess, pero esto se realizará mediante algunos complementos a medida que avanzamos en el proceso.
Qué pasa Llamarada de nube?
Algunos hosts como A2 o Kinsta lo tienen todo configurado para usted; solo necesita marcar una casilla para comenzar.
Si su host no tiene integración automática, entonces Cloudflare tiene una buena guía de integración puedes leer. Para el usuario cotidiano, me gusta recomendar un host que tenga integración automática.
¡Configuración del servidor completa!
Paso 2: instalar complementos
Es hora de llegar al meollo de la cuestión