Archives

¿Cómo redireccionar hacia otro sitio vía programación?

Hay varias formas de redireccionar hacia otro dominio utilizando código. A continuación explicamos algunas de ellas:

HTML

Usando el tag <meta> podemos redireccionar de forma sencilla a otro sitio. Recordemos que la etiqueta <meta> debe ir siempre dentro de <head> en nuestro documento html. Un ejemplo de uso sería el siguiente:

<meta http-equiv="acción" content="segundos"url="url destino" />

Vamos a ver un ejemplo “real” a continuación (podés setear a 0 el tiempo para que redireccione sin aviso):

<html> 
<head> 
<meta http-equiv="Refresh" content="5;url=http://www.elserver.com"> 
</head> 
 
<body> 
<p>En 5 segundos vas a ser redirigido a http://www.elserver.com</p> 
</body> 
</html>

 

PHP

Insertar el siguiente código al principio del archivo index.php para redireccionar en este caso al sitio http://www.elserver.com (cambialo por la url que corresponda)

<?php 
header ("Location: http://www.elserver.com"); 
?>

 

¿Cómo descomprimir archivos o directorios usando SSH?

En este tutorial vamos a aprender a utilizar las herramientas para descomprimir archivos usando SSH.

Primero, accedemos siguiendo los pasos de este enlace. Luego nos dirigimos al directorio web de la cuenta, y ubicamos los archivos a descomprimir (para este caso serían carpeta_rar.rar, carpeta_zip.zip y carpeta_tar.tar.gz). Podés ver los primeros pasos del tutorial
¿Como instalo cualquier CMS directamente en mi espacio web usando SSH? para ver como ingresar al directorio.

Unrar

Para utilizar el comando ‘unrar’, te recomendamos crear previamente una carpeta para almacenar los archivos que vayamos a descomprimir. Dentro del mismo directorio en donde tenemos el archivo .rar ejecutamos:

mkdir nombredecarpetadestino

(sin comillas, reemplazando ‘nombredecarpetadedestino’ por el que quieras asignarle). Hacemos luego un

ls -lah

(o su forma abreviada ‘l’) para ver que la carpeta se haya creado correctamente y ejecutamos a continuación

unrar e archivo.rar nombredecarpetadestino/

Los archivos se descomprimirán en la carpeta indicada.

unrar/unzip unrar/unzip unrar/unzip

Unzip

Descomprimir con unzip es bastante parecido al caso anterior. Creamos la carpeta contenedora al igual que el caso anterior y luego ejecutamos:

unzip archivo.zip -d nombredecarpetadestino/

unrar/unzip unrar/unzip

 

¿Como apunto un dominio desde el panel de control de ELSERVER.COM a Blogger?

Para apuntar un dominio desde el panel de control de ELSERVER.COM a Blogger, tenés que seguir los pasos a continuación:

  • Primero que nada, asegurate que el dominio esté apuntado a nuestros DNS y agregado al panel de control.
  • Desde el panel de control, ingresamos a la sección Dominios > Gestión de zonas. Hacemos click en “Modificar” sobre el dominio CON www (esto lo hacemos para que mantengas los correos con nuestro servicio).
  • Creamos un registro CNAME sobre el mismo apuntado a ghs.google.com, dejamos el valor de TTL por defecto a 1 hora. Hacemos click en “Aceptar” para guardar los cambios.
  • Luego de esto, ingresar a Avanzado > Configuración del servidor web > Modificar y seleccionar “Apuntar todo al dominio con www”.

Blogger Blogger Blogger

En Blogger

  • Ingresamos en la pestaña “Configuración” y luego a “Publicación”. Desde ahí seleccionamos la opción “Dominio personalizado”.
  • Luego, seleccionamos “Cambiar a opciones avanzadas” e ingresamos el dominio.

Blogger

¿Como instalo cualquier CMS directamente en mi espacio web usando SSH?

En el siguiente tutorial, vamos a ver paso a paso como descargar cualquier CMS (para este caso es Joomla!, pero puede ser cualquier otro) directamente a nuestro directorio web. También usaremos comandos de SSH para listar el directorio, crear una carpeta, descargar y descomprimir el archivo de la instalación. Pero empecemos por el principio, vamos a ver como nos conectamos vía SSH:

  • Vamos desde el panel de control a Administración > Cuentas FTP – SSH. Una vez ahí, verificamos que nuestro usuario tenga habilitada la opción “SSH” para seguir.
  • Abrimos la aplicación Tutty, según las instrucciones de este tutorial.
  • Ahí ingresamos el host de conexión (ssh.tudominio.com) en el puerto 22. Damos click a “Open”.

ssh ssh ssh

  • Aceptamos el mensaje de seguridad, luego ingresamos el usuario FTP – SSH con el cuál vamos a conectar y damos Enter.
  • Ahora tenemos que ingresar la clave del usuario (recordá que lo que escribas en el campo “Password” no se ve en pantalla).

ssh ssh ssh

  • Ejecutando el comando ‘ls -lah’ (sin comillas) obtenemos un listado completo de nuestro directorio.
  • Ingresamos ‘cd www’ para ubicarnos dentro del espacio web de nuestra cuenta. Nuevamente ‘ls -lah’ para ver las carpetas.
  • Ingresamos ‘cd nombredecuenta’, luego de esto podremos ver el contenido del directorio web.

ssh ssh ssh

  • Hacemos ‘cd htdocs’ para ingresar a la carpeta a la cuál apunta por defecto nuestro dominio.
  • Una vez ahí, escribimos ‘mkdir joomla’ para crear una carpeta llamada ‘joomla’ (CMS que vamos a estar instalando en este tutorial, puede ser cualquier nombre). Tipeamos ‘cd joomla’ para ubicarnos dentro de la carpeta que acabamos de crear.
  • Abrimos un navegador web y vamos a la página oficial del CMS que queremos instalar (para este caso, http://www.joomlaspanish.org/). Luego, buscamos el enlace para descargar la última version (generalmente con extensión tar.gz) y hacemos click derecho > Copiar dirección del enlace.

ssh

ssh ssh

  • Con el enlace copiado al Portapapeles, volvemos a la consola y tipeamos ‘wget’ luego hacemos un espacio y click derecho para que pegue la ruta al archivo obtenida en el paso anterior. Damos enter para comenzar la descarga directa del archivo de instalación a nuestro directorio web.
  • Una vez que haya terminado la transferencia, ejecutamos lo siguiente para descomprimir el archivo de instalación en el directorio ‘tar -xvzf nombredearchivo.tar.gz’ (ayuda: si empezamos a escribir el nombre del archivo y pulsamos la tecla Tab, se completa solo).
  • Una vez finalizada la descompresión, ejecutamos ‘ls -lah’ para ver que el directorio haya quedado correctamente ubicado.

ssh ssh ssh

  • Luego de esto, vamos al navegador web y buscamos la carpeta que creamos. Si todo salió bien debería respondernos el instalador de la aplicación.
  • Recordá que para finalizar la instalación tenés que crear una base de datos, te recomiendo consultar el siguiente enlace para darla de alta desde el panel de control

ssh

 

¿Como restaurar un snapshot mysql desde el panel de control?

Para restaurar un snapshot mysql, por favor seguí estos pasos. Primero, ingresá al panel de control de tu cuenta (recordá que para que el sistema de snapshots funcione correctamente en el panel, tu cuenta tiene que tener al  menos un usuario SSO activo).

  • Una vez dentro del panel, vamos a la sección Mysql > Bases de datos Mysql
  • Ahora una recomendación…nunca sobrescribas una base en uso, es preferible crear una base “limpia” para recuperar el resguardo. Para crear una nueva base, podés seguir las instrucciones de este tutorial.

Mysql Snapshots
Mysql Snapshots
Mysql Snapshots

  • Seleccioná el snapshot que quieras descargar.  Podés visualizar las tablas dentro de la base y recuperar solamente una o varias.
  • Si ya creaste la nueva base, seleccioná “Restaurar en otra base”. Luego de esto seleccionala desde el listado de bases activas.
  • Dale click a “Aceptar”, un mensaje te va a indicar que la restauración de la base se encuentra en curso.

Mysql Snapshots
Mysql Snapshots

También tenés la opción de realizar un resguardo de tu base en el momento. Para realizar esto, solamente hacé click en “Descargar”. Se va a generar un enlace válido por 24 horas apuntando a un archivo con una versión comprimida en gzip de tu base de datos. Una vez descargado el mismo, podés usar el programa 7zip para descomprimirlo.

Mysql Snapshots

 

¿Cómo configuro mi cuenta de correo en Microsoft Outlook 2003?

Para configurar tu cuenta en correo en Microsoft Outlook 2003, seguí estos pasos:

  • Abrí el programa, luego desde el menú principal seleccioná “Herramientas” > “Cuentas de correo electrónico”
  • En la ventana que se despliega a continuación, seleccioná “Agregar una nueva cuenta de correo electrónico”, luego hacé click en “Siguiente”.
  • En tipo de servidor, seleccioná POP3 o IMAP. Podés ver las diferencias entre ambos protocolos en este enlace.

Outlook 2003

Outlook 2003

Outlook 2003

  • Dentro de la configuración de correo POP3/IMAP completar los campos de acuerdo a la imagen a continuación. Reemplazá en “Servidor de correo entrante”, “mail” por “pop3” o “imap” según el método que hayas seleccionado. En “Servidor de correo saliente” reemplazá “mail” por “smtp”. Debería quedar de esta forma > smtp.dominio.com.

Outlook 2003

Una vez completados los campos con los datos de tu cuenta, seleccionamos la opción “Más configuraciones” y completamos de acuerdo a la imagen a continuación.
En la pestaña “Servidor de Salida” tildamos “Mi servidor requiere autenticación” y “Utilizar la misma configuración que mi servidor de correo de entrada”.
Dentro de la opción “Avanzadas” completamos de acuerdo al protocolo de correo entrante seleccionado. Por ejemplo: para conexiones POP3 el puerto por defecto es 110, mientras que IMAP usa el puerto 143.
En “Servidor de salida (SMTP)” elegimos el puerto 25 o 255 (si tu ISP lo bloquea por defecto).

Outlook 2003

Outlook 2003

Una vez completados todos estos datos, damos click en “Aceptar”. Desde la pantalla general de configuración, aceptamos de nuevo y recibimos la confirmación de la finalización del setup de la cuenta.

Outlook 2003

 

¿Cómo configurar una cuenta de correo usando Entourage?

Para configurar nuestra cuenta de correo en el cliente Entourage (Mac) debemos seguir los pasos a continuación:

  • Desde el menú principal, seleccionamos “Herramientas” > “Cuentas”

 

entourage

 

  • En la ventana a continuación, desplegamos “Nuevo” y seleccionamos “Correo”

 

entourage

 

  • Dentro de “Asistente para configurar cuentas” elegimos la opción “Configurar cuenta manualmente”

 

entourage

entourage

 

  • Completa los datos tal como figuran en el ejemplo, reemplazando con la información de las cuentas que hayas creado dentro del panel de control de ELSERVER.COM. Si todavía no creaste las cuentas en el panel, por favor verificá este tutorial.

 

entourage

 

  • Dentro de la ventana “Opciones de envío avanzadas”, seleccioná la casilla correspondiente al puerto de salida y modificalo por el puerto correspondiente de acuerdo a las siguientes opciones:

    – 25: Si usás la cola de envíos personales o el Professional Mail Server.
    – 2525: Si tildaste la opción “Mailing” desde el panel de control de tu cuenta y querés usar la cola de envíos masivos.
    – 255: Si tu proveedor bloquea el puerto 25 (generalemente Arnet).

    Recordá tildar la opción “Mi servidor requiere autenticación” y “Usar la configuración del servidor de recepción de correo”. Una vez ingresados todos estos datos, dar click en “Aceptar” para guardar los cambios.

 

entourage

 

¿Cómo utilizar una conexión FTP segura?

El servicio FTP que brindamos incluye la opción de utilizar TLS para encriptar los datos transferidos entre las conexiones. Para utilizar este método, solamente tenés que seleccionar la opción para utilizar TLS desde el gestor de conexiones del programa que utilices. El puerto es el mismo que para las conexiones sin cifrar.

Recordá que NUNCA debés almacenar la clave del acceso FTP en el programa, configuralo para que te pregunte cada vez que te conectás (la imagen del ejemplo pertenece a la configuración en Filezilla).

tls

 

Puntos a tener en cuenta para optimizar tu sitio y lograr un mejor rendimiento (Parte 2 – mysql)

 


Seguimos repasando los aspectos que hay que tener en cuenta a la hora de evaluar la velocidad en la respuesta de un sitio. En este artículo vamos a ocuparnos de la optimización de la base de datos de la aplicación. Los consejos de este artículo están basados en la información disponible en el siguiente enlace (el cuál recomendamos).

Los tiempos de respuesta de un sitio se van a ver afectados entre otros factores por la velocidad con la que se ejecuten las consultas mysql. Desde ya, recorrer con una consulta una base de datos de 10 MB no es lo mismo que hacerlo en una de 2 GB. Tampoco es lo mismo ejecutar un SELECT de todos los campos de la tabla que solamente consultar aquellos con los que voy a trabajar.

El diseño inicial de la base de datos es fundamental, más aún si sabemos que vamos a cargar gran cantidad de datos a la misma. Te recomendamos investigar los modelos de bases de datos relacionales si estás diseñando tu app desde cero. Acá algunos consejos generales para optimizar las consultas (y como consecuencia de esto los tiempo de respuesta). Este tipo de tareas puede ejecutarse desde el administrador de bases de datos del panel o desde un gestor mysql remoto.

  • Verificá regularmente el registro de consultas lentas del panel de control para identificar aquellas que deben ser optimizadas
  • Usar el comando EXPLAIN para ver como se ejecuta un SELECT. Esto es muy útil a fin de optimizar dicha consulta.
    Ej: EXPLAIN SELECT  * from nombredetabla
  • Ejecutar OPTIMIZE TABLE si se han hecho cambios en la misma. Este comando la repara y desfragmenta las tablas, sobre todo si se han eliminado datos recientemente.
  • Almacená las imágenes u otros archivos dentro del directorio web, no en la base de datos.
  • No uses nombres complejos para las columnas. Por ejemplo: En la tabla clientes, usá “nombre” en vez de “nombre_cliente” para almacenar el nombre del cliente.
  • Definir una longitud para los campos siempre que sea posible. Los campos con longitud fija (CHAR) son más rápidos que los de longitud variable (VARCHAR).
  • Optimizando INSERT:
    – Usar INSERT DELAYED cuando no sea necesario conocer si los datos han sido escritos correctemente. Con esto obtenemos una confirmación inmediata del servidor, mientras que el dato es almacenado en una cola para ser insertado luego (cuando la tabla no esté en uso).
    – Usá INSERT LOW_PRIORITY para darle prioridad a las consultas SELECT
    – Hacer múltiples INSERT en una sola consulta es preferible a hacer varios INSERT distintos.
     Ej: INSERT INTO table (col1, col2) VALUES (‘value1’, 1), (‘value2’, 2), (‘value3’, 3)
  • Optimizar WHERE:
    – Remover paréntesis innecesarios.
    – Usar SELECT COUNT(*) siempre que consultemos una sola tabla y no necesitemos agregar WHERE
  • Optimizando SELECT (te recomendamos este enlace http://dev.mysql.com/doc/refman/5.0/es/query-speed.html):
    – Realizá la consulta solo por los campos que necesitás (no uses SELECT * si no es necesario)
    – Agregá índices a las tablas sobre las cuáles utilizás SELECT…WHERE

Si utilizás un CMS (Joomla, WordPress, Oscommerce, Drupal, etc)

Tené en cuenta que cada plugin / componente que agregás representa un aumento de tablas en tu base de datos y por consiguiente, de consultas a la misma. Instalar agregados a tu CMS sin analizar previamente como funcionan y si realmente son necesarios, seguramente genere latencia adicional en el acceso al sitio.
A continuación, un resúmen de herrramientas útililes para optimizar tu sitio

Wordpress

Joomla

Podés usar el servicio de Google Traductor para traducir los enlaces referidos

Puntos a tener en cuenta para optimizar tu sitio y lograr un mejor rendimiento (Parte 1)

Antes que nada vamos a dejar en claro que optimizar un sitio web para un rendimiento eficiente depende de varios factores y requiere de un conocimiento intermedio en lenguajes y tecnologías web. O paciencia y buena predisposición para aprender 😉

Primero vamos a ocuparnos de verificar cuántos requests hace nuestra página, y el tamaño de los elementos que carga. Las herramientas fundamentales para revisar estos aspectos:

Bien, ya con estas herramientas instaladas en Firefox, podemos tener una idea de cuán optimizado está el sitio en función de la cantidad de elementos que carga. Vamos por pasos:

  1. Abrimos el navegador y desactivamos el caché del navegador utilizando la Web Developer Toolbar (ver imagen 1).
  2. Vamos a nuestro sitio
  3. Habilitamos Firebug (ver imagen 2), maximizamos dicha herramienta y seleccionamos desde el menú Red > Todo (imagen 3)
  4. Recargamos la pagina, dejando la ventana de Firebug abierta.
  5. Verificamos los resultados obtenidos (ver imagen 4) de acuerdo a la siguiente información:

Optimizacion web 1Optimizacion web 1Optimizacion web 1Optimizacion web 1

Url: Nos proporciona datos sobre el pedido http, encabezados del mismo y de la respuesta del servidor que procesó el pedido.
Estado: Resultado del pedido (Código + Estado). Para verificar el significado de los distintos códigos de respuesta del servidor, podés verificar este enlace.
Dominio: Dominio desde el cuál se descarga el contenido. Esto es muy importante, dado que muchos plugins actualmente solicitan datos a otros servicios web (Facebook, Twitter, weather.com, etc)  aumentando el número de elementos a cargar por sitio y como consecuencia de esto, el tiempo de carga del mismo. Tené en cuenta que, si cada elemento solicita datos de otro sevicio web, al tiempo de carga neto de tu página se le va a sumar el tiempo de carga de dichos elementos. Este último siempre va a depender de la rapidez de respuesta del servicio solicitado, y no de tu hosting.
Tamaño: Tamaño del elemento solicitado. Otro factor importante a tener en cuenta al evaluar los tiempos de carga del sitio. A mayor tamaño de los elementos de la página, más se encarecen los tiempos de carga de la misma.
Línea de tiempo: Nos brinda información referida a tiempos de carga del elemento, pasando el cursor sobre la línea de tiempo obtenemos información detallada sobre la composición del tiempo registrado.
Resúmen: Debajo del total de elementos cargados, obtenemos información sobre cantidad de pedidos, total de kb cargados por la página (si volvemos a habilitar la opción desactivada en el punto 1 y recargamos el sitio, veremos el total cargado desde el caché del navegador) y tiempo total de carga.

Esta información nos es de gran utilidad para detectar puntos a optimizar en nuestro sitio y evaluar el impacto sobre los tiempos de carga de nuevas funcionalidades que se agreguen al mismo.

Yslow y Pagespeed

Estos plugins de Firebug elaboran una calificación para nuestro sitio en base al análisis de los distintos factores que intervienen en la respuesta del sitio “del lado del cliente”. Estos son, todos los elementos que el visitante del sitio “descarga” al ingresar al mismo y no incluye la gestión sobre las bases de datos (la cuál verificaremos en la segunda parte).
Son más que interesantes las herramientas que nos ofrece Yslow ingresando en la pestaña Tools disponible desde el menú, entre las que se incluyen varios servicios de optimizadores y compresores de archivos .css y .js y la opción de ejecutar con un solo click una mejora respecto al tamaño de las imágenes del sitio (incluso podemos descargarlas ya optimizadas) utilzando la web de Smush.it .

Optimizacion web 1

Te recomendamos instalar estas herramientas y comprobar la calificación otorgada para tu sitio así como los consejos para pulir todos los aspectos involucrados a fin de lograr una óptima performance. Por cualquier duda sobre su uso, podés verificar la ayuda en línea para las mismas disponible en:

  • http://developer.yahoo.com/yslow/help/
     
  • http://code.google.com/intl/es-ES/speed/page-speed/

LAYOUT

SAMPLE COLOR

Please read our documentation file to know how to change colors as you want

BACKGROUND COLOR

BACKGROUND TEXTURE