Craftyman Blog » Optimización Web http://craftyman.net Redes Sociales, WordPress, Desarrollo Web, SEO Wed, 01 Feb 2012 00:57:30 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Simulador online para Opera Mini 5 http://craftyman.net/simulador-online-para-opera-mini-5/ http://craftyman.net/simulador-online-para-opera-mini-5/#comments Thu, 22 Jul 2010 14:49:51 +0000 craftyman http://craftyman.net/?p=1186 MicroEmulator y publicado en la pagina de Opera, este simulador de comporta tal y como si tubieramos el dispositivo movil.Este silulador esta hecho con Java y applets, licenciado bajo LGPL Tambien nos permite simular la version 4 de Opera Mini para testear.

Simulador Opera Mini 5

Simulador Opera Mini 4

via: Opera.com

 

Post Relacionados

]]> http://craftyman.net/simulador-online-para-opera-mini-5/feed/ 0 MobiOne : IDE y Emulador de iPhone para Windows http://craftyman.net/mobione-ide-y-emulador-de-iphone-para-windows/ http://craftyman.net/mobione-ide-y-emulador-de-iphone-para-windows/#comments Wed, 28 Apr 2010 14:07:23 +0000 craftyman http://craftyman.net/?p=1091 MobiOne es un espectacular IDE para móvil, por ahora nos brinda las posibilidades de desarrollar para iPhone y Palm Pre, próximamente lanzara soporte para otros SmartPhones como Blackberry.
Mejores características de MobiOne:
  • Emulador de iPhone casi perfecto y entorno de desarrollo para Apps (no necesita el SDK).
  • Editor y depurador para JavaScript, CSS3 y HTML5.
  • Plantillas para iPhone Web Apps.
  • Soporte para geolocalización.
  • Switcher para los User Agent.
  • Soporte para base de datos local HTML5.
  • Diseñador visual para hacer maquetas Web para móviles.
  • Soporte para PhoneGap (Framework para Aplicaciones Web para móviles).
  • Emulador de Palm Pre y entorno de desarrollo.

Emulador de iPhone

Visual Designer

 

 

Post Relacionados

]]> http://craftyman.net/mobione-ide-y-emulador-de-iphone-para-windows/feed/ 1 Acelerar el tiempo de carga de nuestro blog http://craftyman.net/acelerar-el-tiempo-de-carga-de-nuestro-blog/ http://craftyman.net/acelerar-el-tiempo-de-carga-de-nuestro-blog/#comments Fri, 08 Jan 2010 14:07:30 +0000 craftyman http://craftyman.net/?p=1046 Utilizar un Servidor Web de calidad
Esto es algo que podría solucionar definitivamente nuestros problemas de carga, pero el tema no es gastar por un servidor súper rápido teniendo pocas visitas, mientras un sitio no requiera de un servidor potente, es innecesario adquirirlo, yo estoy contento con el hosting de godaddy, cargan rápido mis paginas, pero se que esto terminara cuando se incrementen mis visitantes, para ese entonces debo cambiarme de servidor a uno mas potente como HostGator o MediaTemple que son recomendados.

Evitar las peticiones externas

Al hacer peticiones externas desde nuestra página web no gastamos recursos de nuestro servidor, pero esto puede hacerlo lento ya que muchos usuarios en Internet deben estar haciendo lo mismo y el tiempo de respuesta se hace cada vez más lento dependiendo de esto. Poner un widget que nos parece bonito no es la cuestión, la pregunta es ¿Necesito eso o no?.

Utilizar cache de páginas

Esto reducirá casi por completo las consultas SQL innecesarias e procesos del lado del servidor, hay que tener en cuenta que cuando generamos cache para una pagina esta debe tener un tiempo si es que la necesita, por ejemplo para refrescar el sidebar si contiene "los últimos post", "comentarios recientes", y alguna información que se actualice frecuentemente. Este tutorial te enseñara paso paso como implementarlo en tu pagina web. Si esta utilizando WordPress como blog, puede utilizar el plugin hypercache, esto hará el proceso y nos brinda un panel para configurar el tiempo de expiración, limpiado de cache, etc.

Minimizar los archivos JS y CSS

Tener nuestros códigos JS y CSS sin sangrías y sin comentarios no ayudara de mucho para esta optimización, al contrario uno debe codificar con espaciado y comentarios si son necesarios, la optimización deberá realizarse con una herramienta para este objetivo, una de ellas es YUI, es una aplicación desarrollada por Yahoo!, funciona por consola de comandos muy fácilmente, reduciendo enormemente el peso de nuestros archivos, esto hará que los usuarios tengan una mayor rapidez para ver nuestras paginas al descargar mas rápido los archivos.

Utilizar la menor cantidad de archivos JS y CSS externos

Al utilizar frameworks JS, como Mootools o jQuery, muchas veces también utilizamos sus plugins, esto nos lleva a incluir todos sus JS y CSS (si es que lo utilizan) de tal plugin, calculando los archivos JS y CSS que normalmente tenemos en nuestra pagina web y sumándolo con el framework, archivos del plugin tendremos demasiados archivos JS y CSS externos, esto hará lento también nos hará lentos, lo ideal seria juntar en un solo archivo el plugin y el framework, estos ya deben estar comprimidos.

Si tenemos Javascript dentro del <HTML> colocarlo al final del <BODY>

Si tenemos procesos Javascript que no pueden ir en un archivo externo, lo ideal será ponerlo antes de cerrar el tag </body>, esto porque al cargar la pagina, el navegador empieza en orden, por la cabecera y luego el cuerpo, si necesitamos algún procedimiento Javascript, necesitamos que la pagina cargue por completo, sino puede no encontrar algún elemento ya que no carga todavía por completo, es por eso que deberíamos colocarlo también dentro de una función que se ejecutara cuando cargue por completo el HTML. 
window.onload = function() {
  //proceso
}
Podemos informarnos también sobre las mejores practicas de rendimiento en estos docs de Yahoo! y Google. Esto son algunos de nuestros consejos para mejorar el rendimiento y carga de nuestro blog, si tienen algo que agregar, bienvenido sea!

 

Post Relacionados

]]> http://craftyman.net/acelerar-el-tiempo-de-carga-de-nuestro-blog/feed/ 1 Error 404: ejemplos de páginas y buenas prácticas http://craftyman.net/error-404-ejemplos-de-paginas-y-buenas-practicas/ http://craftyman.net/error-404-ejemplos-de-paginas-y-buenas-practicas/#comments Wed, 11 Nov 2009 04:35:11 +0000 craftyman http://craftyman.net/?p=1008

¿Cómo personalizar el error 404?

Una manera muy simple es crear o modificar el archivo .htaccess que deberá estar en la raíz de nuestra pagina Web: 
/html
    /.htaccess
    /.index.php
Y agregar este código que especificara cual es la pagina Web que deberá mostrar al usuario cuando ingrese una url no existente. 
errorDocument 404 /404.html
Ahora tendremos que crear un archivo 404.html para mostrar el error 404 personalizado. Primero debemos especificar que la pagina es una de tipo error 404, esto lo realizaremos colocando una función header al inicio de la pagina. 
header("HTTP/1.0 404 Not Found");
Luego para ayudar más al usuario podemos colocar este script proporcionado por Google Webmaster Central para este tipo de páginas. 
<script type="text/javascript">
    var GOOG_FIXURL_LANG = 'es';
    var GOOG_FIXURL_SITE = '[URL]';
</script>
<script type="text/javascript" src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js"></script>
donde [URL] será tu dominio: Ej. : http://craftyman.net/ Teniendo implementada estas opciones darás ayuda necesaria a los usuarios para encontrar lo que buscaban. Y para una mayor inspiración de como dar estilo a una página de error 404 puedes ver estos ejemplos:

54 Cool Examples of Custom Error 404 Pages

Wanted: Your 404 Error Pages

404 Error Pages: Reloaded

404 Error Pages, One More Time

[poll id="3"]

 

Post Relacionados

]]> http://craftyman.net/error-404-ejemplos-de-paginas-y-buenas-practicas/feed/ 1