Archivo de la categoría: Sitios Web

Crear un Favicon online para tu blog o sitio web

Para crear un favicon (icono .ico) personalizado para tu blog o sitio web, no hace falta que descargues ningún software, actualmente hay muchas herramientas online que te permiten generar favicons de manera fácil y rápida, sin necesidad de registros, en unos pocos segundos.

Una de las herramientas más utilizadas es Favicon.pro, un generador de iconos muy útil para completar tu blog o sitio web.

Crear un favicon

 

¿Cómo lo hago para crear un favicon?

En su página web explican los pasos a realizar detalladamente:

1. Seleccione el tamaño del favicon que desea crear.
2. Seleccione la imagen y súbala en el servidor.
3. Haga clic derecho en el enlace que le aparecerá y elija ‘Guardar como’.

 

¿Cómo añadir el favicon.ico creado en mi sitio web?

Lo único que tienes que hacer es subir el archivo al directorio raíz de tu sitio web, y copiar y pegar el siguiente código html dentro de la etiqueta <head> de todas tus páginas (generalmente es una plantilla):

<link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico”>

Espero haber sido de ayuda. ¡Saludos!

Fuente: http://www.favicon.pro/es/

MovSim, simulador de resoluciones para webs

Hoy os traemos una herramienta que os será muy útil para probar si un sitio web es responsive o no, MovSim, un simulador de diferentes resoluciones de pantalla.

Muchos desarrolladores no tenemos la posibilidad de tener en nuestras manos Smartphones o Tablets de diferentes fabricantes y tamaños para probar nuestros sitios web y comprobar que se adaptan correctamente. MovSim es un emulador de dispositivos móviles y tablets que te permitirá hacer un test de tu diseño Responsive.

Simulador de resoluciones de pantalla para tus sitios web

Simulador de resoluciones de pantalla para tus sitios web

Sólo tienes que introducir la URL de tu sitio web o blog y esta herramienta simulará de forma automática la visualización que un usuario tiene en un iphone 4. Si deseas probar con otra resolución, basta con clicar en el menú el dispositivo que queremos, podemos ir cambiando de uno a otro sin necesidad de volver a introducir la url de nuestra página web.

Espero que os haya sido útil. ¡Hasta la próxima!

Fuente: http://movsim.com

Obtener el tiempo de carga de una página web

Pingdom toolsSi estás optimizando tus páginas web para mejorar el posicionamiento en buscadores y la usabilidad de tus usuarios, y necesitas saber el tiempo de ejecución (medir el tiempo de carga) para comparar tus scripts y ver si tus cambios son mejores, puedes usar las siguientes herramientas:

  • Pingdom Tools: Load Time Analiza el sitio web completo revisando el peso y la carga de cada uno de los elementos que componen el sitio web, generando un reporte en forma de cascada con colores distintos para diferenciar cada elemento y ver objeto es el que tarda más en cargar.
  • Google: PageSpeed Insights Se trata de una herramienta de análisis que Google ofrece para optimizar sitios web. Lo único que tienes que hacer es introducir la url y esperar a que genere un reporte personalizado con una lista de sugerencias para mejorar el tiempo de carga en dispositivos móviles y navegadores de escritorio.
  • GTMetrix Esta herramienta te muestra de manera porcentual el impacto de cada error de tu página web on una posible solución detallada para que puedas corregirlo fácilmente. Además, en GTMetrix puedes medir la velocidad de tu sitio web y ver el comportamiento de cada elemento como: Javascript, CSS, Solicitudes HTTP, Búsquedas de DNS, Ajax,…
  • Load Impact
  • WooRank

 

También podéis usar la función microtime() en PHP para sacar el tiempo de ejecución de un bloque de código, el tiempo calculado es en microsegundos.

Un ejemplo de código que podríais usar:

<?php
//Crear la variable inicio al principio de la ejecución
$inicio = microtime(true);

// Código del que quieres medir el tiempo

// Volvemos a calcular el tiempo
$final = microtime(true);

// Haciendo la diferencia entre el tiempo de inicio y el tiempo final, sabemos el total
$total = $final – $inicio;
echo ‘Tiempo en ejecutar el script: ‘.$total.’ microsegundos';
?>

Hacer que un sitio web cargue rápido es todo un reto para los diseñadores y programadores. Esperamos que este artículo os haya sido de ayuda.