17 consejos eficaces para reducir el tiempo de carga de la página del blog

Imagine visitar un sitio donde cada página tarda varios segundos en cargarse.

Frustrante, ¿no?

La verdad es que muchos blogueros descuidan la velocidad de carga de su sitio web a medida que cargan elementos visuales sofisticados, desde carruseles de imágenes hasta widgets interactivos.

Esa no es la forma de impresionar a tu audiencia.

Lo que necesitan es un blog que se cargue rápido, maximice la legibilidad y entregue la información que desean de inmediato.

Analicemos cómo darles lo que quieren.

¿Por qué es importante la velocidad de carga de la página?

Además de una experiencia de usuario mejorada, una velocidad de carga rápida también tiene numerosos beneficios desde el punto de vista del marketing.

Retenga más tráfico

Las estadísticas muestran que alrededor del 40 por ciento de los usuarios abandonarían un sitio que no se carga en tres segundos o menos. Esta cifra aumenta al 53 por ciento si hablamos de usuarios móviles.

• Salvar

Y te preguntas por qué tu blog tiene una tasa de rebote tan abismal.

Si sigues ignorando la velocidad de carga de tu blog, básicamente estás reduciendo tu tráfico potencial a la mitad.

Incrementar conversiones

¿Sabía que un retraso de un segundo en los tiempos de carga provoca una caída del 7 por ciento en las conversiones?

Para poner las cosas en perspectiva, eso es una pérdida de $ 7 cada vez que obtiene conversiones por valor de $ 100.

• Salvar

Puede que no parezca enorme, pero recuerde que los sitios web de sus competidores están a solo unos clics de distancia.

Una vez que los lectores pasan a un blog diferente con una mejor experiencia de usuario, es posible que nunca miren hacia atrás.

Rankings de motores de búsqueda más altos

En caso de que no lo supiera, los motores de búsqueda como Google son muy particulares cuando se trata de la experiencia del usuario.

Es por eso que ven la velocidad de carga como un factor de clasificación importante no solo para computadoras de escritorio, sino también para sitios web móviles.

• Salvar

Si no está familiarizado con el término SEO u Optimización de motores de búsqueda , le sugiero que comience a aprender usando esta publicación.

Por ahora, permítame mostrarle el siguiente paso para lograr un rendimiento de blog de primer nivel: medir la velocidad de carga real de su blog.

Cómo probar la velocidad de carga del sitio web

Puede pensar que su sitio web ya funciona lo suficientemente rápido, pero solo una herramienta como PageSpeed ​​Insights de Google puede probarlo.

En pocas palabras, es una herramienta de optimización del rendimiento que analiza la velocidad de su sitio web, detecta problemas que afectan la velocidad y proporciona una lista de sugerencias junto con recursos útiles.

Para utilizar PageSpeed ​​Insights, ingrese la URL de su blog y haga clic en "Analizar".

• Salvar

Déle a PageSpeed ​​Insights unos segundos para que haga su magia.

Cuando termine, lo primero que encontrará es una evaluación en profundidad del rendimiento de su sitio web, incluida su puntuación de velocidad, los factores que afectan la velocidad de carga y la latencia estimada o el retraso antes de que se puedan registrar las entradas del usuario.

• Salvar

También puede utilizar PageSpeed ​​Insights para el rendimiento móvil cambiando a la pestaña 'Móvil' . La herramienta debería presentarle inmediatamente un informe diferente que refleje el rendimiento de su blog en teléfonos inteligentes y tabletas.

• Salvar

¿Ya encontraste tus puntajes de velocidad?

De ahora en adelante, le aconsejo que los utilice como su principal medio para medir el rendimiento de su sitio web.

Su objetivo es simple: realizar tantas optimizaciones como sea necesario para alcanzar el extremo "rápido" de la escala de puntuación de velocidad.

Déjame mostrarte de lo que estoy hablando.

• Salvar

Puede leer en alguna parte que una puntuación de velocidad de al menos 85 es suficientemente buena, lo que en realidad es bastante cierto dado que incluso los sitios grandes como Facebook tienen puntuaciones de menos de 90.

• Salvar

Pero como marca en ciernes que intenta hacerse un hueco en su nicho, conformarse con lo " suficientemente bueno " nunca es una opción.

Siempre debe aprovechar las oportunidades que lo ayudarán a adelantarse a la competencia.

Mejorar la experiencia del usuario en su sitio web aumentando la velocidad de carga es una de estas oportunidades.

¿Listo para dar el siguiente paso? Entonces vayamos a eso.

Cómo reducir el tiempo de carga del blog

Ahora que hemos cubierto el " por qué " de la optimización de la velocidad de carga de la página, es hora de hablar sobre el " cómo " . "

Si sabe una cosa o dos sobre desarrollo web, seguir las recomendaciones que se muestran en PageSpeed ​​Insights debería impulsar su campaña de optimización del rendimiento. Debería poder encontrarlos justo debajo de la sección " Datos de laboratorio ".

• Salvar

Naturalmente, las sugerencias que obtendrá en PageSpeed ​​Insights dependen del estado general de su sitio web. Sin embargo, la mayoría de las recomendaciones de optimización comunes se incluirán en la lista de estrategias que he elaborado a continuación.

Sin más preámbulos, aquí están los pasos probados para un blog mucho más rápido y rentable:

1. Eliminar complementos no deseados

Las plataformas de publicación de blogs y los sistemas de gestión de contenido como WordPress suelen admitir una gran cantidad de complementos listos para usar, lo que facilita la implementación de todo tipo de funciones.

Puede presentar un widget de reserva en línea, crear formularios de suscripción personalizados, crear páginas de destino impresionantes, sin escribir una sola línea de código todo el tiempo. Simplemente use la barra de búsqueda integrada para encontrar rápidamente un complemento que satisfaga sus necesidades.

• Salvar

Habla de conveniencia.

Sin embargo, utilizar complementos puede ser un arma de doble filo.

No puede simplemente cargar su sitio web con tantos complementos como desee.

Demasiados complementos en una página pueden consumir los recursos del servidor y ralentizar su sitio al máximo.

Si nunca prestó mucha atención a su biblioteca de complementos, es probable que haya instalado complementos redundantes que tienen características básicas similares.

Pensaría que WordPress le advertirá si está a punto de instalar varios complementos del mismo tipo.

Desafortunadamente, ese no es el caso.

Solo eche un vistazo a los muchos creadores de formularios que puedo meter en mi panel de WordPress:

• Salvar

La buena noticia es que los conflictos entre complementos similares se pueden solucionar fácilmente desactivando los que ya no necesita.

Para hacer esto, expanda el menú 'Complementos' de su panel y vaya a 'Complementos instalados'. Desde allí, seleccione todos los complementos que no necesita y aplique los comandos 'Desactivar' o 'Eliminar' del menú desplegable "Acciones masivas".

• Salvar

Además de los conflictos entre complementos similares, ciertos complementos, especialmente aquellos no probados con su versión actual de WordPress, podrían hacer que su panel de control se vuelva loco.

Puede evitar esto instalando un complemento a la vez y evitando los complementos " no probados ".

• Salvar

Si se encuentra con tiempos de carga más prolongados, fallas u otros problemas en su panel de WordPress, desactive el último complemento que instaló. Si el problema persiste, probablemente sea causado por otro complemento.

Ahí es cuando puede desactivar todos los complementos y activarlos uno por uno hasta que encuentre al culpable. Una vez que lo haga, considere buscar un complemento alternativo o actualizarlo a la última versión.

2. Busque complementos que hagan más

Mientras estamos en complementos, hablemos brevemente sobre sus opciones de complementos.

En WordPress, cuantos menos complementos, mejor.

En la medida de lo posible, busque complementos que puedan desempeñar muchas funciones en lugar de instalar uno nuevo para cada función que desee implementar.

Por ejemplo, en lugar de usar complementos separados para formularios de contacto, calificaciones de estrellas, reseñas y diseño de página de destino, simplemente use un complemento como Elementor Page Builder que reúne todas estas funciones en una.

• Salvar

Después de eliminar el exceso de complementos de su CMS, veamos otro factor que puede hacer que su sitio web funcione lentamente.

3. Actualice su plan de alojamiento

Para los nuevos blogueros, un plan de alojamiento de un dólar para su sitio web es realmente difícil de resistir.

Pero una vez que comience a generar cientos, si no miles, de visitantes por mes, comprenderá por qué las empresas de alojamiento ofrecen planes a este precio.

Ralentizaciones frecuentes, tiempos de inactividad, mala atención al cliente: estas son algunas de las desventajas de elegir una solución de alojamiento web barata. Esto se debe principalmente a que los servicios de alojamiento de un dólar suelen utilizar hardware de servidor básico con poca potencia.

"Si te tomas en serio los blogs, tu sitio web merece algo mejor que el plan de alojamiento más barato". - Ankit Singla

Investigue y busque empresas de alojamiento web respaldadas por muchas críticas positivas, como:

• BlueHost
• HostGator
• SiteGround
• WPXHosting

En caso de duda, puede utilizar una herramienta como Pickuphost para probar la velocidad de cualquier host que esté considerando. Todo lo que necesita hacer es elegir su proveedor de alojamiento en el menú desplegable, seleccionar la ubicación del servidor y hacer clic en 'Iniciar prueba'.

Idealmente, debe elegir la ubicación del servidor cerca de su público objetivo.

• Salvar

También puede notar que la mayoría de las empresas de alojamiento ofrecen múltiples planes, incluidos los compartidos, los servidores privados virtuales o VPS, y los dedicados.

Para la mayoría de los blogs, un plan de alojamiento VPS debería ser más que suficiente para manejar las necesidades de ancho de banda de su sitio web. Un plan de alojamiento compartido, por otro lado, también puede ser viable si aún no está recibiendo una gran cantidad de tráfico.

Recomiendo comenzar primero con un alojamiento compartido y actualizar a un plan con VPS una vez que se recupere el tráfico de su blog.

Quizás la única razón para elegir alojamiento dedicado es si su sitio también cuenta con una tienda en línea con cientos de productos. En cuyo caso, incluso un host VPS puede no tener la capacidad de ancho de banda necesaria para mantener su tienda digital en funcionamiento.

4. Elija un tema mejor

Hablando de ancho de banda, puede reducir los requisitos de ancho de banda de su sitio web eligiendo un tema más simple y minimalista.

Los usuarios de WordPress deberían entender de inmediato lo que estoy hablando.

Después de todo, la biblioteca de temas de WordPress ya tiene varios temas minimalistas gratuitos. Incluso los diseñadores de temas de terceros presentan toneladas de temas livianos que pueden mejorar el rendimiento de su sitio web.

• Salvar

La clave aquí es buscar temas que no estén tachonados de detalles visuales innecesarios, como controles deslizantes de imágenes, animaciones y efectos CSS.

Puede verificar estos elementos usted mismo al obtener una vista previa de los temas, que es una característica básica en la mayoría de los mercados de temas, incluido el directorio de temas de WordPress.

• Salvar

Los temas secundarios de Genesis de Studiopress se encuentran entre mis temas favoritos para WordPress. Ofrecen docenas de temas minimalistas y amigables para dispositivos móviles que también son compatibles con el editor Gutenberg , que es el editor de contenido predeterminado para la versión 5.0 y posteriores de WordPress.

Más importante aún, estos temas lo ayudarán a lograr velocidades de carga más rápidas para su sitio.

Para obtener más información sobre los temas de Genesis y sus beneficios, definitivamente debe consultar esta revisión.

5. Optimiza tus imágenes

No todos los elementos visuales que afectan el rendimiento de su sitio web están integrados en su tema.

Cada imagen que sube a su sitio web, ya sea el logotipo de su sitio web, las imágenes destacadas, los botones o la infografía, aumenta los requisitos de ancho de banda de su blog y, por lo tanto, afecta el rendimiento.

Pero dado que el contenido visual es imprescindible en cada blog, tampoco puedes dejar de condimentar tus publicaciones con imágenes. En su lugar, puede usar una herramienta de compresión de imágenes como Kraken.io para reducir el tamaño de sus imágenes sin cambios notables en la calidad.

• Salvar

Kraken.io viene con una herramienta de compresión sin pérdida gratuita basada en la nube que puede optimizar imágenes a granel. Simplemente arrastre y suelte sus imágenes en la herramienta o cargue una carpeta comprimida para iniciar el proceso de compresión.

No olvide configurar el modo de compresión en "Sin pérdida " para que las imágenes finales no se vean borrosas.

• Salvar

Para los bloggers autohospedados, puede aumentar la velocidad de WordPress con un complemento como WP Smush para comprimir todas las imágenes de su biblioteca multimedia de una sola vez. Simplemente haga clic en 'Smush' desde su panel de control y 'Bulk Smush Now' para comenzar.

• Salvar

WP Smush también le brinda la opción de comprimir automáticamente las imágenes tan pronto como se cargan. Para habilitar esta función, active "Automático Smush" en la sección "Configuración" de la interfaz del complemento.

• Salvar

Recuerde, la compresión de imágenes es solo una de las cosas que debe hacer si es fanático del contenido visual, como yo. Como tal, le insto a que lea mi guía detallada sobre optimización de imágenes y SEO.

• Salvar

6. Deshabilitar el enlace activo

Incluso con la compresión sin pérdida en su lugar, sus imágenes aún pueden acaparar los recursos de su servidor y ralentizar su sitio debido al hotlinking.

Esta es una práctica común en la que otro sitio se vincula directamente a su imagen o archivo, lo que les permite mostrar estos recursos en su propia página.

Claro, compartir su contenido en otros sitios web es genial cuando se hace de la manera correcta. Pero con los enlaces directos, estos sitios utilizan en última instancia el ancho de banda que pagó al extraer contenido de su sitio.

Es por eso que el hotlinking también se conoce comúnmente como robo de ancho de banda .

Puede detener el hotlinking de una vez por todas agregando el siguiente código a su "archivo .htaccess":

gzip encendido;

gzip_disable “msie6”;

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / aplicación x-javascript / xhtml + aplicación xml / fuente xml / fuente opentype / fuente otf / imagen ttf / svg + imagen xml / texto x-icon / texto css / texto javascript / texto plano / xml;

Para aquellos que no saben dónde encontrar el archivo .htaccess de su sitio web, puede encontrarlo en el panel de control de su cuenta de alojamiento.

Lo que debe hacer es buscar el " administrador de archivos " de su servicio de alojamiento y navegar hasta la carpeta raíz de su sitio web. Su archivo .htaccess debería estar ahí con un icono que se asemeja a un bloc de notas:

• Salvar

7. Invierta en un CDN

¿Terminó con la compresión de imágenes y la prevención de hotlinking?

Bueno.

¿Y si te dijera que hay una manera de hacer que tus imágenes se carguen aún más rápido?

Con una red de distribución de contenido o CDN, puede aprovechar una red completa de servidores proxy para acelerar la velocidad de transferencia de los datos de su sitio web a los usuarios.

La mejor parte es que los proveedores de servicios CDN se encargan de que sus servidores estén distribuidos en ubicaciones clave en todo el mundo. Esto reduce significativamente el problema de latencia que normalmente experimentan los visitantes de áreas distantes.

• Salvar

Al igual que los servidores web, debes tener cuidado al elegir un CDN para tu blog.

No se preocupe, creé una lista de los mejores servicios CDN para el blog de WordPress que puede usar.

Puedo responder personalmente por MaxCDN, que se encuentra, con mucho, entre los mejores CDN en términos de costo y características.

8. Minifica tus códigos

Sus imágenes no son las únicas cosas que pueden aumentar los requisitos de ancho de banda de su sitio web.

Los códigos como HTML, CSS y JavaScript también pueden contribuir al tamaño de sus páginas web.

¿La solución? Minimícelos eliminando los caracteres innecesarios del código, como espacios en blanco, líneas adicionales y comentarios.

Estos caracteres no afectan, de ninguna manera, la función del código, pero aumentan el tamaño del archivo. A su vez, los navegadores tardarán más en descargar y ejecutar el código al cargar su página.

• Salvar

Espera un minuto, ¿significa eso que tienes que revisar cada código de tu sitio para eliminar los caracteres innecesarios uno por uno?

Cálmese.

Al igual que con la compresión de imágenes, existen herramientas que puede utilizar para automatizar este proceso.

Minify Code, por ejemplo, es una herramienta gratuita que puede recortar sus códigos en segundos. Funciona para cualquier archivo JavaScript, CSS y HTML que pueda tener en su sitio web.

• Salvar

Si usa WordPress, una alternativa es usar un complemento como W3 Total Cache, que puede minimizar sus activos de código de una sola vez.

Una vez instalado, haga clic en 'Rendimiento' en el panel principal y haga clic en 'Minificar' para ver sus opciones.

• Salvar

Recomiendo activar la siguiente configuración para optimizar el código de su sitio web y mejorar el rendimiento:

• Configuración de HTML minify
• Configuración de JS minify
• Configuración de CSS minify

• Salvar

Lea este tutorial de W3 Total Cache para conocer todas las configuraciones óptimas.

9. Evite los recursos que bloquean el procesamiento

Ya que estamos en el tema de los códigos, profundicemos en cosas más avanzadas.

Si ejecutó PageSpeed ​​Insights y le dijeron que "elimine los recursos que bloquean la representación", es posible que deba ensuciarse las manos con algo de codificación para maximizar el rendimiento de su blog.

• Salvar

En pocas palabras, los recursos de bloqueo de procesamiento son códigos que obstruyen la carga del contenido HTML central de un sitio web. Eso significa que su logotipo, menús, publicaciones y otros elementos esenciales de su página no se cargarán a menos que se carguen los recursos problemáticos.

Los recursos de bloqueo de renderización pueden ser hojas de estilo, importaciones de HTML y varios scripts. PageSpeed ​​Insights debería proporcionarle una lista completa de estos códigos:

• Salvar

Para lidiar con los recursos de bloqueo de procesamiento, el paso más fácil es mover JavaScript al final del HTML de su sitio web, justo antes de la etiqueta de cierre "</body>".

También puede utilizar el atributo "aplazar" para que el script se cargue solo después de que el HTML se haya cargado por completo. Esto se puede hacer insertando defer = ”defer” dentro de la etiqueta “<script>”.

• Salvar

Consulte esta publicación para obtener más información sobre los recursos de bloqueo de procesamiento y qué puede hacer para optimizarlos.

Por supuesto, siempre puede obtener ayuda de un desarrollador web si no se siente cómodo trabajando con códigos. Alternativamente, puede usar un complemento como Autoptimize para posponer automáticamente los scripts al pie de página de su sitio web, otro complemento de optimización de velocidad de WordPress que hace su trabajo cien veces más fácil.

• Salvar

10. Reduzca la cantidad de publicaciones en su página de inicio

A continuación, hablemos de la cantidad de publicaciones que se muestran en su página de inicio.

CMS como WordPress y las plataformas de publicación de blogs a menudo tienen una gran cantidad de temas que muestran publicaciones de blog desde el principio.

Si usa imágenes destacadas de alta calidad para cada publicación, los usuarios inevitablemente necesitarán más tiempo para cargar su página de inicio.

Personalmente, solo muestro cuatro publicaciones en mi página de inicio por si acaso:

• Salvar

Por supuesto, los navegadores pueden mostrar los títulos de las publicaciones de su blog, a veces incluyendo una descripción o las primeras líneas de su contenido, mientras se cargan las imágenes. Pero eso aún disminuye la fluidez general de la experiencia del usuario en su sitio web.

En el lado positivo, la mayoría de las plataformas de sitios web y CMS le permiten reducir la cantidad de publicaciones que se muestran en su página de inicio.

Dado que la configuración que necesita modificar para esto varía de una plataforma a otra, echemos un vistazo a cómo se hace en WordPress.

Desde el panel principal, haga clic en 'Configuración' y vaya a la sección 'Lectura' .

• Salvar

Debería ver inmediatamente la configuración "Las páginas del blog se muestran como máximo ". Siéntase libre de ajustar el valor predeterminado a cualquier número más pequeño y verifique si esto mejora la velocidad de carga de su sitio web.

• Salvar

11. No inunde a los lectores con anuncios

Aunque las vistas previas de publicaciones en su página de inicio pueden afectar negativamente su velocidad de carga, al menos tienen un beneficio positivo para la experiencia de sus lectores.

Los anuncios, sin embargo, a menudo no lo hacen.

Si bien es cierto que los anuncios son definitivamente útiles para monetizar un blog, sus lectores probablemente no lo apreciarán si interrumpe su experiencia con varios anuncios en una sola página. Más importante aún, configurar anuncios en cada rincón de su sitio web provocará una caída en su rendimiento.

• Salvar

Dicho esto, es mejor si permite que su audiencia se concentre en los elementos importantes de su blog y mantenga los anuncios al mínimo.

Yo, por mi parte, no estoy dispuesto a comprometer la experiencia de mis lectores en aras de un ingreso adicional, como puede ver en mi sitio web con absolutamente cero anuncios.

• Salvar

Si yo fuera usted, solo daría prioridad a los enlaces de afiliados como mi principal estrategia de monetización. Estos son enlaces contextuales que apuntan a productos o servicios que pueden ser útiles para los usuarios.

¿Cómo se gana dinero con el marketing de afiliación?

Buena pregunta.

Puede consultar mi guía de marketing de afiliados si está interesado.

12. Limpiar su servidor

En este punto, ya debería haber comprendido la correlación entre la velocidad de carga y la cantidad de desorden en su sitio web.

Es realmente simple: si mantiene su blog minimalista y liviano, los navegadores no tardarán mucho en cargar y presentar todo a los usuarios.

Sea siempre prudente al agregar más elementos a su sitio web, ya sea contenido visual, scripts o anuncios. Al mismo tiempo, asegúrese de que su cuenta de alojamiento todavía tenga suficiente espacio en disco para que su sitio web funcione perfectamente.

Su cuenta de alojamiento debe tener una herramienta incorporada que le permita realizar un seguimiento de su uso general del disco. Para darle una idea, aquí hay una captura de pantalla de la herramienta Uso del espacio en disco de SiteGround:

• Salvar

Si su cuenta de hosting se está quedando sin espacio, estas son algunas de las cosas que puede hacer:

• Mover copias de seguridad a una unidad local
  Los sitios web más antiguos tienden a tener gigabytes de copias de seguridad almacenadas en su servidor de alojamiento. Descargarlos en una unidad local y eliminarlos de su servidor es una excelente manera de liberar espacio.
• Eliminar cuentas inactivas
  Si tiene cuentas inactivas en su plan de alojamiento, elimínelas definitivamente para ahorrarle mucho espacio en el disco. Dado que este es un proceso irreversible, considere la posibilidad de crear una copia de seguridad local de la cuenta antes de eliminarla.
• Eliminar archivos .TMP
  La plataforma de su sitio web o CMS puede generar archivos temporales a partir de tareas como actualizaciones de complementos y seguimiento de datos de sesión. Debería ser seguro eliminarlos, pero tampoco está de más crear una copia de seguridad sin conexión de su carpeta "tmp" por motivos de seguridad.

En caso de duda, comuníquese con el servicio de atención al cliente de su proveedor de servicios de alojamiento para saber cómo ahorrar espacio en disco.

13. Habilitar el almacenamiento en caché de sitios web

Comprimiendo imágenes, minimizando código, minimizando anuncios, limpiando su cuenta de alojamiento: la velocidad de carga de su sitio web debería ser tan rápida como siempre con estas estrategias.

Pero no te relajes todavía. Todavía tenemos algunas estrategias más para discutir que aumentarán aún más la velocidad de carga de su sitio web.

Con el almacenamiento en caché del sitio web, su blog puede cargarse casi instantáneamente para los visitantes que regresan.

El almacenamiento en caché de sitios web funciona al permitir el almacenamiento temporal de datos, incluidos scripts, imágenes, archivos multimedia y otras formas de contenido descargable, lo que reduce la cantidad de solicitudes HTTP que debe realizar un navegador.

Para implementar el almacenamiento en caché del sitio web, el método largo es insertar el siguiente código en la parte superior del archivo .htaccess de su sitio web:

## EXPIRA CACHING ##

<IfModule mod_expires.c>

Caduca Activo en

ExpiresByType image / jpg "acceso 1 año"

ExpiresByType image / jpeg "acceso 1 año"

ExpiresByType image / gif "acceso 1 año"

ExpiresByType image / png "acceso 1 año"

ExpiresByType text / css "acceso 1 mes"

ExpiresByType text / html "acceso 1 mes"

Solicitud ExpiresByType / pdf "acceso 1 mes"

ExpiresByType text / x-javascript "acceso 1 mes"

Aplicación ExpiresByType / x-shockwave-flash "acceso 1 mes"

ExpiresByType image / x-icon "acceso 1 año"

Caduca por defecto "acceso 1 mes"

</IfModule>

## EXPIRA CACHING ##

Si lo desea, puede establecer diferentes límites de tiempo antes de que caduquen ciertos cachés. Por ejemplo, si desea reducir el tiempo de caducidad de las cachés de imágenes PNG a 1 mes, simplemente modifique la línea "ExpiresByType image / png" en:

ExpiresByType image / png "acceso 1 mes "

Nuevamente, los usuarios de WordPress pueden usar herramientas para hacer que esta estrategia de optimización sea muy sencilla. De hecho, ya revisamos el complemento que necesita: W3 Total Cache.

Volviendo al submenú 'Rendimiento' desde su panel de WordPress, diríjase a 'Caché de página' y marque la casilla de verificación 'Página de publicaciones en caché' .

• Salvar

14. Utilice compresión GZIP

Antes de cerrar W3 Total Cache y continuar con las últimas estrategias restantes en esta guía, hay una cosa más que debe hacer.

Desde el submenú 'Rendimiento' , diríjase a 'Caché del navegador' y marque la opción 'Habilitar compresión HTTP (gzip)' .

• Salvar

La compresión GZIP mejora la velocidad de descarga de archivos basados ​​en texto al reducir su tamaño, no muy diferente del proceso de comprimir sus archivos locales en una carpeta comprimida. La razón principal por la que la compresión GZIP se adopta ampliamente para la optimización de la velocidad del sitio web es que es compatible de forma nativa con HTTP desde la versión 1.1 en adelante.

Si no usa WordPress o cualquier otra plataforma que tenga complementos relacionados con GZIP, deberá habilitarlo de la manera tradicional: modificando el archivo .htaccess de su sitio web .

Como ya sabe dónde encontrar su archivo .htaccess, todo lo que queda es el código que activa la compresión GZIP en su sitio web.

Ir - copiar y pegar.

Servidores Apache

<IfModule mod_deflate.c>

# Comprimir HTML, CSS, JavaScript, Texto, XML y fuentes

AddOutputFilterByType DESINFLAR la aplicación / javascript

AddOutputFilterByType DESINFLAR la aplicación / rss + xml

AddOutputFilterByType DESINFLAR la aplicación / vnd.ms-fontobject

AddOutputFilterByType DESINFLAR la aplicación / x-font

AddOutputFilterByType DESINFLAR la aplicación / x-font-opentype

AddOutputFilterByType DESINFLAR la aplicación / x-font-otf

AddOutputFilterByType DESINFLAR la aplicación / x-font-truetype

AddOutputFilterByType DESINFLAR la aplicación / x-font-ttf

AddOutputFilterByType DEFLATE aplicación / x-javascript

AddOutputFilterByType DESINFLAR la aplicación / xhtml + xml

AddOutputFilterByType DESINFLAR la aplicación / xml

AddOutputFilterByType DEFLATE fuente / opentype

AddOutputFilterByType DEFLATE fuente / otf

AddOutputFilterByType DESINFLAR fuente / ttf

AddOutputFilterByType DESINFLAR imagen / svg + xml

AddOutputFilterByType DESINFLAR imagen / icono x

AddOutputFilterByType DEFLATE texto / css

AddOutputFilterByType DESINFLAR texto / html

AddOutputFilterByType DEFLATE texto / javascript

AddOutputFilterByType DESINFLAR texto / sin formato

AddOutputFilterByType DESINFLAR texto / xml

# Elimina los errores del navegador (solo es necesario para navegadores realmente antiguos)

BrowserMatch ^ Mozilla / 4 gzip-solo-texto / html

BrowserMatch ^ Mozilla / 4 \ .0 [678] sin gzip

BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

Encabezado anexar Vary User-Agent

</IfModule>

Servidores NGINX

gzip encendido;

gzip_disable “msie6”;

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

gzip_types application / javascript application / rss + xml application / vnd.ms-fontobject application / x-font application / x-font-opentype application / x-font-otf application / x-font-truetype application / x-font-ttf application / aplicación x-javascript / xhtml + aplicación xml / fuente xml / fuente opentype / fuente otf / imagen ttf / svg + imagen xml / texto x-icon / texto css / texto javascript / texto plano / xml;

Tenga en cuenta que, para los usuarios de NGINX, debe pegar el código en su archivo ".conf" para implementar GZIP.

Prueba de compresión GZIP

Si habilitó la compresión GZIP manualmente, use una herramienta como la Prueba de compresión GZIP de GiftOfSpeed ​​para verificar la implementación exitosa.

Al igual que en PageSpeed ​​Insights, el único paso para usar la prueba de compresión GZIP es ingresar la URL de su sitio web y hacer clic en el botón "Verificar" .

• Salvar

En unos segundos, la herramienta debería verificar si la compresión GZIP está activada o no en su sitio web. También le mostrará su porcentaje de compresión, junto con sus tamaños antes y después de la compresión.

• Salvar

15. Optimice la base de datos de su sitio web

Arreglar los recursos de bloqueo de procesamiento y habilitar la compresión GZIP se encuentran entre las estrategias más avanzadas de esta publicación, pero aún no hemos terminado.

El siguiente paso es optimizar las tablas de su base de datos MySQL para ayudar a su servidor a obtener los datos que sus usuarios necesitan más rápido.

¿Qué son las tablas de bases de datos MySQL?

En términos simples, su base de datos MySQL contiene prácticamente todo lo que puede encontrar en su sitio web, incluidas publicaciones, comentarios, fechas y otros contenidos. Las plataformas de publicación de blogs y CMS como WordPress crean automáticamente tablas en su base de datos a medida que agrega más información a su sitio.

Así es como se ve una base de datos MySQL:

• Salvar

Sin embargo, su base de datos también acumulará todo tipo de basura a lo largo del tiempo, incluidos los pingbacks, los comentarios de spam y las revisiones de publicaciones, que aumentan constantemente de tamaño y afectan el rendimiento de su sitio web.

Para ordenar su base de datos MySQL, una opción es utilizar la herramienta de optimización de tablas integrada en el panel de control de su cuenta de alojamiento.

SiteGround, por ejemplo, tiene el comando 'Optimizar tablas' del menú desplegable 'Con seleccionados:' .

• Salvar

Estas opciones se pueden encontrar en la herramienta "phpMyAdmin", que debería estar en la sección "Bases de datos" de su panel de control.

• Salvar

Como regla general, cree siempre copias de seguridad de sus bases de datos antes de realizar optimizaciones. Descárguelos en una unidad local para ahorrar espacio en disco de su cuenta de alojamiento.

¿Le preocupa que pueda estropear algo en su servidor?

Con un complemento de WordPress como WP-Sweep, puede optimizar las tablas de su base de datos desde la interfaz CMS. Después de instalar y activar el complemento, vaya a 'Herramientas' y haga clic en 'Barrido' para ver las tablas de la base de datos que se encuentran en su sitio.

• Salvar

Desde allí, puede hacer clic en 'Barrido' para eliminar elementos individuales de la base de datos, o desplácese hasta la parte inferior de la página del complemento y haga clic en 'Barrido todo'.

• Salvar

Solo asegúrese de no tener borradores de publicaciones, ya que un barrido completo de las tablas de su base de datos también los eliminará. Mientras lo hace, verifique sus comentarios no aprobados para no eliminar accidentalmente preguntas, comentarios valiosos y otras inquietudes expresadas por sus lectores.

16. Optimizar los comentarios de los usuarios

Hablando de comentarios, los blogs de WordPress también tienen una función útil que puede extraer instantáneamente la foto de perfil del comentarista a través del servicio Gravatar o Avatar reconocido globalmente .

Si bien los gravatars agregan un toque agradable a la sección de comentarios de su blog, tienen un impacto en la velocidad de carga de su sitio web. Esto obliga a algunos blogueros de WordPress a deshabilitar su visualización por completo.

Para hacer lo mismo, vaya a 'Configuración' y luego haga clic en 'Discusión'. Busque la opción 'Mostrar avatares' debajo de la sección "Pantalla de avatar" y anule la selección.

• Salvar

Si desea mantener gravatars pero no le gusta su efecto en la velocidad de carga, puede usar un complemento como BJ Lazy Load para hacer que los avatares se carguen después de los recursos críticos del sitio web, un proceso conocido como carga diferida .

Además de los avatares, también puede habilitar la carga diferida para miniaturas de publicaciones, imágenes, iframes y otros tipos de contenido. Simplemente debe ir a 'Configuración', seleccionar 'BJ Lazy Load' y elegir 'Sí' en las opciones que desea usar.

• Salvar

En lo que respecta a los comentarios de WordPress, otro consejo sobre cómo aumentar la velocidad de carga de la página es utilizar la paginación . Esto divide los comentarios de sus publicaciones en varias páginas, lo que reduce el tiempo que tardan los navegadores en cargarlos y procesarlos.

Para usar la paginación, simplemente regrese a la página de configuración de 'Discusión' y habilite la opción 'Dividir comentarios en páginas con X comentarios de nivel superior por página'.

• Salvar

Intente reducir la cantidad de comentarios visibles por página del valor predeterminado de 50 a cualquier lugar alrededor de 10. Esto debería mejorar significativamente el tiempo de carga de los comentarios y, a su vez, el contenido de su blog.

17. Enfoque la optimización en sus páginas principales

Antes de finalizar esta publicación, aquí hay un último consejo:

Empiece a optimizar el rendimiento de sus páginas más populares .

No tendrá sentido que priorices las publicaciones que apenas reciben tráfico. Por otro lado, hacer de sus páginas principales una prioridad significa que sus esfuerzos beneficiarán a la mayoría de los usuarios.

Google Analytics es otra herramienta gratuita que le ayudará a identificar sus páginas principales. Simplemente expanda el submenú 'Comportamiento' y haga clic en 'Descripción general' .

Sus 10 páginas principales deben estar visibles en la sección "Página".

• Salvar

Fácil, ¿verdad?

También puede usar Google Analytics para realizar una investigación de palabras clave en profundidad, un tema que discutí en mi publicación sobre cómo encontrar sus palabras clave de mejor rendimiento con Google Analytics.

Conclusión

Como bloguero, debes estar preparado para hacer cualquier cosa por el bien de la experiencia del usuario.

La velocidad de carga de su sitio web puede parecer un factor superficial, pero puede hacer o deshacer el éxito de su blog por sí solo, no solo desde una perspectiva de UX, sino también en términos de SEO.

Ahora, sé que no podrá aplicar todas las estrategias anteriores en un solo día. Dicho esto, ¡no olvide marcar esta página y unirse a nuestro grupo público de Facebook para obtener más guías de blogs increíbles!

• Salvar