6 formas de acelerar la carga de su sitio web

Su sitio web podría ser el sitio más hermoso del mundo, pero no le sirve de nada si tarda una eternidad en cargarse. Seamos sinceros. La gente está impaciente y un sitio web lento impide que los clientes potenciales completen su compra.

Cuando hago compras en línea, espero que las páginas se carguen en el peor de los casos en 5-10 segundos. Más tiempo y me pongo ansioso o salgo de la tienda por completo.

Claro, algunas personas pueden ser más pacientes que yo, pero ¿por qué arriesgarse? Vaya a lo seguro y haga que el sitio web de su empresa sea lo más rápido posible.

Foto de Meddygarnet

Sin embargo, antes de comenzar, lo primero que debe determinar es qué tan rápido es lo suficientemente rápido. Este alcance de las optimizaciones de su sitio web depende en gran medida de los análisis y la demografía de los visitantes de su sitio web.

Por ejemplo, hace 3 años, cuando mi esposa y yo lanzamos por primera vez nuestra tienda en línea, más del 35% de nuestros clientes usaban el acceso telefónico. Como resultado, tuvimos que hacer recortes drásticos en el diseño de nuestro sitio web para brindar una experiencia de compra rápida asumiendo solo una tasa de descarga de 56K.

En la actualidad, solo el 2% de nuestros clientes utilizan el acceso telefónico (¡gracias a Dios!), Por lo que podemos agregar de forma segura más contenido multimedia sin afectar la experiencia del usuario.

Para determinar el tamaño máximo de una página determinada, suelo multiplicar 5 segundos por el ancho de banda medio ponderado de los visitantes de mi web. Por ejemplo, si la mayoría de mis visitantes utilizan DSL, podría asumir una velocidad de descarga de 1 Mbit y decidir que 5 Mbits es el tamaño máximo que debería tener una página web determinada.

Esta no es una ciencia exacta. En última instancia, debe decidir por sí mismo qué tan rápido debe ser su sitio web.

Sin embargo, en todos los casos, más rápido siempre es mejor. Como mencioné en mi última publicación, la velocidad del sitio web no siempre es una función de su servidor web. De hecho, la mayoría de las veces, el webmaster es el culpable de un sitio web lento y no de un servidor lento. Este artículo describirá algunos consejos sobre cómo acelerar las cosas.

Decida qué es lo más importante y reordene la carga

Hacer que su sitio web sea más rápido no siempre se trata de eliminar imágenes y contenido. A veces, es posible que le guste su sitio exactamente como está y realmente no tenga ganas de cambiar nada.

Si este es el caso y su sitio web es lento, muchas veces puede salirse con la suya simplemente priorizando la forma en que se carga su página.

¿Qué quiere que el usuario vea primero? En la mayoría de los casos, a sus visitantes no les importará un sitio más lento siempre que las cosas importantes se carguen primero y las cosas más tarde terminen.

Por ejemplo, con MyWifeQuitHerJob.com, siempre me aseguro de que todo el contenido jugoso aparezca primero antes que los anuncios. De esa manera, si los anuncios tardan un poco en cargarse, no se arrastrará todo el blog.

Las páginas web siempre se cargan en orden secuencial, por lo que siempre debe colocar las cosas que desea cargar primero en la parte superior de su página y las menos importantes al final de su documento html.

En el caso de elementos que deben aparecer en una posición específica en la página, puede usar javascript o css para controlar el orden de carga.

Por ejemplo, aunque mi anuncio de clasificación de 728 × 90 aparece en la parte superior de MyWifeQuitHerJob.com, me aseguro de que se cargue en último lugar realizando los siguientes pasos.

• Creo un <div id = ”banner728 ″> vacío donde debería estar el anuncio y establezco su id en“ banner728 ”. Esto crea efectivamente un marcador de posición en blanco que luego puedo cargar usando javascript
• Al final de la página, incluyo el siguiente fragmento de JavaScript
  <tipo de secuencia de comandos = ”texto / javascript”>
  document.getElementById ("banner728"). innerHTML = "código de banner de anuncio deseado";
  </script>
  Este código encuentra el marcador de posición "banner728" que configuré arriba e inserta el banner publicitario en <div>. Debido a que este script se encuentra al final del archivo, se carga al final después de todo lo demás.

No utilice el cambio de tamaño de la imagen HTML

Un error común que veo que muchos novatos cometen es confiar en html para reducir y cambiar el tamaño de las imágenes. Si bien esta técnica funciona y parece inofensiva, acabará por completo con el rendimiento de su sitio web.

La razón es que la imagen original completa debe cargarse antes de que se muestre, aunque solo esté mostrando una imagen mucho más pequeña.

Para evitar caer en esta trampa, asegúrese de tomarse el tiempo para reducir la imagen a las dimensiones deseadas antes de mostrarla en su sitio. No extraiga imágenes directamente de su cámara digital.

Optimiza tus imágenes

El ojo humano es mucho más indulgente con la calidad de la imagen cuando mira una imagen independiente en un monitor de computadora. Por lo tanto, puede salirse con la suya con imágenes de calidad mucho menor para su sitio web.

Asegúrese de optimizar y reducir sus imágenes tanto como pueda antes de mostrarlas en su página. A menudo elijo una calidad JPEG del 50 por ciento o menos usando Photoshop con las imágenes de mis sitios.

Si está utilizando GIFS, asegúrese de no utilizar una paleta de colores más grande de la que realmente necesita. Si puede salirse con la suya con solo 16 colores, elija su GIF con solo una paleta de 16 colores.

Analice todos sus GIFS para asegurarse de que los duplicados no desperdicien ninguna de las ranuras de color.

Aloje videos e imágenes grandes con un tercero

A menos que esté alojando su sitio web en un conjunto robusto de servidores, el contenido multimedia enriquecido ralentizará su sitio a un ritmo lento. En general, es mucho más económico alojar sus videos y archivos más grandes en un servicio de terceros con una infraestructura más robusta que admite mejor la transmisión.

Por ejemplo, en lugar de alojar videos en su propio servidor, ¿por qué no usar YouTube o Vimeo? Si desea ser propietario del contenido que produce, también puede pagar y utilizar un servicio como el S3 de Amazon. Deje el contenido de gran ancho de banda para los grandes.

Evite el uso de códigos de terceros o imágenes vinculadas

Siempre que enlaza una imagen o un código de aprovechamiento que está alojado en otro servidor, está poniendo en riesgo la velocidad de su sitio web. Si el servidor de terceros se ralentiza o se ralentiza, también podría acabar con su propio sitio web, por lo que es importante minimizar el uso de código de terceros.

Además, cada vez que su sitio accede a un servidor de terceros, se debe realizar una búsqueda de DNS que puede llevar bastante tiempo dependiendo de la congestión de la red.

Unos cientos de milisegundos de retraso pueden no parecer mucho, pero si está extrayendo código de 10 servidores diferentes, estas búsquedas pueden agregar varios segundos de latencia.

Aproveche el almacenamiento en caché y la compresión

La mayor parte de la mayoría de los sitios web son texto y el texto se comprime extremadamente bien. Por eso, si habilita la compresión en su servidor, puede reducir los tiempos de descarga hasta en un 75%.

Desafortunadamente, no todos los servidores web compartidos tienen habilitada la compresión en sus servidores. Si su sitio web está en un alojamiento web compartido, asegúrese de preguntarles si sus servidores admiten mod_deflate o mod_gzip.

Si su servidor admite la compresión, asegúrese de habilitarla en su sitio web siguiendo los pasos descritos en este artículo. Si está utilizando WordPress, el complemento WP-SuperCache ya maneja la compresión por usted.

Además de la compresión, puede acelerar su sitio almacenando en caché las páginas a las que se accede comúnmente en su sitio web. Para nuestra tienda en línea, doy un paso más y creo páginas estáticas para páginas web con mucho tráfico que no cambian con mucha frecuencia.

La velocidad importa

Lo más probable es que alguien esté viendo su sitio web en una conexión mucho más lenta que la suya. Y siempre debe tener en cuenta el mínimo común denominador para maximizar el potencial de ganancias de su negocio en línea.

¡Me sorprendió mucho ver que nuestra tienda en línea todavía tiene clientes de acceso telefónico! Si todavía los tengo, es posible que tú también.