7 maneras de hacer que su sitio web o blog se cargue más rápido para los visitantes

La velocidad de carga lenta de la página es una de las razones principales por las que su sitio web no recibe los resultados que merece.

Como la atención de la audiencia es muy baja, aquí hay algunos consejos para acelerar su sitio y asegurar que sus visitantes se mantengan.

1. Disminuir el tamaño real de su sitio web

Si su sitio web carga menos de tres segundos, es probable que las personas lo abandonen incluso antes de que se cargue la página de inicio. El uso del formato incorrecto para sus imágenes puede inflar fácilmente su sitio web y arruinar una experiencia de navegación excelente..

¡Más del 70% de las páginas web móviles tienen más de 1 MB, y el 12% tiene más de 4 MB! Ten en cuenta que lleva siete segundos para descargar 1.5MB en una buena conexión 3G. La mejor práctica es mantener cada página por debajo de 0.5MB.

Conozca la diferencia entre JPG, PNG y GIF, y asegúrese de estar usando la resolución que necesita.

Según GlobalStats, estas son las resoluciones de pantalla más utilizadas para 2018:

• 22.55% usa una resolución de 360 x 640 (móvil)
• 11.73% utiliza una resolución de 1366 x 768
• El 8.26% usa una resolución de 1920 x 1080
• El 4,91% usa una resolución de 375 x 667 (móvil)
• El 2,94% usa una resolución de 1440 x 900

Esto es más del 50% de todos los usuarios, así que considere esto cuando agregue fotos a su sitio web.

2. Diseña tu sitio web para móvil

Según la investigación realizada por Google el año pasado sobre la velocidad de la página móvil:

De acuerdo con un nuevo análisis, el tiempo promedio que demora la carga completa de una página de destino móvil es de 22 segundos. Sin embargo, el 53% de los visitantes de sitios móviles dejan una página que demora más de tres segundos en cargarse. Eso es un gran problema.

Más del 75% de los sitios móviles tardan 10 segundos o más en cargarse a través de 3G. Más de la mitad de todo el tráfico es a través de dispositivos móviles, y es probable que esto no disminuya. Así que mantén una pequeña huella en el sitio web para hacer felices a los usuarios de Internet móvil y asegúrate de que se queden!

Si usa un CMS como WordPress, Joomla o Drupal Drupal vs. Wordpress: ¿Cuál es el mejor CMS de código abierto? Drupal vs. Wordpress: ¿Cuál es el mejor CMS de código abierto? ¿Está planeando configurar un sitio web pero no puede elegir el CMS de código abierto correcto? Aquí es cómo elegir entre WordPress y Drupal. Lea más, hay complementos para ayudar a que su sitio web sea más compatible con dispositivos móviles.

Alternativamente, puede usar herramientas como bMobilized o Duda Mobile para convertir su sitio web de escritorio a móvil. Dicho esto, a menudo es mejor diseñar un sitio web separado para garantizar la mejor experiencia para sus usuarios móviles.

También debe considerar ofrecer una versión simplificada de su sitio web utilizando el proyecto de Páginas Móviles Aceleradas (AMP). El uso de páginas AMP mejorará la velocidad de carga de la página en dispositivos móviles. Existen pautas estrictas para JavaScript y CSS, pero los beneficios son medibles.

Cualquiera que sea la ruta que decida seguir, asegúrese de que su sitio web móvil sea una opción liviana. Y trate de mantener la recomendación de 0.5MB por página..

3. Asegúrese de que su sitio web está minificado

Si está escribiendo su propio sitio web desde cero, edítelo regularmente. A medida que se desarrolla su proyecto, es probable que esté aprendiendo formas más eficientes de hacer las cosas, así que asegúrese de volver a revisar su código a medida que mejora.

Minimice y combine su CSS, HTML y JavaScript. Si utiliza un CDN como Cloudflare, por ejemplo, hay una pestaña específica para mejorar la velocidad, donde la primera opción es Auto Minify. Si utilizas un creador de sitios web (como Squarespace o Weebly), es probable que esto se haga por ti de manera predeterminada..

Asegúrese de probar su sitio web después de habilitar cualquier cosa que combine o minimice los recursos de su sitio web. Experimente con las diferentes opciones para ver qué es lo mejor para su sitio web, ya que algunas funciones pueden interrumpir con Minify habilitado.

4. Evite cargar scripts cuando no sea necesario

Tener que cargar varios archivos JavaScript antes de que se necesiten reducirá la velocidad de toda la página innecesariamente. Evite cargar scripts de servidores de terceros si puede.

Solicitar estos ralentizará su velocidad de carga, y puede suponer un riesgo para la seguridad. Manténgalos en el servidor de su sitio web cuando sea posible.

Puedes usar aplazar o asíncrono para retrasar la carga de archivos JavaScript específicos para reducir la tensión en los dispositivos de los visitantes y mejorar la velocidad de carga de sus páginas. Alternativamente, para pequeños scripts, puede en línea el JavaScript directamente en el documento HTML.

Async le dirá al navegador que continúe analizando el HTML al mismo tiempo que se descargan los archivos JavaScript. La pausa se producirá después de que el archivo se haya descargado completamente..

Mientras tanto, aplazar le dirá al navegador que ejecute archivos JavaScript después El navegador ha terminado de analizar todo el documento HTML..

De manera predeterminada, un navegador pausará el análisis de los archivos HTML mientras se busca y ejecuta cualquier archivo JavaScript.

La incorporación de JavaScript en el documento HTML ayudará a reducir la cantidad de archivos que debe descargar un navegador antes de mostrar una página. Puede insertar JavaScript en línea agregando el contenido de cualquier archivo JavaScript externo entre las etiquetas de script.

Puede usar de forma segura diferir y asíncrono en Google Analytics, Facebook Pixel y otras herramientas de análisis e informes de errores sin afectar la funcionalidad de la página..

Por último, considere si los códigos de seguimiento, análisis, funciones adicionales y anuncios que tiene en su sitio web son necesarios. Use opciones más livianas cuando sea posible, y descártelas si no le agregan nada de valor a usted o a sus visitantes.

5. Usa el caché y un CDN

Una red de entrega de contenido (CDN) copiará su sitio en servidores de todo el mundo y reducirá el tiempo de viaje de los datos al conectar a los visitantes a un servidor geográficamente más cercano a ellos. El contenido estático también será almacenado en caché y entregado por los servidores de CDN..

Cloudflare es probablemente el CDN que mejor conoce, pero Akamai y Amazon CloudFront son alternativas bien establecidas.

Asegúrese de aprovechar también el almacenamiento en caché del navegador. Así es como su navegador compromete su privacidad. Es así como su navegador compromete su privacidad. Su navegador web revela mucha información acerca de quién es, a dónde va y qué le gusta. Aquí están los detalles que pierde cada vez que te conectas. Lea más para mejorar la velocidad de carga de su sitio web para los visitantes que repiten. El almacenamiento en caché del navegador funciona al descargar estos archivos desde el servidor al dispositivo del usuario.

En otras visitas o visitas a la página, estos archivos se cargarán localmente desde el dispositivo del usuario en lugar de solicitarlos desde un servidor externo (dependiendo de la fecha de caducidad de los archivos).

6. Deshacerse de los complementos no esenciales

Los complementos solo deben usarse cuando sea necesario. Esto es cierto ya sea que use Wix, Weebly, WordPress o Squarespace Squarespace vs. Wordpress: 7 diferencias que pueden sorprenderlo Squarespace vs. Wordpress: 7 diferencias que pueden sorprenderlo En el mundo del hospedaje web y la construcción de sitios, pocos nombres son más grandes que WordPress y Squarespace. ¿Pero cómo decides cuál usar? Leer más o cualquier otra cosa. Cualquier característica que pueda hacer al agregar CSS simple en lugar de un complemento, debería hacerlo. Use Code Injection en Squarespace, use el personalizador de CSS en WordPress y Custom CSS en Wix.

Los complementos pueden causar una gran carga de CPU o memoria en su servidor, y esto puede ralentizar o incluso detener la carga de su sitio web.

Si usa WordPress, es probable que no esté usando todas sus funciones integradas. Deshabilítalos con un plugin como Clearfy.

Siempre considera los complementos que estás usando. Si está utilizando algunas funciones en complementos como JetPack, considere eliminarlas por completo y reemplácelas con complementos más ligeros que hagan el mismo trabajo.

7. Configuración del servidor para acelerar su sitio web

El retraso del servidor tendrá un gran impacto negativo en la velocidad de carga de su página y en su PageRank.

Google recomienda que el Tiempo hasta el primer byte (TTFB) sea de 1.3 segundos o menos. Este es el retraso más prolongado antes de que un dispositivo comience a descargar una página después de contactar inicialmente con el servidor. Dicho esto, la página promedio tiene un TTFB de más de 2 segundos, muy por encima de su recomendación.

Los hosts compartidos suelen ser la razón de esto, pero hay algunas configuraciones que puede configurar para mejorar el tiempo de respuesta de su servidor.

• Utilice la última versión de PHP con la que su sitio web es compatible. La última versión (PHP 7.2) tiene mejoras de velocidad masivas.
• Encender “Mantener viva”
• Habilitar HTTP / 2
• Aproveche la seguridad de transporte estricta de HTTP (HSTS)
• Configure sus copias de seguridad para completar en la noche

Si su sitio web está hecho en WordPress, asegúrese de usar un host que se especialice en el alojamiento de WordPress, como Bluehost. Esto asegurará que las configuraciones del servidor estén configuradas específicamente para el rendimiento de WordPress.

Terminado de ajustar? Ahora prueba tu sitio

Ahora que sabe cuál es el tiempo de carga, el tamaño y el tiempo ideal para el primer byte (TTFB) al que debe apuntar, ¿cómo sabe cuál es el suyo??

Estas son algunas de nuestras herramientas favoritas en línea para probar su sitio:

• varvy.com: estas herramientas pondrán a prueba la velocidad y el rendimiento de su computadora de escritorio y de su dispositivo móvil, y le brindarán valiosas guías sobre cómo mejorar su sitio web
• Google PageSpeed ​​Insight: recientemente actualizada, la herramienta Google PageSpeed ​​pondrá a prueba tu velocidad y te dará sugerencias de mejora.
• GTmetrix: una gran herramienta con consejos prácticos.
• WebPageTest: pruebe su sitio web en diferentes dispositivos, sistemas operativos y ubicaciones
• Pingdom: una herramienta muy popular, similar a WebPageTest con una interfaz más agradable

Puede probar su sitio móvil con los enlaces anteriores y también con la prueba móvil ThinkWithGoogle (con tecnología de WebPageTest). Los resultados le darán consejos específicos sobre lo que puede mejorar, con una reducción del tiempo de carga estimado si sigue los consejos..

Las mejores prácticas recomendadas están cambiando constantemente, así que revise la velocidad de su página con regularidad a medida que realiza mejoras.

Para obtener información aún más valiosa sobre el rendimiento de su sitio web, recuerde verificar su dominio en Google y Bing. Los 5 beneficios principales de verificar su dominio en Google y Bing Los 5 beneficios principales de verificar su dominio en Google y Bing Si tiene su propio sitio web, esta es la razón por la que debe verificar su dominio en Google y Bing con sus herramientas para webmasters. Lee mas

Explorar más sobre: ​​Desarrollo web.