Cómo reducir el tiempo de carga del sitio web

Hola, también enfrenté el mismo problema con mi sitio web hace unos meses.

Así que investigué sobre el tema y descubrí diferentes formas que puede implementar en su sitio web para reducir el tiempo de carga de la página y hacer que funcione de manera eficiente. Cualquier motor de búsqueda quiere proporcionar a los usuarios una excelente experiencia de usuario , al igual que Google, y un sitio rápido mejora la calidad general del sitio y aumenta la satisfacción del usuario .

Aquí hay algunos consejos y trucos que puede usar para minimizar el tiempo de carga de la página.

1. Elimine JavaScript y CSS que bloquean el procesamiento en el contenido de la mitad superior de la página.
2. Aproveche el almacenamiento en caché del navegador. (Establecer una fecha de caducidad o una antigüedad máxima en los encabezados HTTP para los recursos estáticos indica al navegador que cargue los recursos descargados previamente desde el disco local en lugar de hacerlo a través de la red).
3. Reduzca la cantidad de complementos que usa en su sitio.
4. Reduzca la cantidad de archivos de audio y video en su sitio web, ya que innecesariamente estresa a su servidor y al usuario si se está ejecutando en una conexión de red baja.
5. Habilite la compresión (como Comprimir recursos con gzip o desinflar puede reducir la cantidad de bytes enviados a través de la red).
6. Minificar HTML / CSS / JAVASCRIPT.

Aquí hay algunos enlaces externos que pueden ayudarlo a reducir el tiempo de carga de su sitio. Solo le proporciono estos enlaces, ya que posiblemente no puedo mencionar todas las formas y eso también … de manera perfecta. Probablemente deberías echar un vistazo a esos …

• 15 consejos para acelerar tu sitio web
• 10 maneras de acelerar su sitio web y mejorar la conversión en un 7%
• 9 consejos para reducir el tiempo de carga de la página y acelerar su sitio web
• Cómo mejorar la velocidad de carga de tu página en un 70,39% en 45 minutos
• Recursos Minify (HTML, CSS y JavaScript) | PageSpeed ​​Insights
  El | Desarrolladores de Google

Saludos compañero 🙂

10 cosas que puedes hacer para acelerar tu sitio

1. Minimice las solicitudes HTTP

Según Yahoo, el 80% del tiempo de carga de una página web se gasta descargando las diferentes partes de la página: imágenes, hojas de estilo, scripts, Flash, etc. Se realiza una solicitud HTTP para cada uno de estos elementos, por lo que Cuantos más componentes en la página, más tiempo tarda la página en renderizarse.

Siendo ese el caso, la forma más rápida de mejorar la velocidad del sitio es simplificar su diseño.

• Agilice la cantidad de elementos en su página.
• Use CSS en lugar de imágenes siempre que sea posible.
• Combina múltiples hojas de estilo en una.
• Reduzca los guiones y colóquelos al final de la página.

Siempre recuerde, cuando se trata de su sitio web, más ágil es mejor.

Consejo profesional: comience una campaña para reducir la cantidad de componentes en cada página. Al hacer esto, reduce la cantidad de solicitudes HTTP necesarias para que la página se procese, y mejorará significativamente el rendimiento del sitio.

2. Reduce el tiempo de respuesta del servidor

Su objetivo es un tiempo de respuesta del servidor de menos de 200 ms (milisegundos). Y si sigue los consejos de este artículo, está en camino de lograrlo.

Google recomienda utilizar una solución de monitoreo de aplicaciones web y verificar cuellos de botella en el rendimiento.

Consejo profesional: lea este informe de Singlehop, Critical Ecommerce Infrastructure Needs Needs, para conocer nueve cosas en las que debe concentrarse para que su sitio funcione bien.

Luego, aproveche estos recursos:

• Yslow: para evaluar la velocidad de su sitio y obtener consejos sobre cómo mejorar el rendimiento.
• Herramientas PageSpeed ​​de Google: para obtener más información sobre las mejores prácticas de rendimiento y automatizar el proceso.

3. Habilitar la compresión

Las páginas grandes (que es lo que podría tener si está creando contenido de alta calidad) a menudo son de 100 kb y más. Como resultado, son voluminosos y lentos para descargar. La mejor manera de acelerar su tiempo de carga es comprimirlos, una técnica llamada compresión .

La compresión reduce el ancho de banda de sus páginas, lo que reduce la respuesta HTTP. Lo haces con una herramienta llamada Gzip.

La mayoría de los servidores web pueden comprimir archivos en formato Gzip antes de enviarlos para su descarga, ya sea llamando a un módulo de terceros o utilizando rutinas integradas. Según Yahoo, esto puede reducir el tiempo de descarga en aproximadamente un 70%.

Y dado que el 90% del tráfico actual de Internet viaja a través de navegadores que admiten Gzip, es una excelente opción para acelerar su sitio.

Consejo profesional: lea este artículo para obtener más detalles sobre la compresión Gzip. Luego configure su servidor para habilitar la compresión:

• Apache: use mod_deflate
• Nginx: use HttpGzipModule
• IIS: configurar la compresión HTTP

4. Habilitar el almacenamiento en caché del navegador

Cuando visita un sitio web, los elementos de la página que visita se almacenan en su disco duro en un caché o almacenamiento temporal, por lo que la próxima vez que visite el sitio, su navegador puede cargar la página sin tener que enviar otra solicitud HTTP a el servidor.

Así es como Tenni Theurer, anteriormente de Yahoo, lo explica …

La primera vez que alguien visita su sitio web, debe descargar el documento HTML, las hojas de estilo, los archivos javascript y las imágenes antes de poder usar su página. Eso puede ser de hasta 30 componentes y 2.4 segundos.

Una vez que la página ha sido cargada y los diferentes componentes almacenados en la memoria caché del usuario, solo es necesario descargar algunos componentes para visitas posteriores.

En la prueba de Theurer, eso fue solo tres componentes y .9 segundos, lo que redujo casi 2 segundos el tiempo de carga.

Theurer dice que entre el 40 y el 60% de los visitantes diarios de su sitio ingresan con un caché vacío, por lo que es fundamental que haga que su página sea más rápida para estos visitantes nuevos. Pero también debe habilitar el almacenamiento en caché para ahorrar tiempo en las visitas posteriores.

Consejo profesional: lea este artículo para conocer cuatro métodos para habilitar el almacenamiento en caché.

Los recursos estáticos deben tener una vida útil de caché de al menos una semana. Para recursos de terceros como anuncios o widgets, deben tener una vida útil de caché de al menos un día.

Para todos los recursos almacenables en caché (archivos JS y CSS, archivos de imagen, archivos multimedia, PDF, etc.), establezca Caduca en un mínimo de una semana, y preferiblemente hasta un año en el futuro. No lo establezca en más de un año en el futuro porque eso viola las pautas de RFC.

5. Recursos Minify

Los recursos WYSIWYG facilitan la creación de una página web, pero a veces crean código desordenado, y eso puede ralentizar considerablemente su sitio web.

Dado que cada parte innecesaria de código se agrega al tamaño de su página, es importante que elimine espacios adicionales, saltos de línea y sangría en su código para que sus páginas sean lo más esbeltas posible.

También ayuda a minimizar su código. Aquí está la recomendación de Google:

• Para minimizar HTML, puede usar la extensión de Chrome PageSpeed ​​Insights para generar una versión optimizada de su código HTML. Ejecute el análisis en su página HTML y busque la regla ‘Minify HTML’. Haga clic en ‘Ver contenido optimizado’ para obtener el código HTML optimizado.
• Para minimizar CSS, puedes probar YUI Compressor y cssmin.js.
• Para minimizar JavaScript, pruebe el Compilador de cierre, JSMin o el Compresor YUI. Puede crear un proceso de compilación que use estas herramientas para minimizar y renombrar los archivos de desarrollo y guardarlos en un directorio de producción.

6. Optimizar imágenes

Con las imágenes, debe centrarse en tres cosas: tamaño, formato y el atributo src.

Tamaño de la imagen

Las imágenes de gran tamaño tardan más en cargarse, por lo que es importante que mantenga sus imágenes lo más pequeñas posible. Use herramientas de edición de imágenes para:

• Recorta tus imágenes al tamaño correcto. Por ejemplo, si su página tiene 570 píxeles de ancho, cambie el tamaño de la imagen a ese ancho. No solo cargue una imagen de 2000px de ancho y configure el parámetro de ancho (ancho = ”570”). Esto ralentiza el tiempo de carga de la página y crea una mala experiencia de usuario.
• Reduzca la profundidad de color al nivel más bajo aceptable.
• Eliminar comentarios de imagen.

Formato de imagen

• JPEG es tu mejor opción.
• PNG también es bueno, aunque los navegadores más antiguos pueden no ser totalmente compatibles.
• Los GIF solo deben usarse para gráficos pequeños o simples (menos de 10 × 10 píxeles, o una paleta de colores de 3 o menos colores) y para imágenes animadas.
• No use BMP o TIFF.

Atributo Src

Una vez que tenga el tamaño y el formato correctos, asegúrese de que el código también sea correcto. En particular, evite los códigos src de imagen vacía.

En HTML, el código de una imagen incluye esto:

Cuando no hay una fuente entre comillas, el navegador realiza una solicitud al directorio de la página o a la página en sí. Esto puede agregar tráfico innecesario a sus servidores e incluso dañar los datos del usuario.

Consejo profesional: Tómese el tiempo para cambiar el tamaño de sus imágenes antes de cargarlas. Y siempre incluya el atributo src con una URL válida.

Para garantizar que sus imágenes se carguen rápidamente, considere agregar el complemento WP Smush.it a su sitio web.

7. Optimizar la entrega de CSS

CSS tiene los requisitos de estilo para su página. En general, su sitio web accede a esta información de una de dos maneras: en un archivo externo , que se carga antes de que se renderice su página, y en línea , que se inserta en el documento HTML.

El CSS externo se carga en la cabeza de su HTML con un código que se parece a esto:

El CSS en línea está anidado en el HTML de su página y tiene este aspecto:

En general, es preferible una hoja de estilo externa, ya que reduce el tamaño de su código y crea menos duplicaciones de código.

Consejo profesional: cuando configure sus estilos, use solo una hoja de estilo CSS externa, ya que las hojas de estilo adicionales aumentan las solicitudes HTTP. Aquí hay dos recursos que pueden ayudar:

• Herramienta de entrega de CSS: le indica cuántas hojas de estilo externas está utilizando su sitio web.
• Instrucciones para combinar archivos CSS externos.

Evite incluir CSS en el código HTML, como divs o sus encabezados (como el CSS en línea que se muestra arriba). Obtiene una codificación más limpia si coloca todos los CSS en su hoja de estilo externa.

8. Priorice el contenido de la mitad superior de la página

Habiendo recomendado que use solo una hoja de estilo CSS y no CSS en línea, hay una advertencia que debe tener en cuenta. Puede mejorar la experiencia del usuario haciendo que la carga de la mitad superior de la página (parte superior de la página) se cargue más rápido, incluso si el resto de la página tarda unos segundos en cargarse.

Consejo profesional: Considere dividir su CSS en dos partes: una parte corta en línea que da estilo a los elementos de la mitad superior de la página y una parte externa que puede diferirse.

9. Reduzca la cantidad de complementos que usa en su sitio

Demasiados complementos ralentizan su sitio, crean problemas de seguridad y, a menudo, provocan bloqueos y otras dificultades técnicas.

Consejo profesional: desactive y elimine los complementos innecesarios. Luego, elimine los complementos que disminuyan la velocidad de su sitio.

Intente deshabilitar selectivamente los complementos y luego mida el rendimiento del servidor. De esta manera, puede identificar cualquier complemento que dañe la velocidad de su sitio.

10. Reduce las redirecciones

Los redireccionamientos crean solicitudes HTTP adicionales y aumentan el tiempo de carga. Por lo tanto, desea mantenerlos al mínimo.

Si ha creado un sitio web receptivo, lo más probable es que tenga redireccionamientos para llevar a los usuarios móviles de su sitio web principal a la versión receptiva.

Consejo profesional: Google recomienda estas dos acciones para asegurarse de que una redirección receptiva no ralentice su sitio:

• Utilice un redireccionamiento HTTP para enviar a los usuarios con agentes de usuarios móviles directamente a la URL equivalente móvil sin redireccionamientos intermedios, y
• Incluya el marcado en las páginas de su escritorio para identificar la URL equivalente móvil para que Googlebot pueda descubrir sus páginas móviles.

¿Suena demasiado técnico? No te preocupes Esta publicación de VerveSearch lo ayuda a navegar su cambio a un sitio web optimizado para dispositivos móviles sin comprometer la velocidad.

La línea de fondo

Algunos de estos consejos son fáciles de implementar, pero algunos son tácticas avanzadas que pueden ser intimidantes si no estás técnicamente inclinado.

Si ese es el caso, es posible que desee obtener ayuda. Aquí hay algunos recursos que puedo recomendar:

• Si te gusta profundizar y hacerlo tú mismo, Google Developers tiene información útil que puede ayudarte a mejorar el rendimiento del sitio.
• Para una solución hecha para usted, considere un servidor totalmente administrado como SingleHop.

Salud

Vishal Raj ha dado una respuesta absolutamente detallada y pertinente a esto. Agregando un punto clave a su respuesta: Protección de Bot. Lea más para comprender cómo la protección del bot mejora significativamente la velocidad de carga de la página.

En 2016, observamos que entre el 60 y el 90% del tráfico de cada sitio web proviene de bots, no de humanos. La mayoría de este tráfico de bots es no deseado y fraudulento. Pone una carga excesiva en el servidor que ralentiza el sitio web para humanos genuinos. Cuando se despliega la plataforma de protección de bot en tiempo real correcta, este tráfico no deseado se bloquea y se liberan los recursos del servidor. Esta reducción en la carga de la CPU mejora el procesamiento de golpes genuinos a una velocidad más rápida y el tiempo de respuesta del lado del servidor disminuye significativamente. Por lo tanto, se observa una mejora significativa en la carga de la página.

Por otro lado, si no se implementa una plataforma de protección de bots, el número de bots sigue creciendo en una plataforma. El tráfico de bot crece más del 80% al 90% del tráfico total. Este tráfico consume las máquinas del servidor y la única forma de servir a los usuarios genuinos es agregar más máquinas. Entonces, el enfoque correcto es bloquear los bots defectuosos y el tráfico no deseado, y mantener las métricas de su sitio web enfocadas en usuarios genuinos.

[Divulgación completa: soy el fundador de InfiSecure, una sólida plataforma de protección de bot en tiempo real. La respuesta anterior se basa en datos de datos de sitios web existentes que InfiSecure protege.]

Solían decir que la velocidad mata. Pero, en el panorama actual del marketing digital, la falta de velocidad es lo que mata.

OK, entonces una velocidad de carga de página rápida ahora es esencial. Usted lo consigue. Entonces, ¿cómo puedes optimizar el tuyo? Aquí hay algunas formas, usando los sitios de WordPress como ejemplo:

Consejos y trucos para mejorar la velocidad de su sitio en WordPress

• El host con más: utilice un proveedor de alojamiento web de alta calidad que entregará su contenido de manera confiable y rápida.
• Con las publicaciones de la página principal, no la mayoría: mantenga las publicaciones en su página de inicio al mínimo y use extractos, no publicaciones completas o artículos.
• Qué es un widget: no lo sé, solo bromeo, sí, pero manténgalos al mínimo. Complementos también. Use solo lo que realmente necesita.
• Deshabilite hotlinking y sanguijuelas: porque a nadie le gusta un ladrón de contenido.
• Image-ine That: Use optimizadores de imagen automáticos para reducir esas imágenes. Si las grandes velocidades de carga de página son como la Roadrunner, entonces la razón son las imágenes gigantes no optimizadas de gran tamaño.
• Tema del día: asegúrese de utilizar un tema de WordPress que no tarde mucho en cargar los gráficos.
• Cache the Fever: use un buen complemento de caché para aumentar drásticamente sus velocidades de carga de página. Sí, este es uno de esos buenos complementos esenciales que DEBERÍAS utilizar.
• Entrega especial: use una CDN (Content Delivery Network) para utilizar servidores de contenido más cercanos a sus usuarios finales, lo que acelera significativamente las ruedas en la velocidad de la página.

Además, echa un vistazo a:

Ocho tendencias de desarrollo web en 2018-

http://www.developeronrent.com/ funciona en el modelo de pago por uso. Según sus requisitos, como el costo, la duración y el tipo de desarrollador basado en el lenguaje de programación, puede adaptarlo a sus necesidades.

¡Salud!

Simple, abra su sitio web en Chrome o Firefox y luego abra las herramientas de desarrollador. Se puede acceder mediante ctrl+shift+I

Seleccione la pestaña de rendimiento y actualice su página web. Se mostrará el tiempo necesario para cargar, crear secuencias de comandos, renderizar, pintar y muchos otros procesos que ocurren cuando carga su página web. Debe optimizar su sitio web de acuerdo con él, por ejemplo, si las secuencias de comandos requieren mucho tiempo, entonces debe optimizar sus secuencias de comandos Java y otras secuencias de comandos que se cargan en el cliente.

De lo contrario, proporcione la URL de su página web en sitios de prueba como testmysite withgoogle y otros servicios profesionales. Te darían un informe detallado.

Otros pasos habituales en la optimización de sitios web son:

• No proporcione muchos scripts del lado del cliente. Según el rendimiento del sistema, la secuencia de comandos llevará tiempo.
• Las imágenes deben optimizarse para la visualización web. No necesita proporcionar imágenes HQ con tamaños en MB. Los logotipos deben estar en pocos KB y otras imágenes deben estar en 10–150 KB.
• El diseño del sitio web debe basarse en los usuarios finales. Para un nuevo sitio web que ofrece servicios en línea solo necesita atraer clientes en todos los aspectos. Pueden optar por diseños altos con un rendimiento considerado. Para el sitio web que ya tenía una base de clientes y está operando su sitio web para los nuevos servicios, deben concentrarse mucho en el rendimiento y menos diseño.
• No cargue su sitio web con una mayor cantidad de enlaces externos. Eso puede llevar tiempo, ya que también depende de la velocidad del servidor de alojamiento de enlaces externos.
• Para Font como cosas, mejor descargue el archivo de fuente y proporciónelo en su propio código fuente. Todas las fuentes externas no son proveedores de alta velocidad.
• Viewport puede ser un problema en el rendimiento, no mucho en la carga del sitio web.

Estos son todos los puntos que me han venido a la mente ahora. Haría todos los pasos anteriores en mi sitio web para que se cargue más rápido.

Mejorará la respuesta, si alguna idea se me ocurre.

Minifica todos los scripts y css

Use sprite en lugar de usar imágenes separadas

Reducir no. de solicitud

Cómo mejorar la velocidad de carga de la página

No importa cuánto ajuste su código o racionalice el diseño para la velocidad de carga, si su servidor es lento, su página será lenta. Si puede permitírselo, compre alojamiento de alta calidad que no dependa del espacio compartido del servidor. Si bien este gasto puede ser un poco más que el anfitrión del presupuesto, obtendrá más velocidad por su dinero. Esta mejora de la velocidad de carga inicial es una base sólida para otras mejoras de velocidad en su sitio.

Agilice su código de análisis e incrustaciones

Existen innumerables complementos de WordPress e incorporaciones de código que realizan análisis en su página y rastrean la actividad del usuario. Si bien estos programas pueden brindar a los propietarios de sitios web información útil, también pueden ser engorrosos de ejecutar. Querrá mantener su código de seguimiento incrustado simple y al mínimo.

Puede ser tentador usar tantos programas analíticos como sea posible para obtener grandes cantidades de datos de usuario, pero solo use lo que necesite. Eche un buen vistazo a cualquier programa que pueda ser excesivo o realice un seguimiento de una métrica que cubre algún otro fragmento de código. Deshágase de cualquier código analítico innecesario para acelerar su página.

Asegúrese de que todo el contenido sobre su página se cargue más rápido. Coloque cualquier código de análisis que decida mantener en la parte inferior de la página. Cuando los visitantes acceden a su sitio, aún podrán ver la página incluso si el código todavía se está cargando.

Tenga cuidado con cualquier video incrustado incluido en su página. Si bien el video agrega valor en forma de contenido y participación, también puede reducir la velocidad. Los videos incrustados típicos en la página utilizan iFrames. Este formato funciona esencialmente cargando otra página cuando intentas ver el video, así que úsalo con moderación.

Aproveche la distribución de contenido

Una red de entrega de contenido, o CDN, es un sistema de servidores que trabaja para distribuir la carga de ancho de banda de entregar su contenido de manera uniforme. Las CDN almacenan su contenido en varios puntos de datos en diferentes regiones de la red, lo que resulta en un acceso más rápido a su sitio.

Limpia tu base de datos

Es probable que su sitio utilice una base de datos para almacenar información. Esto es especialmente cierto si opera una tienda de comercio electrónico o blog o tiene una función de búsqueda en la página. Estas grandes bases de datos pueden volverse engorrosas y aumentar drásticamente el tiempo de carga de su sitio.

La indexación hace que su base de datos funcione de manera mucho más eficiente. Sin un índice, su base de datos debe buscar entre miles de puntos de datos y registros diferentes. La indexación acelera este proceso al permitir que la base de datos encuentre rápidamente la información almacenada.

Utilizar la compresión

El tamaño de su sitio puede estar disminuyendo su velocidad, especialmente si se está enfocando en entregar contenido valioso de manera consistente. Comprimir los archivos de su página a través de la compresión puede evitar que una página voluminosa aumente los tiempos de carga.

Puede hacer una búsqueda rápida en Google y encontrar múltiples herramientas de compresión en línea. Estas herramientas funcionan para reducir el ancho de banda de su sitio, lo que acelera la respuesta HTTP de su página. El uso de la compresión puede reducir el tiempo de descarga de su página en un 70%.

Optimizar su página para los resultados de búsqueda es un trabajo duro. Sería una pena dejar que se desperdicie todo el tiempo dedicado a alinear su sitio para SEO. Siempre piense en cómo mejorar la velocidad de carga de su página.

Fuente: Aumente la velocidad de carga de su página para mejorar las clasificaciones de Google

Un sitio web lento podría ser el resultado de muchos problemas. Un nuevo servidor web podría resolver el problema, o el uso de un CDN podría ser la solución.

Necesitamos mirar los muchos escenarios posibles …

Tal vez su sitio web es gráfico pesado? En este caso, un CDN ayudaría, pero lo más importante es que debe optimizar las imágenes para reducir el tamaño del archivo.

Su servidor web puede estar sobrecargado, lo que hace que el servidor sea lento. Para solucionar esto, podría buscar una nueva empresa de alojamiento web, o tal vez su host existente podría trasladarlo a un nuevo servidor web.

Su sitio web podría estar mal programado. Esto puede suceder incluso con software popular como WordPress o Drupal, si agrega demasiados complementos.

Finalmente, es posible que sea tu conexión a casa. A veces, es posible que tenga una ruta deficiente hacia su empresa de alojamiento, lo que hace que el sitio se cargue lentamente solo para una parte selecta de la población.

Una buena manera de averiguar la causa sería utilizar el sitio Gtmetrix.com.

Creo que tendrá dos formas de resolver este problema:
1. Puede contratar a un desarrollador para acelerar el rendimiento de su sitio web. Tendrá que el desarrollador verifique todo su sitio para descubrir las causas que ralentizan su sitio y luego optimizarlo y solucionarlo.
2. La segunda solución, cuando usa la plataforma Magento, puede verificar y usar estas extensiones
– Extensión de caché de página completa de Magento: esta extensión lo ayudará a ahorrar tiempo de carga de la base de datos en su servidor, su sitio de Magento mejorará la experiencia de los clientes, hará que sus clientes se sientan felices e innegables de que las conversiones de ventas y los ingresos de su tienda están en camino de aumentar arriba. Además, Magento Full Page Cache aumentará la velocidad del sitio, ya que todo lo que el servidor debe hacer es buscar y renderizar la página desde el caché. También disminuye la cantidad de servidores web necesarios, reduce la carga de su servidor. Como resultado, su rendimiento, optimización y velocidad de página de Magento mejorarán en gran medida debido a esta extensión.
– Magento difiere el análisis de la extensión de JavaScript: con esta extensión, sus archivos de JavaScript se colocarán automáticamente al final de la página después de cargar todo HTML y CSS, por lo tanto, los clientes sentirán su velocidad de carga más rápido de lo normal y se mejorará el rendimiento de su sitio. El aplazamiento de JavaScript figura como una de las mejoras de rendimiento de mayor impacto que puede hacer entre muchos otros consejos de optimización de sitios web.
Espero que mi respuesta le dé sugerencias para su problema.

¡Hola!

Encontré un artículo llamado: Formas de reducir el tiempo de carga de la página . ¡Debería responder tu pregunta!

Aquí hay una descripción general del artículo:

1. Javascripts

Para optimizar el tiempo de carga de su página, evite analizar javascripts innecesarios .

La mejor manera de hacerlo es poner todos sus javascripts hacia el final de su página, antes del cierre de la etiqueta del cuerpo. De esta manera, permitirá que su sitio se cargue antes que sus scripts.

Otra forma de hacerlo es mediante la eliminación de códigos innecesarios . Existen algunos recursos que pueden ayudarlo a hacerlo, incluidos Closure Complier, JSMin y YUI Compressor, entre otros.

2. Imágenes y videos

La mejor manera de garantizar un tiempo de carga más rápido es escalar sus imágenes en consecuencia . Si tiene más de una imagen y se pueden combinar, combínelas.

En cuanto a los videos, evite subirlos desde su computadora host a su página web . En su lugar, use un navegador de alojamiento de video existente, como Youtube o Vimeo. De esta manera, todo lo que necesita hacer es copiar algunos enlaces y scripts para publicarlo en su página web.

El artículo también habla sobre la caché del navegador , la red de entrega de contenido (CDN), los complementos y otros recursos.

Para toda esta información, le recomiendo que lea el artículo completo, por Thunderquote.

¡Espero que esto sea de ayuda!

Suponiendo que se refiere al tiempo de carga de una página web, a continuación se incluyen algunas comprobaciones para acelerar el tiempo de carga de su página

1. Nivel del servidor web

1. Habilite la compresión de archivos estáticos (javscripts, css, imágenes, fuentes, etc.) en su servidor web.
2. Habilite el encabezado caduca en su servidor web y configúrelo en un tiempo prolongado para que el navegador pueda almacenar en caché los datos.
3. Si solo sirve contenido estático, habilite el almacenamiento en caché.
4. Deshabilite todos los complementos / extensiones que no son necesarios.
5. Ajuste la configuración en función del tráfico.
6. Si tiene mucho tráfico, puede usar el equilibrio de carga para distribuir la carga entre varios servidores.

1. Servir su contenido estático desde un dominio diferente. En general, los navegadores pueden realizar 2 solicitudes paralelas a dos dominios diferentes.
2. Si es posible, use un servicio CDN para acelerar la entrega de contenidos

1. Utilice el almacenamiento en caché en varios niveles para permitir una carga de datos más rápida. Viz memcache, redis etc.
2. Use el generador de perfiles en su aplicación para medir diversas estadísticas de rendimiento.
3. Combine múltiples javascripts en un archivo y hojas de estilo en un archivo. Las solicitudes HTTP menores significan una carga de página más rápida. Si no es posible, utilice la carga diferida de recursos. Use compiladores simples para eliminar los espacios en blanco de los archivos javascript y css (toman mucho tamaño).
4. Siempre Siempre Siempre, optimiza tus imágenes. Sprite las pequeñas imágenes / iconos.
5. Nunca cargue una imagen más grande y confíe en el navegador para reducir su tamaño. Tener imágenes de tamaño acorde.
6. Coloque CSS en la etiqueta , de esta manera el navegador conocerá las reglas de representación
7. Coloque Javascripts justo antes de la etiqueta . Están bloqueando solicitudes.
8. Intente implementar la carga diferida de imágenes que no aparecen inmediatamente en la ventana gráfica.

1. Comprenda qué tipo de consultas se ejecutarán.
2. Normalice e indexe sus tablas correctamente. Si no se hace correctamente, esto puede doler mucho.
3. Ajuste la configuración según las necesidades.
4. Habilitar el almacenamiento en caché de los resultados de la consulta
5. Deshabilitar el registro de consultas en producción.
6. Compare todas sus consultas para medir el rendimiento.
7. Si tiene replicación maestro-esclavo, vea si puede realizar operaciones de lectura desde esclavo y usar maestro solo para escribir. En la replicación, existe una posibilidad de retraso, por lo tanto, el uso de caché a nivel de aplicación puede ayudar.

Una de las formas más simples de mejorar su tiempo de carga es mirar el tamaño de su imagen y la cantidad de solicitudes HTTP que requieren sus páginas.

• Para verificar su recuento de solicitudes HTTP, presione F12 en su navegador (Google Chrome) y diríjase a la pestaña de red. Desde aquí, vuelva a cargar su página y debería obtener un recuento al final de la página. Cuanto más bajo sea el conteo, mejor como regla general. Su recuento de solicitudes HTTP representa el número de veces que su página tiene que comunicarse con su servidor, por lo tanto, cuanto menos mejor.
• Para reducir el tamaño de archivo de sus imágenes, herramientas como TinyPNG son increíbles. Se sorprenderá de cómo puede mantener imágenes de alta calidad con tamaños de archivo significativamente más bajos.

Aparte de la sugerencia en otras respuestas. También puede usar la técnica de carga progresiva de imágenes si tiene muchas imágenes en su página.

Si tenemos muchas imágenes en nuestra página o algunas imágenes de alta calidad. Entonces DOM no se carga hasta que se cargan todas las imágenes. Esto a veces hace que la carga de la página sea increíblemente más lenta . La idea es cargar primero una imagen borrosa de muy baja resolución.

Ahora, cuando se carga todo el documento, podemos cargar perezosamente la imagen de alta resolución y reemplazarla. Medio: leer, escribir y compartir historias importantes utiliza la misma técnica para esto. He intentado crear lo mismo usando Javascript y CSS . Puede encontrar el enlace de mi blog a continuación.

Optimización de carga de página mediante carga progresiva de imágenes (como Medio)

Si su sitio web es Magento, le sugiero que use el caché de página completa para mejorar el tiempo de carga de su página en menos de 0,3 segundos. Puede ver la lista de características a continuación:

• Mejor caché de página completa para magento.
• Caché totalmente personalizada por acciones, ayudantes
• Proporcionar gestión de almacenamiento en caché de bloques
• Capacidad de almacenamiento en caché de bloque personalizado
• Bloques de aprendizaje de inteligencia automáticamente.
• Configuración de .htaccess: Etags, compresión, encabezados de caducidad
• Obtenga caché de página completa (una versión diferente de la EE), incluso en la versión CE
• CDN totalmente compatible
• Configuración de caché de catálogo limpio en cada pedido.

¡Vale cada centavo!

Recomiendo los siguientes pasos para mejorar el tiempo de carga de su sitio web:

1) Evaluar la situación actual y el rendimiento
Trabajando en el desarrollo web, probablemente tengas una excelente conexión a Internet. Nunca olvides que tus usuarios no tienen eso.
Hay excelentes herramientas disponibles para verificar la velocidad de su sitio web y evaluar su estado actual (como Pingdom Tools o PageSpeed ​​Insights)

2) Optimiza tus imágenes
Las imágenes en su sitio web aumentan el tamaño de la página. El motivo es bastante simple: las imágenes más grandes tardan mucho más en cargarse.

selección de formato de imagen:
Cuando la calidad de la imagen es su principal preocupación, los JPEG son su solución.

compresión de imagen:
La compresión de imagen nunca debería afectar la calidad de una imagen. Tienes que lograr un equilibrio entre la calidad de una imagen y el tamaño. Usando el formato JPEG, una compresión de hasta el 70 por ciento generalmente produce resultados bastante buenos.

3) optimiza tu CSS
El uso de CSS aún aumenta el tiempo de carga y algunos pequeños cambios en su hábito de codificación pueden ser de gran ayuda.

4) La minificación es importante
Un aspecto importante de la optimización de la velocidad del sitio web es la disminución del número de solicitudes cliente-servidor para mostrar el contenido del sitio web.

Herramientas para optimizar el tiempo de carga de su sitio web

Existen excelentes herramientas gratuitas para evaluar y optimizar la velocidad de su sitio web. Además de las herramientas Pingdom y The PageSpeed ​​Insight de Google, puede encontrar otras herramientas increíbles en mi publicación sobre “Cómo mejorar los tiempos de carga de su sitio web”.

Es muy importante tener en cuenta el tiempo de carga de su página y esta es la razón:

• Un retraso de 100 milisegundos en el tiempo de carga del sitio web puede afectar las tasas de conversión en un 7 por ciento
• Un retraso de 2 segundos en el tiempo de carga de la página web aumenta las tasas de rebote en un 103 por ciento
• El 53 por ciento de los visitantes del sitio móvil abandonarán una página que demore más de 3 segundos en cargarse

el informe completo se puede encontrar aquí: Informe Akamai de cómo el tiempo de carga afecta el rendimiento de su página web.

Ahora llega a la parte de la respuesta qué puede hacer para reducir el tiempo de carga.

• Minimiza las solicitudes HTTP

• Usa CSS en lugar de imágenes
• Usa Sprite en lugar de muchas imágenes individuales

• Verifique los tamaños con JPEG o PNG, pero compare el tamaño y luego use
• Recorta las imágenes adecuadamente. Por ejemplo, si la imagen utilizada en la página es de 500 × 200 px, recorte la imagen al tamaño exacto. no suba la imagen de 1000 px y configure el ancho en 500px. Su navegador tuvo que hacer el trabajo duro aquí y, por lo tanto, afectar la velocidad.
• Actualizar texto alternativo y atributo Src

Y gastar fuera de curso en un buen alojamiento web como se menciona a continuación por Suraj Nair.

Gracias ! Feliz codificación

Manish

Creo que no es ningún secreto que la velocidad de carga de la página afecta el tráfico y los visitantes. Para aquellos que no saben, la velocidad de descarga depende no solo de cuánto tiempo esperará un visitante, sino también de la optimización de SEO. Después de todo, hoy en día muchos motores de búsqueda han comenzado a considerar la velocidad de carga de la página al clasificar los sitios. Por lo tanto, cuanto más rápido se cargue su sitio web, más visitantes obtendrá de los motores de búsqueda y, en consecuencia, más dinero para ganar dinero.
Por lo tanto, en este artículo decidí compilar los 10 mejores consejos sobre cómo puede aumentar la velocidad de carga de páginas web y todo el sitio. Este artículo no está orientado a la jerga y está diseñado para principiantes.

Así que aquí tienes:

1. REDUCIR EL NÚMERO DE SOLICITUDES HTTP

El 80% de las páginas “lentas” contienen componentes como scripts, imágenes, archivos CSS, flash. La especificación HTTP / 1.1 recomienda que los navegadores procesen simultáneamente no más de 2 componentes de páginas web desde el mismo host. Al reducir el número de estos componentes, reducimos el número de solicitudes HTTP al servidor y, como resultado, aumentamos la velocidad de carga de páginas.

Pero, ¿cómo reducir la cantidad de solicitudes al servidor sin afectar la apariencia de la página?
De hecho, hay varias formas.

Usando CSS-sprites. CSS-sprite: una imagen compuesta que contiene una serie de imágenes pequeñas que se cortan utilizando propiedades: background-image y background-position.

Usando imágenes en línea. Imágenes en línea utilizando datos de esquema de URL: para incrustar imágenes en la propia página. Esto, sin embargo, aumenta el tamaño del documento HTML. Al incrustar imágenes en línea en su hoja de estilo, logrará la reducción de solicitudes al servidor, y el tamaño HTML seguirá siendo el mismo.
Combinar múltiples archivos en uno. Si se conecta a más de una página o archivo css-js, puede combinarlos en uno. Esta es una forma muy simple pero efectiva de reducir la cantidad de solicitudes http al servidor.

2. COLOQUE EL ARCHIVO CSS EN LA PARTE SUPERIOR DE LA PÁGINA

Al colocar los archivos css de conexión en cualquier lugar que no sea la parte superior de la página, obtenemos una representación gradual de la página, es decir, la página se cargará lentamente – primero el encabezado, luego el logotipo en la parte superior, navegación, etc. – Y esto, en A su vez, sirve como un excelente indicador de la página de descarga para el usuario y mejora la impresión general del sitio.

Si coloca los archivos CSS en la parte inferior de la página, no permite que muchos navegadores procesen la página lentamente. Esto se debe a que el navegador “no quiere” volver a dibujar los elementos que pueden cambiar el estilo después de cargar la página. Entonces, todos sus archivos CSS, siempre se conectan en la parte superior de la página en la sección HEAD.

3. LUGAR AL FINAL DE LA PÁGINA JAVASCRIPT

Colocar el archivo JavaScript en la página permitirá al navegador cargar la página con el contenido en primer lugar, y solo entonces comenzará a descargar el archivo JavaScript. Si su sitio está actualizado y contiene todos los “gadgets” interactivos posibles, esos archivos JavaScript pueden ser pesados, pueden ser de unos cientos de kilobytes, lo que obliga al usuario a esperar para descargar todos sus archivos JavaScript perjudiciales para la carga de la página .

4. MINIMIZAR EL CSS Y JAVASCRIPT

Minimización del archivo: la eliminación de todos los caracteres de código no esenciales para reducir el tamaño del archivo y acelerar la descarga. Minimizar el archivo elimina todos los comentarios y espacios en blanco insignificantes, saltos de línea, pestañas. Aquí todo es simple. Cuanto más pequeño sea el tamaño del archivo, menos tiempo tomará el navegador para descargarlo.

5. UTILICE SUBDOMINIOS PARA DESCARGAR EN PARALELO

Como mencioné anteriormente, de acuerdo con la especificación HTTP / 1.1 para los navegadores, existen restricciones en la cantidad de componentes del sitio de descargas simultáneas, lo que permite un máximo de 2 componentes con un solo host. Entonces, si su sitio tiene muchos gráficos, es mejor crear un subdominio separado. Cuanto más crees subdominios, más archivos podrá cargar y cargar simultáneamente toda la página más rápido. Solo puede cambiar la imagen a una nueva dirección. Muy simple, pero de manera efectiva.

6. UTILICE LA CACHÉ DEL NAVEGADOR

El almacenamiento en caché se está volviendo extremadamente importante para los sitios web modernos que usan JavaScript y una amplia conectividad CSS. El hecho es que cuando un visitante llega a su sitio por primera vez, el navegador descargará todos los archivos JavaScript y CSS, también cargará todos los gráficos y flash, pero antes de que caduque el encabezado HTTP, debe crear páginas en caché de componentes. Por lo tanto, cuando un visitante vuelva a visitar su sitio o vaya a la página siguiente de su sitio, el caché del navegador ya encontrará algunos archivos necesarios y el navegador no necesitará descargarlos nuevamente. Por lo tanto, el impulso en la velocidad del sitio.

7. USE CDN ​​PARA CARGAR BIBLIOTECAS POPULARES DE JAVASCRIPT

Si su sitio utiliza un marco de JavaScript popular como jQuery, entonces es mejor usar un CDN para conectarlo.
CDN (Content Delivery Network): un conjunto de servidores web, dispersos geográficamente para lograr una velocidad máxima de devolución de contenido al cliente. El servidor que enviará contenido directamente al usuario se selecciona en función de ciertos indicadores. Por ejemplo, seleccione el servidor con el menor número de saltos intermedios o con el menor tiempo de respuesta. Además, el navegador almacena en caché los archivos JavaScript, y si visita un sitio que utiliza este método, la biblioteca ya está en la memoria caché de su navegador y no volverá a cargarla.

Uno de estos CDN es Google Libraries. Esto es CDN para las populares bibliotecas JavaScript de código abierto. Cargar el marco JavaScript popular con las bibliotecas de Google puede acelerar los tiempos de carga de la página y reducir el tráfico en su servidor.

8. OPTIMIZA TUS IMÁGENES

Es importante determinar el formato apropiado para sus imágenes. Elegir la relación de aspecto incorrecta puede aumentar significativamente el tamaño del archivo.

GIF: ideal para imágenes con pocos colores, como un logotipo.
JPEG: perfecto para imágenes detalladas con muchos colores, como fotografías.
PNG: su elección cuando necesita imágenes de alta calidad con transparencia.

Aquí hay algunos servicios en línea para optimizar imágenes:
Compresión PNG y optimización de imagen
http://Smush.it
JPEGmini – ¡Tus fotos a dieta!

9. NO ESCALA LA IMAGEN

No cambie el tamaño de la imagen usando los atributos de ancho y alto de la etiqueta, o usando CSS. Esto también tiene un impacto negativo en la velocidad de carga de la página. Si tiene un tamaño de imagen de 500x500px y desea que la imagen tenga un tamaño de 100x100px, es mejor cambiar el tamaño de la imagen original con la ayuda del editor gráfico Photoshop, o cualquier otro. Cuanto más clara sea la imagen, menos tiempo llevará descargarla.

10. UTILIZAR COMPRESIÓN GZIP-

Como lo han demostrado los estudios, el texto “sobre la marcha” comprimido con gzip reduce el tiempo necesario para transferir el explorador de archivos en un 95-98% de los casos. Si mantiene copias archivadas de archivos en el servidor (servidor proxy en memoria o solo en el disco), el compuesto en el caso general permite cargar la página 3-4 veces más rápido.
Desde la versión de HTTP / 1.1, los clientes web indican qué tipos de compresión admiten, configurando el encabezado Accept-Encoding en la solicitud HTTP.

Aceptar-codificación: gzip, desinflar
Si el servidor web ve este encabezado en la solicitud, puede aplicar la respuesta de compresión a uno de los métodos enumerados por el cliente. Al emitir una respuesta del cliente, el encabezado Content-Encoding notifica al servidor sobre cómo funciona el método de respuesta comprimida.

Codificación de contenido: gzip
Los datos transmitidos son, por lo tanto, menores que el original aproximadamente 5 veces, y esto acelera su entrega. Sin embargo, hay un inconveniente: mayor carga en el servidor web. Pero los problemas del servidor siempre se pueden resolver. Entonces no le prestaremos atención.
Para habilitar la compresión GZIP en su sitio, debe registrar las siguientes líneas de código en su archivo .htaccess.

Pero, de nuevo, este código no funciona en todos los servidores, por lo que es mejor ponerse en contacto con el soporte de su proveedor de alojamiento y aclarar el problema.

¡Hola!

¡Cargar un sitio web que demore una eternidad puede ser bastante difícil! Especialmente si usted es una empresa que intenta atraer a sus clientes y aumentar el tráfico, un tiempo de carga prolongado es algo que definitivamente desea evitar.

Lo primero y más importante es averiguar por qué ocurre el problema, ya que podría haber razones específicas para ello. Sin embargo, si no hay una razón específica por la que esté sucediendo, le recomiendo que lea el artículo de thunderquote; Formas de reducir el tiempo de carga de la página

¡Definitivamente vale la pena leerlo!

Tanto usted como otros propietarios de tiendas están muy preocupados por el tiempo de carga del sitio. Por lo tanto, le daré una excelente sugerencia para resolver su problema claramente: extensión de caché de página completa de Magento con características útiles de Magegiant:

• Proporcionar gestión de almacenamiento en caché de bloques
• Capacidad de almacenamiento en caché de bloque personalizado
• Bloques de aprendizaje de inteligencia automáticamente.
• Configuración de .htaccess: Etags, compresión, encabezados de caducidad
• Obtenga caché de página completa (una versión diferente de la EE), incluso en la versión CE
• CDN totalmente compatible
• Configuración de caché de catálogo limpio en cada pedido.

Además, también hacemos una comparación justa con el caché de página completa de Lesti y el valor predeterminado de Magento de la siguiente manera:
1. La primera vez que render
2. La segunda vez render
Por lo tanto, Full Page Cache puede acelerar el tiempo de carga de su sitio al 90% , lo cual es sorprendente y necesario para todos los propietarios de tiendas.

Experimentemos en https://magegiant.com/magento-fu …

Hola buen dia

Soy el desarrollador de PHP / WordPress / MVC de Milan Kakadiya, permítame brindarle mi opinión sobre ” ¿Cómo reducir el tiempo de carga del sitio web?”

En primer lugar, debe averiguar qué aumenta el tiempo de carga de la página web, la mayoría de las veces será todo lo siguiente

• Imágenes
• CSS y JavaScript
• Gran cantidad de solicitudes HTTP

todo lo que podemos hacer Comprime todas las imágenes y minimiza CSS y JavaScript desde esa página para obtener imágenes, puedes ” TINYPNG.COM” y para CSS y JavaScript puedes encontrar muchas herramientas a través de Google.

en caso de solicitud HTTP, puede configurar una combinación de archivos CSS y JS.

2 características pueden reducir la carga de su página y estas son las siguientes

• siempre use alojamiento CDN (Content Distribute Network)
• Gzip Compress permite el alojamiento

Espero que sea util

Milan kakadiya
Contratar WordPress Expert – Contratar WordPress Developer