InstantShift – Recursos Diarios para Diseñadores y Desarrolladores Web.
En un entorno de crecimiento continuo, es importante que el servidor desempeñe su papel responsable según sea necesario. Sin embargo, hay algunas horas punta cuando su servidor se rinde o cruza el límite de ancho de banda deseado. Un servidor podría bloquearse por docenas de razones, con cada razón teniendo varias posibilidades, con cada posibilidad teniendo docenas de soluciones confirmando su existencia. Esto podría imponer una gran cantidad de confusión para un pequeño grupo de desarrolladores.
Una cosa que hemos notado al administrar pocos sitios web, en muchos casos no son los sitios más rápidos en la red mundial. Si bien gran parte de esto puede deberse a la configuración del servidor host, algunos de los problemas de rendimiento son causados por cosas que puede controlar.
En este artículo, presentamos los Mejores Consejos para Reducir la Carga del servidor y Ahorrar Ancho de banda para sus sitios web en crecimiento.
Hay muchas razones por las que puede enfrentar el tiempo de inactividad del sitio web. Puede deberse a la condición del servidor host (por ejemplo, si es un servidor compartido, los otros sitios web que se ejecutan en el mismo servidor definitivamente ralentizarán las cosas) o a la configuración de su sitio web o tal vez debido a su código. Es esencial jugar a lo seguro.
Hay pocas cosas que debe tener en cuenta antes de explorar estos consejos que muchas veces es posible que algunos de los consejos mencionados no funcionen para su sitio web en particular, lo que no significa que no vaya a funcionar con ningún otro de sus proyectos.
También como recomendación personal, Si está buscando algunos consejos convencionales para Reducir la Carga del servidor y ahorrar ancho de banda, intente usar estas técnicas, ya que también podemos obtener los resultados deseados en el pasado.
También le pueden interesar los siguientes artículos relacionados.
Siéntase libre de unirse a nosotros y siempre puede compartir sus pensamientos que nuestros lectores puedan encontrar útiles.
No olvides suscribirte a nuestro feed RSS y seguirnos en Twitter para recibir actualizaciones recientes.
11 Consejos para Reducir la Carga del Servidor y Ahorrar Ancho de banda
01. Utilice Texto CSS En lugar de Imágenes
Las imágenes hacen que sus páginas web sean más lentas y consumen mucho ancho de banda de su servidor. En lugar de utilizar una imagen de fondo, utilice el código CSS. Por ejemplo, si desea usar un fondo rojo liso en su sitio web, use el código CSS background-color: # F00 en lugar de un rojo-bg.jpg. Con CSS, puede establecer el color de fondo o la imagen de fondo de cualquier elemento CSS.
Este es un buen tutorial sobre CSS-Tricks.com acerca de cuán sabiamente puede usar sus imágenes de fondo para reducir la carga del servidor.
02. Optimización de imágenes
Más de la mitad del ancho de banda en la mayoría de los sitios web es utilizado por imágenes y la optimización de imágenes es la mejor manera de mejorar el ancho de banda utilizado en su servidor web. Optimice sus imágenes para Internet y reduzca sus tamaños, nunca use archivos de mapa de bits (.bmp) ya que son ENORMES (principalmente en MBs). Debe usar jpeg (.jpg) o gif (.gif) archivos para imágenes, ya que están optimizados para Internet. Una buena regla general es esforzarse por que ninguna imagen tenga más de 10 Kb. Esto es especialmente difícil con animaciones, pero si puede hacerlo, notará una diferencia notable en el ancho de banda utilizado de su servidor. Hay varios programas/softwares de conversión de imágenes disponibles en Internet y también hay varios programas de optimización, asegúrese de obtener un programa de optimización que pueda retener la calidad de las imágenes y reducir drásticamente su tamaño.
Si utiliza Photoshop, use puede comprimir sus imágenes mediante la opción’ Guardar para dispositivos web & ‘ (Alt+Mayús+Ctrl+S) para optimizarlas con un ancho de banda mínimo. Cuando tengas una imagen con muchos colores, deberías ir a JPEG o PNG. Juega con la calidad para cambiar el tamaño del archivo.
Echa un vistazo a la séptima encuesta WWW de Georgia Tech GVU citada en «Cuánto es demasiado».
03. Comprime tu CSS por propiedades CSS abreviadas
Los archivos CSS pueden ser bastante grandes, con muchos descansos y espacios inútiles. ¡Las propiedades taquigráficas de CSS son geniales! Son una excelente manera de reducir la cantidad de código contenida en un documento CSS, lo que permite tiempos de descarga más rápidos y una edición más fácil. Por ejemplo, puede usar
margin: 1px 2px 3px 4px (superior, inferior, derecho, izquierdo)
…en lugar de
margin-top: 2px;
margin-right: 1px;
margin-bottom: 3px;
margin-left: 4px
No es un genial artículo escrito por webcredible.co.uk acerca de las propiedades abreviadas de CSS.
También puede usar el compresor CSS desde arantius.com para reducir el tamaño del archivo CSS y los descansos y espacios innecesarios.
04. Eliminar Código HTML, Etiquetas y Espacios en Blanco innecesarios
Puede comprimir el tamaño de su página eliminando espacios en blanco innecesarios en sus archivos HTML, incluso eliminar comentarios (si no es absolutamente necesario) porque cada carecter adicional significa tamaño de página adicional. Ya sea que use editores visuales de HTML o bloc de notas, su código HTML contiene cosas innecesarias: espacios innecesarios, devoluciones, meta etiquetas, valores predeterminados en elementos HTML, etc. Harán que sus páginas web sean más grandes, sin servir a ningún propósito real. Las páginas web más grandes tardan más en cargarse, aumentan el tráfico de datos de su servidor web y desperdician un valioso ancho de banda.
Wordoff es una herramienta web sencilla y útil que le permite eliminar etiquetas y estilos innecesarios del código HTML. La mayoría de nosotros tenemos que limpiar el código HTML manualmente en nuestra vida laboral. Esta herramienta web definitivamente nos ayuda a todos en esa situación y también encuentra que vale la pena marcar.
05. Use Bibliotecas AJAX y JavaScript
AJAX es una tecnología para que una página web se comunique con un servidor usando JavaScript sin recargar la página. En general, las páginas relacionadas en un sitio web consisten en mucho contenido que es común entre ellas. Utilizando métodos tradicionales, ese contenido tendría que volver a cargarse en cada solicitud. Sin embargo, al usar Ajax, una aplicación web puede solicitar solo el contenido que necesita actualizarse, lo que reduce drásticamente el uso de ancho de banda y el tiempo de carga.
Si desea leer más sobre las técnicas que puede usar para ahorrar ancho de banda al aprovechar la API de Bibliotecas AJAX de Google, perishablepress.com publicó un artículo sobre este tema.
06. Desactivar Hotlinks de archivos
El término de enlace en caliente es vincular imágenes o descargas de su sitio web a otros sitios web. Básicamente, las imágenes están en su sitio web y otros sitios web solo enlazan etiquetas de imágenes a su sitio web, por lo tanto, roban su ancho de banda. Si las personas están «enlazando» a sus archivos de imagen, están utilizando su ancho de banda que, en última instancia, pagará.
Puede evitar que esto suceda colocando un ‘.archivo htaccess en la carpeta donde se almacenan las imágenes. Esto solo permitirá que las solicitudes de sus propias páginas muestren las imágenes: cualquier persona que enlace a ellas desde fuera de su sitio web, o cualquier sitio web que elija, tendrá la ‘x roja’ en lugar de la imagen.
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^ Reescribir %{HTTP_REFERER}! ^http (s)?://(.*\.)?yourserver.com
RewriteRule \.(jpeg / jpg / gif / png)$ –
altlab.com escribió un bonito tutorial para evitar el hotlinking usando el .archivo htaccess.
También puede usar .generador de htaccess para deshabilitar el hotlinking proporcionado por HTMLBasix.
07. Comprime HTML y PHP con Gzip
Al igual que el CSS, su HTML puede contener muchos espacios en blanco y interrupciones inútiles. Si está utilizando PHP, puede usar mod_gzip para Apache para comprimir su contenido. Mod_gzip es un módulo para apache (existente tanto en las versiones Windows como Unix/Linux de apache) que puede reducir significativamente el tamaño de una página web sobre la marcha, cuando es solicitado por un navegador que puede comprender contenido comprimido (casi todos los navegadores modernos admiten compresión). Recuerde, lo bueno es que la compresión en el servidor se activa solo si los navegadores solicitan contenido comprimido, en caso de que el navegador no entienda el contenido comprimido o no lo solicite, el servidor simplemente sirve contenido sin comprimir.
La forma más fácil es usar a .archivo htaccess. Yo recomendaría el uso .método htaccess porque es muy simple de implementar y por .archivo htaccess puede configurar aún más las configuraciones del servidor. Ahora para habilitar la compresión gzip, agregue la siguiente línea a su .archivo htaccess.
php_value output_handler ob_gzhandler
O en puede insertar el orden para que la compresión PHP funcione, debe insertar la siguiente línea en el encabezado de sus páginas web, en la parte superior que es de su página:
< ? ob_start («ob_gzhandler»);?>
webcodingtech.com escribió un tutorial sobre cómo habilitar la compresión gzip.
08. Utilice el sitio web de alojamiento web de imágenes/archivos gratuitos para alojar sus archivos
Si desea compartir archivos (grandes) y no dejar que su ancho de banda afecte, aloje el archivo en sitios web de alojamiento de imágenes/archivos gratuitos o de pago, como Flickr, Pikasa, PhotoBucket, ImageShack, rapidshare.com y megaupload.com. Aloje el archivo y coloque el enlace de descarga en su propio blog o sitio web. Esto ahorrará una gran cantidad de ancho de banda en su servidor. Sin embargo, antes de hacer esto, asegúrese de que su proveedor de servicios le permita hacerlo.
09. Evitar Los Archivos Adjuntos Siempre Que Sea Posible
Si el archivo que está a punto de alojar en su servidor se puede encontrar en otro lugar de la red, tal vez sea mejor usar el enlace de esa ubicación en lugar de alojar una copia del archivo en su servidor. Sin duda, le costará ancho de banda adicional, pero también incrementará la carga del servidor. Al menos, esto le ahorrará algo de tiempo porque no necesita cargar archivos en su sistema.
10. Almacenamiento en caché de sitios web
El almacenamiento en caché es un método para recuperar datos de un almacenamiento listo (caché) en lugar de usar recursos para generarlos cada vez que se necesita la misma información. Habilitar el almacenamiento en caché en su sitio web si no es dinámico, permitirá que la computadora de los usuarios finales lea desde su servidor de vez en cuando, el resto de las veces leerá de sus propias copias de seguridad hasta que caduquen. Otra buena idea es almacenar en caché su sitio web, pero es posible que desee establecer una fecha de caducidad en los encabezados HTTP para que los encabezados de caducidad le digan al navegador cuánto tiempo debe mantener el contenido en caché. La mayoría de las imágenes en su sitio nunca cambian y es buena idea mantenerlas en caché localmente.
Almacenamiento en caché con mod_headers
# 1 YEAR
< filesmatch»\.(flv / pdf / pdf / avi / mov / ppt / doc / mp3 / wmv / wav)$»=»»>
Control de caché de conjunto de encabezados «max-age=29030400, public»
< / coincidencia de archivos>
# 1 SEMANA
< filesmatch»\.(jpg / jpeg / png / gif / swf)$»=»»>
Control de caché de conjunto de encabezados «max-age=604800, public»
< / coincidencia de archivos>
# 3 HORA
< filesmatch»\.(txt|xml|js|css)$»=»»>
Encabezado set Cache-Control «max-age=10800»
</filesmatch>
# NUNCA CACHÉ
<filesmatch «\.(html|htm|php|cgi|pl)$»=»»>
Header set Cache-Control «max-age=0, private, no-store, no-cache, must-revalidate»
</filesmatch>
Caching with mod_expires
ExpiresActive On
ExpiresDefault A0
# 1 YEAR
<filesmatch «\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav)$»=»»>
ExpiresDefault A9030400
</filesmatch>
# 1 WEEK
<filesmatch «\.(jpg|jpeg|png|gif|swf)$»=»»>
ExpiresDefault A604800
</filesmatch>
# 3 HOUR
<filesmatch «\.(txt|xml|js|css)$»=»»>
ExpiresDefault A10800″
</filesmatch>
11. Fuentes RSS en caché
RSS o Sindicación Realmente Simple, como se le conoce comúnmente, es una tecnología que brinda a los webmasters la capacidad de distribuir y publicar fácilmente contenido sindicado en Internet. Una vez que la fuente se almacena en caché, se leerá desde el disco duro local durante un período de tiempo especificado. Una vez transcurrido el tiempo especificado, la fuente RSS se recuperará de nuevo. Esto permite que el contenido de la fuente RSS que se muestra a permanecer actual, mientras que acelerar todo el proceso. Los canales RSS de caché reducen el uso de ancho de banda. El ancho de banda se reduce porque el servidor web no tiene que obtener repetidamente la misma fuente RSS de su servidor.
Conclusión
Si desea crear un sitio web, blog o galería de imágenes de alto tráfico, no se limite a retransmitir en su alojamiento web, sino que dedique un poco más de tiempo a optimizar su sitio web y servidor. Porque si no lo hace, pronto estará buscando un servicio de alojamiento web nuevo y más grande para su sitio web. Aunque siempre se recomienda usar un host bueno y rápido, la aplicación de estas técnicas le ahorrará una gran cantidad de carga y ancho de banda del servidor en poco tiempo.
¿Nos perdimos algo?
¿Tiene más técnicas de ahorro de ancho de banda que no estén en esta lista? Siéntase libre de compartirlos con nuestros lectores.