7 consejos para hacer que sus sitios web se carguen más rápido –
Una de las consideraciones más importantes al crear sitios web es asegurarse de que se carguen rápidamente. Antes de comenzar a optimizar su (s) sitio (s), es importante ver qué tan bien están funcionando, primero. Una forma de hacerlo es hacer uso de las herramientas Make the Web Faster, de Google. Otras dos opciones que puede usar son Pingdom e YSlow . Cada una de estas herramientas lo ayudará a establecer una línea de base de rendimiento.
Después de eso, puede usar algunas herramientas para aumentar los tiempos de carga de la página.
- ¿Puedo crear un sitio web si solo conozco a Perl?
- Si YouTube quisiera convertirse en un sitio web profesional como Quora, ¿podría?
- ¿Alguien tiene algún comentario o experiencia con SEOSamba.com?
- Quiero aparecer en el análisis de divisas en un sitio web diferente, ¿qué paso puedo tomar?
- Si quisiera iniciar un sitio web de transmisión, uno como Netflix. ¿Qué necesitaría hacer para que este servicio funcione?
Google PageSpeed Insights muestra resultados para dispositivos móviles y computadoras de escritorio junto con una lista de elementos para corregir y cómo solucionarlos. Puedes probar Pingdom también …
Según lo que pueden ofrecer estas herramientas, aquí hay 7 consejos para que sus sitios web se carguen más rápido:
- Minificar HTML, CSS y JavaScript:
Para hacerlo, elimine todos los comentarios innecesarios, espacios en blanco y código. Esto mejorará el rendimiento porque se reducirá el tamaño del archivo. Para minimizar HTML, consulte HTML Compress. Para JavaScript, use YUI Compressor, y para CSS, pruebe CSS Compressor. Una cuarta opción es hacer uso de la extensión de Chrome PageSpeed Insights para crear una versión optimizada de su código HTML. La página de PageSpeed Insights también enumera otros programas que puede usar. - Hacer CSS y JavaScript externos:
El uso de archivos externos generalmente hará que las páginas se carguen más rápido porque el navegador almacena en caché los archivos JavaScript y CSS.
Alternativamente, si usa CSS en una página web, coloque el CSS en el elemento HEAD. Esto hace que la página parezca cargar más rápido y puede hacerlo progresivamente. Con JavaScript, mueva los scripts al final de la página. - Eliminar secuencias de comandos duplicadas en una página web:
Este problema puede parecer extraño, pero en realidad es bastante común. Los archivos duplicados de JavaScript y CSS degradan el rendimiento al crear solicitudes HTTP innecesarias y una ejecución de JavaScript desperdiciada. También es importante verificar y ver si los scripts también se han duplicado en archivos externos. Para evitar este problema, utilice un módulo de administración de scripts con sus plantillas. - Optimizar imágenes:
Reduzca los tamaños de imagen usando GIF, PNG-8. o JPEG como los formatos de archivo. Asegúrese de que el tamaño coincida con su uso y establezca el tamaño de cada página con la altura y el ancho. No utilice la escala, especialmente de imágenes más grandes a más pequeñas. El resultado de la imagen puede verse bien en la pantalla, pero el tamaño del archivo será el mismo. Para aprovechar realmente las dimensiones más pequeñas, use un programa de edición de imágenes y escale la imagen en consecuencia. El tamaño del archivo resultante será más pequeño. También es importante experimentar con la compresión con todos estos formatos de archivo. En algún momento obtendrá una compresión aceptable con una pérdida mínima de calidad. La experimentación es clave. - Use compresión GZIP:
Si su empresa de alojamiento utiliza compresión y deflación GZIP, esto puede marcar una diferencia significativa y acelerar su sitio. Es posible reducir el tamaño de los archivos en un 70% sin perder la calidad de la imagen o el tamaño del video. - Evite las expresiones CSS:
Las expresiones CSS (introducidas en IE5) le permiten establecer propiedades CSS de forma dinámica. La desventaja es que las expresiones se evalúan cada vez que la página se representa, cambia de tamaño, se desplaza y cuando el usuario mueve el mouse sobre la página. Estas evaluaciones continuas (y frecuentes) erosionan la experiencia del usuario. - Agregar encabezados caduca:
Debido a la complejidad de la página web, se podrían requerir muchas solicitudes HTTP para cargar todos los componentes. Cuando usa encabezados Expires, esos componentes se pueden almacenar en caché y esto evita solicitudes HTTP innecesarias en vistas de página sucesivas. Si bien los encabezados de Expires se asocian más comúnmente con las imágenes, también se pueden usar para scripts, hojas de estilo y Flash.
Conclusión
Como puede ver, hay muchas cosas que puede hacer para mejorar el rendimiento de sus páginas web. Algunas soluciones pueden ser simples, mientras que otras pueden requerir mucho tiempo. Aún así, implementarlos es importante. Si sus páginas no se cargan lo suficientemente rápido, corre el riesgo de perder su audiencia, y nadie quiere eso.
Fuente – HTMLGOODIES
