Los trucos de optimización del rendimiento del sitio web más efectivos en 2017

Publicado: 2017-11-09
La primera impresión podría ser la única impresión de su incursión.

Casi todas las empresas se jactan de tener un sitio web que amplía su alcance a la comunidad en línea en constante crecimiento. Sin embargo, no todos realmente priorizan la importancia de la optimización del rendimiento del sitio web, lo que socava la capacidad de definir el alcance de su franquicia.

Además de eso, los visitantes del sitio web se vuelven más impacientes y más exigentes, especialmente con la competencia en línea que crece día a día.

FEVAD (Federación de Comercio Electrónico y Venta a Distancia) en 2015 dice que casi el 57% de los usuarios de Internet requieren que el sitio web se cargue en 3 segundos o menos.

En realidad, es de sentido común, un sitio web que tarda más tiempo en cargarse tendrá la menor preferencia por parte de cualquier usuario, ¿verdad?

Hágase esa pregunta.

Las empresas dependen en gran medida de los clientes, los componentes básicos de cualquier empresa y necesitan saber que la marca los favorece. No quieren esperar.

Las impresiones desagradables generan reseñas insatisfactorias que se difunden particularmente rápido, lo que genera una pérdida de tráfico y, lo que es más importante, DINERO.

Amazon dice que un sitio que es 1 segundo más lento puede generar una pérdida de alrededor de $ 1.6 mil millones al año en ventas.

El gigante tecnológico Google pagó medio segundo de retraso en su tiempo de carga con una caída del 20% en el tráfico.

El tiempo seguramente es dinero, ¿no es así?

Con Internet inundado de sitios web que casi cumplen propósitos similares, la necesidad del momento sería lograr el equilibrio perfecto dentro de su sitio, que pueda complacer a la audiencia, generar tráfico y cumplir su propósito.

website speed

Todo en este mundo está sujeto a cambios y entonces, ¿por qué no los sitios web?

Estadísticamente hablando, se registró un aumento del 15,4% en la descarga cuando Mozilla aumentó la velocidad de su página en casi 2 segundos .

Kinsta dice: "La gente prefiere páginas triviales de carga rápida en lugar de páginas relevantes lentas".

Esto no se presenta como un gran enigma en absoluto, ya que simplemente necesita superar a sus competidores para mantenerse en la cima.

¡Alguien llame a Usain Bolt!

¡SIN EMBARGO!

Ciertamente no necesitas las estrategias de Jamaica para programar un sitio web para ti, porque hemos presentado algunos CONSEJOS Y TRUCOS para que te mantengas a la vanguardia de la competencia e impulses tu página entre la audiencia global.

Puedes agradecernos después.

Aquí vamos:

Implementar todo esto de una sola vez puede ser una tarea engorrosa, por lo que es mejor ir paso a paso uno por uno y analizar la diferencia en el tiempo de carga.

Es esencial que no los copie descaradamente porque sí, entienda primero y luego implemente.

01. Ir mínimo

Organice su página web de manera que se mantenga relajante a la vista, lo más esbelta posible. Las líneas adicionales, los saltos de línea, las imágenes y otra parafernalia no deseada se van por el desagüe.

extra lines, line breaks,

Inspírate en las páginas de inicio de empresas multimillonarias como Apple , Audi , etc. y analiza su metodología de estructuración.

Estoy seguro de que entenderías la delgada línea entre la inspiración y el plagio.

02. Optimización de imagen

Una imagen vale esencialmente más que mil palabras y ciertamente pesa mucho más.

Un Informe HTTP en 2016 dice: “ El 64% del peso de una página web reside únicamente en sus imágenes. Eso ciertamente pone las cosas en perspectiva.

image seo, image optimization

También te habrás dado cuenta, las imágenes toman más tiempo. Ahora no tenía que decirte eso, ¿verdad?

¡¿Entonces que puedes hacer?!

  • Elija insertar imágenes solo donde realmente importa: en JPEG si prioriza la calidad y PNG para las menos significativas como el logotipo, etc. ¡BMP y TIFF son NO IR!
  • El dimensionamiento adecuado de la imagen según el requisito correspondiente inhibe la formación de datos basura innecesarios que sobrecargan el ancho de banda.
  • Herramientas como Smushit , JPEG/ PNG Stripper permiten una optimización sin esfuerzo con solo hacer clic en un botón.

03. Optimización de entrega de CSS

No hace mucho tiempo, el tamaño óptimo de una página web se consideraba alrededor de 30 KB, incluidos todos los elementos como imágenes, texto, etc.

La llegada de CSS y JavaScript modernizó y rompió esta barrera de 30 KB y proporcionó a los usuarios una experiencia mucho más enriquecida.

ccs, delivery optimization, ccs blocks

Al reducir los ciclos de lectura de código utilizando el método "taquigráfico", se puede optimizar la velocidad de entrega. Básicamente, simplemente deje la redundancia fuera de discusión.

Preferir una hoja de estilo externa, que puede cargarse antes de representar la página en una hoja de estilo interna, también ayuda. Todo depende de cómo se abra camino el "especialista en codificación".

Reduzca los scripts complicados y las líneas de código redundantes. Parece bastante justo, ¿verdad?

04. Técnicas de compresión

CSS y Javascript se pueden optimizar en más de una forma, en realidad. Hablamos del sistema de entrega antes.

 compression strategies

Ahora, veamos cómo podemos comprimirlos como tales.

  • Minimice el CSS y JavaScript para comprimirlos mediante la combinación posterior de CSS y JavaScript eliminando los espacios en blanco en el medio.
  • Otros incluyen CSS Optimizer , Clean CSS y mucho más.
  • La compresión GZip ayuda al encontrar elementos de código similares y los intercambia temporalmente con caracteres más cortos.

Precaución : el uso de Gzip para comprimir imágenes, PDF, etc. puede hacer que el nuevo archivo sea más grande que la versión anterior; También es posible que no se garantice la compatibilidad con navegadores antiguos. (¿Quién usa cosas viejas también, por cierto?)

05. El “Error 404”

Esto puede ser familiar entre los codificadores y algo que también temen. Aparece en el caso de que falten archivos o páginas.

Si bien puede parecer simple, un error 404 típico requiere entre 50 y 100 MB de memoria para ser entregado . ¿Parece difícil de digerir? Dije que es algo que la gente teme.

404-error Page

Los complementos ofrecen numerosas formas de verificar y depurar errores de este tipo, pero permanecen en el servidor durante demasiado tiempo, lo que desperdicia los recursos de cada servidor correspondiente.

Por lo tanto, se prefiere usar herramientas como Screaming Frog para rastrear, identificar páginas de error y corregirlas para que no desperdicien demasiado ancho de banda y reduzcan el desperdicio de visitantes.

Está Visual SEO Studio y WildShark SEO Spider Tool , que son alternativas gratuitas para Screaming Frog.

06. Descarga de activos

Con esto, nos referimos a separar contenidos como CSS, imágenes, etc. del servidor principal y confiar en otros servidores para cargarlos.

Esto, a su vez, reduce la dependencia de un único servidor principal, al descargarlo a otros, lo que reduce el tiempo necesario para cargar la página.

dedicated hosting, offloading assets

Compartir es de hecho cuidar.

También sugerimos algunos lados de descarga para sus necesidades:

  • Flikr , Smugmug , 5– Imágenes
  • Feedburner de Google – RSS
  • Encuestas: SurveyMonkey , solo por nombrar algunas.

También puede utilizar un alojamiento dedicado, que es un poco más caro pero ofrece mucha más velocidad que los compartidos.

07. Optimizaciones del servidor

server optimization, apache optimization

Elegir mejores servidores con más RAM y tamaños de caché necesariamente mejoraría el índice de rendimiento.

Las actualizaciones periódicas de software y la creación de servicios espejo ayudan a equilibrar la carga entre los servicios, lo que permite tiempos de acceso más rápidos.

08. Uso de complementos

server crashes

Los complementos innecesarios no solo son víctimas de múltiples fallas del servidor, sino que también demoran más en cargarse.

Esa transición o elemento "impresionante" que vio en "ese" sitio web puede no ser siempre la opción correcta para usted.

Elija sus elementos sabiamente.

09 Depuración

debugging, coders beware

¡Codificadores, cuidado! Ustedes se relacionarían completamente con esto.

Incluso el error más pequeño, estimar a un punto y coma, puede resultar en un problema de volcado de memoria que puede bloquear tanto el sitio como el servidor.

Procese los códigos repetidamente hasta que esté seguro de que las líneas no causarán problemas y el uso de aplicaciones de depuración como Microsoft Visual Studio lo ayudará a largo plazo.

10. Pruebas de velocidad

Múltiples plataformas ofrecen pruebas de velocidad que califican las velocidades de carga de los sitios web y determinan qué tan rápido se carga su sitio, en comparación con otros.

También ayudan a proporcionar la información necesaria sobre dónde existen los problemas y algunos incluso pueden ofrecer consejos para cambiar aspectos del sitio.

Sitios como Pingdom , GTmetrix y algunos por nombrar algunos.

speed tests, speed test google

Si te sientes abrumado, simplemente respira hondo. Los desarrolladores de empresas multimillonarias como Dropbox , Apple y Microsoft, etc. han pasado por lo mismo.

¡Es verdad, como realmente!

Hacen las paces incluso ahora, con optimizaciones que ocurren por minuto. No quieren replicar un mantra de éxito, quieren crear más.

Por supuesto, para las personas no expertas en tecnología, les presentamos una plataforma en la que pueden subcontratar el trabajo relacionado con la optimización de páginas web y mucho más.

Nuestra empresa Prime One Global se encargará de esto y, al final, puede presumir de un sitio web que satisfaga las necesidades del cliente y del cliente. Para obtener más información, conéctese con [email protected] o envíenos un ping a nuestra página de Facebook.

¡Antes de que te vayas!

Todo esto puede sonar complicado, pero así es como funcionan los sitios web. Necesita conocer los aspectos técnicos involucrados en la optimización mejorada.

Redondeando con los puntos importantes, los clientes exigen que las velocidades de carga sean óptimas y para ello, apegarse a un diseño mínimo y seleccionar los formatos de imagen en función de su uso .

Solo piense desde la perspectiva de un posible visitante. ¿Esperarías mucho tiempo para que se cargue un sitio web?

Por supuesto que no.

La paciencia sigue siendo una virtud en estos días, pero como vivimos en un mundo digitalizado en casi todos los aspectos, para mantenernos a la vanguardia debemos aceptar el cambio.