Archivo para la categoría ‘Programacion

Para diseñadores y programadores IE6 es una de las peores lacras que ha sufrido la web desde hace años pero el problema es que la gran mayoría de los usuarios no lo ven como un problema sino que simplemente lo utilizan porque todavía a día de hoy creen que es la mejor y única alternativa para navegar en Internet.

Sinceramente para mi desarrollar un sitio web para que sea compatible con los diferentes navegadores y en especial Internet Explorer 6 no es una tarea divertida, no conozco a ningún profesional que disfrute desarrollando para IE6 y eso seguramente se deba a su pobre soporte de CSS y a que es un navegador lento e inseguro.

Para los usuarios el gran problema es que las funcionalidades de esta versión del navegador se han quedado obsoletas.

Hace ya muchos años que existe una alternativa idónea a IE6, Firefox, pero es muy difícil que los usuarios se acostumbren a instalar y utilizar un navegador que no viene instalado por defecto en su sistema operativo.

Durante 7 años ha sido el navegador más utilizado lo que provoca que un gran número de ordenadores aún sigue instalado, en muchos de estos ordenadores los usuarios no son los administradores y no tienen más remedio que utilizarlo.

A día de hoy tenemos gran cantidad de alternativas:

Google deja de dar soporte dentro de poco a IE6

Google ha anunciado en su blog para empresas que dejará de dar soporte a IE6 dentro de poco tiempo, muchas otras empresas ya han dejado de soportar a los navegadores más antiguos, como IE6, al igual que lo hizo Youtube y Flickr, las empresas se están empezando a dar cuenta finalmente de la carga que es seguir soportando un navegador como IE6.

Todos estamos de acuerdo en que uno de los mayores problemas a los que nos enfrentamos habitualmente los desarrolladores es lograr una rápida carga de nuestro sitio web, en cuanto vamos añadiendo funcionalidades nos vamos encontrando con ralentizaciones en la carga del sitio por lo que debemos encontrar el equilibrio entre las funcionalidades y la velocidad de carga del sitio.

Hay diversos estudios que han demostrado que una buena velocidad del sitio web nos lleva a un aumento de la actividad y retención de usuario, ademas que nos permite una reducción de costes en todos los sentidos.

Algunos consejos para aumentar la velocidad de un sitio web

  1. Realiza pocas peticiones HTTP
  2. Haz uso de CDN (Content Delivery Network)
  3. Añade una etiqueta para hacer expirar tus cabeceras, Expires header
  4. Habilita la compresión por Gzip
  5. Pon el CSS al principio de todo
  6. Pasa los archivos JS al final
  7. Evita los comentarios CSS
  8. Pon tu CSS y tus archivos JS en archivos externo
  9. Reduce las consultas DNS
  10. Optimiza y minimiza el código de tus archivos JS
  11. Evita las redirecciones
  12. Elimina los scripts duplicados
  13. Configurar los ETags

A todos estos consejos tenemos que añadir que sin duda es necesario en primer lugar un servidor rápido, el servidor es la pieza clave para que un sitio web cargue rápido sin duda lo mejor será conseguir un hosting pago que te ofrece mayor velocidad y soporte, pero en caso de no tener dinero suficiente, y tengas que alojarte en uno gratuito, prueba muchos y decídete por el que más rápido te parezca.

Herramientas para acelerar nuestro sitio web

Herramientas de Google Webmaster

Google Webmaster ha lanzamo recienteme una funcionalidad llamada: Rendimiento del sitio, una función experimental en las Herramientas para webmasters que te muestra información sobre la velocidad de tu sitio y sugerencias para hacerlo más rápido.

Encontrarás datos sobre la rapidez de carga de las páginas, así como de su evolución en el tiempo; una comparación entre el tiempo de carga de tu sitio y de otros sitios; ejemplos de páginas concretas con sus tiempos de carga reales; y sugerencias de Page Speed, que pueden ayudar a reducir la latencia que perciben tus usuarios.

Page Speed

Google lanzó hace un tiempo Pagespeed, una herramienta que llevan desarrollando muchos años y que utilizan ellos mismos para optimizar sus sitios, es más o menos una competencia a YSlow de Yahoo! del que hablamos en el siguiente punto.

Al instalarlo se integra a Firebug y al ejecutarlo, Pagespeed nos dará diversos consejos y parámetros que podemos tomar en cuenta para mejorar el desempeño de carga de nuestro sitio, y de lo más interesante incluso genera versiones optimizadas de las imágenes que tengamos para que las reemplacemos y utilicemos para reducir así también la carga.

La documentación es excelente y merece la pena instalarla para experimentar.

Ambas noticias agregan mucho valor de parte de Google a la web, y ya las veo como opciones imprescindibles en un futuro.

YSlow, analizador de rendimiento web

Si quieres poner en práctica estos consejos y ver como poco a poco vas consiguiendo agilizar la carga de tu sitio no dudes en instalarte YSlow.

Este plugin de Yahoo llamado YSlow para Firebug (en Firefox) es sin duda una herramienta que todo webmaster debería tener funcionando en su navegador.

Para acceder a todas sus posibilidades hay que instalar primero Firebug y luego YSlow. Una vez instalado, se capturan todos los datos relativos a las páginas y sus elementos. Hay información sobre Rendimiento, Estadísticas y Componentes.

Para los que aún no conozcan Firebug decir que es una extensión que te ayudará a desarrollar, evaluar y depurar sitios web, controlando el CSS y HTML en tiempo real, midiendo el tiempo de carga para optimizar la página o corrigiendo los posibles errores Javascript.

function clickable($url){
$url = str_replace("\\r","\r",$url);
$url = str_replace("\\n","\n
“,$url);
$url = str_replace(“\\n\\r”,”\n\r”,$url);

$in=array(
‘`((?:https?|ftp)://\S+[[:alnum:]]/?)`si’,
‘`((? );
$out=array(
'$1 ‘,
$1
);

JSON para PHP

27 de marzo de 2009

en: Programacion

En este ejemplo vamos a ver como hacer una pequeña aplicación con PHP que nos permita traducir todo tipos de contenidos sin la necesidad de utilizar Ajax, para ello utilizamos Google Ajax Language API, y es que aunque el nombre de la API dice bien claro “Ajax” esta API nos da soluciones para aquellos entornos de desarrollo que no disponen de la posibilidad de utilizar Javascript, por ejemplo como en este caso con PHP o para desarrolladores Flash.

En todos los casos el método permitido es GET y el formato de respuesta es JSON, es realmente sencillo de utilizar gracias a esta facilidad que nos ofrece en ambas características. Es muy importante que en este ejemplo pongamos correctamente las cabeceras en las peticiones y del mismo modo necesitaremos utilizar una clave para nuestro dominio (API Key).

Únicamente el ejemplo lo que hará es pasarle a nuestro script PHP alguna palabra o frase y este script en PHP hará una petición que con la ayuda de las funciones de curl nos devolverá las palabras traducidas.

Borrar elementos de un array en Php no es una cosa que se necesite a menudo, gracias a la potente función Array Filter podemos borrar algunos elementos del array.

Por ejemplo supongamos que tenemos un array que contiene valores numéricos y letras, queremos separar los valores numéricos porque los necesitamos para un determinado propósito.

Cómo se puede ver en el ejemplo utilizamos dos veces la función, la primera es para filtrar los datos numéricos y la segunda vez es para ordenar el array y que no nos queden elementos intercalados vacios.

$data = array(12, "f", 21, "g", 43.96, "php","");

// Filtramos los datos de $data con la función array_filter y el filtro is_numeric
$datos_numericos = array_filter($data, "is_numeric");

// Volvemos a ejecutar la función para que nos re-indexe el array empezando por 0
$datos_numericos = array_values($numeric_data);

// Imprimimos los datos
print_r($datos_numericos);

La ejecución de este script nos devolvería lo siguiente:

Array
(
    [0] => 12
    [1] => 21
    [2] => 43.96
)