¿Cuáles son algunas de las mejores prácticas para analizar y mejorar los tiempos de carga de su página?

Aquí hay algunas maneras de mejorar el tiempo de carga de su página:

Javascripts

Analizar Javascripts lleva tiempo, especialmente cuando su audiencia está viendo páginas web a través de su navegador móvil. Para optimizar el tiempo de carga de su página, evite analizar javascripts innecesarios.

Así que le sugiero que coloque 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 eliminando códigos innecesarios. Hay algunos recursos que pueden ayudarlo a hacerlo, incluidos Closure Compiler, JSMin y YUI Compressor, entre otros.

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 no está seguro de qué tamaño sería adecuado para los medios web, no se preocupe. Casi todo el software de edición de fotos tiene una opción para guardar su jpg. o png. archivo para uso web.

Si tiene más de una imagen y se pueden combinar, combínelas. Use CSS Sprite para fusionar sus imágenes y ayudar con su posicionamiento. Este sistema no solo ahorrará su ancho de banda, sino que contribuirá a un tiempo de carga más rápido.

En cuanto a los videos, evite subirlos desde su computadora host a su página web. En su lugar, utilice un navegador de alojamiento de video 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.

Caché de navegador

La memoria caché del navegador almacena temporalmente los datos de su sitio web en la computadora o dispositivo móvil del usuario. Esto es útil cuando un usuario visita su sitio web más de una vez. Ahorra tiempo porque su usuario no necesitaría descargar nuevamente los datos del sitio web y puede navegar fácilmente tan pronto como esté activado.

Su empresa de alojamiento debería poder ayudarlo a configurar el almacenamiento en caché del navegador en su servidor. También puede consultar estos recursos para ayudar:

  • Apache Caching
  • Almacenamiento en caché de IIS
  • Almacenamiento en caché de Nginx

Usar la red de entrega de contenido (CDN)

CDN es un sistema que dispersa sus datos en varios servidores en función de las ubicaciones geográficas del usuario, el servidor de entrega de contenido y el origen de la página web. Debido a que se extiende por todo el mundo y, por lo tanto, está geográficamente más cerca del usuario, permite que su página se cargue más rápido debido a los intervalos de tiempo reducidos.

Antes de invertir en CDN, pregunte si realmente necesita uno. Si obtiene tráfico de los EE. UU. Mientras aloja su página web en Malasia, es posible que necesite uno. Por otro lado, si está ejecutando un sitio web de una pequeña empresa local que no tiene ninguna visita de otro continente que no sea un CDN, no sería necesario.

Si está buscando usar CDN, aquí hay algunos recursos que pueden ayudar:

  • Amazon CloudFront
  • MaxCDN
  • Edgecast

Evite complementos innecesarios

De acuerdo con un estudio realizado por Mike en su blog http://startbloggingonline.com/s… descubrió que los complementos contribuyeron a un enorme 86% del tiempo de carga de su sitio web. El tiempo de carga de los complementos tarda 1.668 segundos en cargarse y, como muestran los resultados anteriores, las páginas que tardan más de 1 segundo en cargar pueden causar una disminución en el número de visitantes.

Antes de comenzar a implementar complementos, pregúntese si su página web realmente lo necesita. Por ejemplo, ¿necesita el chat emergente en vivo o será suficiente un cuadro de comentarios?

Esta es definitivamente la mejor práctica e incluso si navegas, ¡estoy seguro de que los internautas te dirán lo mismo! Es decir, hasta que alguien encuentre una mejor manera … o un nuevo sistema de desarrollo de sitios web.

Si tiene un sitio Magento, le sugiero que use la extensión de caché de página completa para mejorar el tiempo de carga de la página.


Es una manera simple de obtener resultados sorprendentes.
El tiempo de carga de la página principal puede ser inferior a 0,3 segundos, 9 veces menos carga en los servidores web.
Estas son algunas de sus características:

  • Mejor caché de página completa para magento.
  • Caché totalmente personalizada por acciones, ayudantes
  • Proporcionar administración de almacenamiento en caché de bloques
  • Capacidad de almacenamiento en caché de bloque personalizado
  • Bloques de aprendizaje de inteligencia automáticamente.

  • Puede ver más funciones aquí: caché de página completa y más Las extensiones imprescindibles de Magento

Mejorar los tiempos de carga puede ir desde simples trucos hasta resolver problemas increíblemente complicados.

Twitter es un ejemplo de un problema increíblemente complicado.

http://ontwik.com/rails/oreilly-

Pero cuando trabaja en su propio sitio web, algunos conceptos básicos son:

Optimizando tus imágenes. Las imágenes ocupan el mayor ancho de banda en la mayoría de los sitios. Mejorar sus tiempos de carga puede ayudar mucho.

Agregando archivos .js y .css. Cuantos más archivos separados se soliciten, más presión sobre su servidor, más lenta será su página.

Sprites de imagen. Al igual que los archivos .css y .js, solicitar muchas imágenes también ralentiza el sitio. Puede colocar elementos de diseño como iconos, botones y logotipos en una imagen y mostrarlos por separado mediante css.

Almacenamiento en caché. Dependiendo de la plataforma que utilice, puede almacenar en caché las páginas que se generan en PHP o en un idioma similar. En lugar de ejecutar el código cada vez que se visita la página, entrega una ‘copia representada’.

Comprimir páginas. El servidor puede enviar páginas comprimidas sin comprimir por el usuario, lo que ahorra ancho de banda y acelera el tiempo de carga.

Minificar archivos .css / .js. Dependiendo de su código, minimizar estos archivos puede hacerlos un poco más pequeños. Pero la mayoría de las veces no acelerará mucho la página. Cuando estos archivos tienen muchos comentarios, como en la documentación del archivo, la minimización definitivamente puede beneficiar a su sitio.

Retraso de carga. Aquí ya no estamos hablando de conceptos básicos. Pero podría considerar retrasar ciertas cosas. Como imágenes de carga diferida en desplazamiento. Cargue cierto contenido usando ajax cuando sea necesario. O retrasar ciertos javascripts, como todos los botones me gusta / tweet / + 1 que retrasan los sitios en toda la web.

Optimizando el código. Esto también puede complicarse rápidamente. Pero puede pensar en optimizar su código php para que haga menos solicitudes mysql. O simplemente reescribiendo sus archivos html y css para limpiar el código redundante. Si usa un cms, mire los módulos y complementos que pueden ralentizar su sitio. ¿Realmente los necesitas? ¿Puede simplificar los problemas que están resolviendo escribiendo un código usted mismo? ¿Cuáles son las funciones más caras que está utilizando en su código? Por ejemplo, un complemento que carga la página completa solo para obtener el título de un enlace puede ser realmente ineficiente. Haga esto para 10 ‘artículos relacionados’, y puede ralentizar cada página.

Al optimizar su sitio web, puede llegar tan lejos y complicado como desee. Después de optimizar su código, puede comenzar a optimizar su servidor. Cambie la configuración de Apache, instale módulos de almacenamiento en caché específicos para php, etc. Pero creo que estos son los conceptos básicos.