Hola,
Aquí les presentare las herramientas que suelo usar en línea para la optimización de un sitio web y mejora del mismo, muy recomendadas & de utilidad extrema como le diría yo.
Cuando estamos desarrollando un sitio, haciendo una imagen o similar en lo que el diseñador o el programador nunca se da cuenta es en el peso del sitio, digo casi nunca, lo digo por que he entrado a muchos sitios y están de pesados hasta en una pc Dual Core. Aparte de que le cargan muchos plugins, o suben imágenes que pesan hasta 500 KBs no se dan cuenta que hay personas que tienen solamente 512 KBs de internet o 1 MB de internet, y el sitio le carga lento. Estas personas proceden a dejar de visitar dicho sitio o a molestarse.
También por pesado esa es otra cosa, si tiene muchas cosas cargada el sitio y un visitante o cliente entra desde una Pentium 3 o 4 dependiendo de su memoria aunque sea una Dual Core o Core 2 Duo dependiendo de la memoria también le puede resultar una molestia. Incluyendo que por sobrecarga hay personas que tienen aun pantallas de 800x800 y por nosotros querer poner el sitio bonito no nos fijamos en que esas personas tienen que estar usando el scroll para manejar el sitio, resulta que también se pierden dichas visitas.
Consejos pequeños:
Desactiva plugins, deja 3, 4 o 8 como lo máximo, mientras menos mejor, en el foro o blog desactiva los mods que tengas por opcional, eso también tiene que ver con esto, en el blog los widgets optimizados o deja pocos, son fuente de poner algo pesado, no incluyas muchos videos en los widgets si pondrás videos, las imágenes súbelas optimizadas, nunca subas imágenes que pesen mas de 100 o 200 KBs mucho menos 1 MB que hay es que te pegas el tiro, instala plugins de cache, o usa el htaccess como para controlar el cache. Todos estos consejos pequeños y mucho más, ahora vamos con las herramientas.
Pequeña explicación del resultado de los consejos:
El sitio cargara mas rápido, al usuario le pondrá feliz, te ahorraras banda ancha, puede que tengas menos posibilidades de que el hosting te suspenda por abuso, ahorraras disco duro, ahorraras muchas otras cosas mas, el sitio mejorara un 80% o 70% dependiendo.
Ahora las herramientas que mas uso y recomiendo:
CloudFlare: Esta herramienta, es la que mayormente uso con frecuencia para un blog o cualquier otra comunidad, me protege los DNS, me protege contra los ataques, me optimiza un 50% mas el sitio total 100% por todo, la rapidez del sitio con esta herramienta se vuelve increíble, pero mega increíble, aparte de que evita ataques, evita a los spammers, evita muchas cosas mas, con esta herramienta en el sitio web estas instalando un firewall de seguridad aparte del que ya provee el hosting donde contrataste. El CloudFlare nunca falla y es muy bueno e recomendado, si le sabes dar buen uso tendrás un sitio web extremadamente protegido y optimizado, CloudFlare es tu antivirus en línea.
W3 Validator HTML: Esta herramienta funciona para comprobar los errores de html que hemos dejado en el sitio, o mas bien en nuestro diseño al estar desarrollándolo, con esta herramienta si tienes conocimiento sobre esto podrás corregir todos los errores html que pueda tener el sitio, o una mayor parte al menos, con esto el Google lo valora también y obtienes mejores posiciones debido al HTML valido.
W3 Validator CSS: Un CSS mejor y valido, ayuda también, y mientras haces este proceso de corregir los errores CSS también estas optimizando el sitio sin darte cuenta, eliminas errores, códigos innecesarios en el CSS.
W3 Validator FEED: Es increíble pero existe así como lo ven, hay personas que hacen el FEED mal y tiene que corregir errores, o personas que no saben darle buen uso al FEED, con esto descubriremos los errores y le daremos solución.
FreshPixels: Con esta grandiosa herramienta para optimizar imágenes, podremos bajarle un gran peso a la imagen a un tamaño adecuado, incluyendo la calidad, con esta herramienta antes había probado con imágenes de hasta 3 MBs y me la ha dejado en solo 100 KBs o hasta en 50 KBs con la misma resolución, esta herramienta es increíble, optimiza imágenes mas que cualquiera, demasiado útil.
CleanCSS: Con esta herramienta, si tenemos un diseño con demasiados errores CSS, pues esta es la solución a los problemas, copiamos todo el CSS, lo pegamos y optimizamos el CSS, esto es de gran utilidad y corrige una gran variedad de errores que pueden dejar el CSS extremadamente impecable y totalmente limpio.
IConvertIcons: Esta herramienta es para crear favicons, si tienes una imagen en PNG la puedes convertir en un simple favicon de X tamaño. Es de utilidad por que así no tengo que estar usando programas para esto.
IconsPedia: Esta es una grandiosa herramienta para encontrar iconos bien optimizados para categorías de foros, y mucho mas, en vez de estar buscando en otros sitios, esta herramienta contiene una gran variedad buena de iconos, buscando palabritas en ingles como News, Pc, Web, Forum, Note, Report, etcétera, podremos encontrar iconos relacionado a lo que deseamos.
PingDom: Con esta herramienta podremos medir la carga de nuestros sitios web, herramienta de ultra utilidad, para saber el tiempo en el que carga nuestro sitio web, y también darnos cuenta de si debemos de optimizar mas o no, con esta herramienta podrás guiarte un poco de cuando vayas optimizando imágenes, javascript, css pues el tiempo de carga estará mejorando.
Un saludo.
Aquí les presentare las herramientas que suelo usar en línea para la optimización de un sitio web y mejora del mismo, muy recomendadas & de utilidad extrema como le diría yo.
Cuando estamos desarrollando un sitio, haciendo una imagen o similar en lo que el diseñador o el programador nunca se da cuenta es en el peso del sitio, digo casi nunca, lo digo por que he entrado a muchos sitios y están de pesados hasta en una pc Dual Core. Aparte de que le cargan muchos plugins, o suben imágenes que pesan hasta 500 KBs no se dan cuenta que hay personas que tienen solamente 512 KBs de internet o 1 MB de internet, y el sitio le carga lento. Estas personas proceden a dejar de visitar dicho sitio o a molestarse.
También por pesado esa es otra cosa, si tiene muchas cosas cargada el sitio y un visitante o cliente entra desde una Pentium 3 o 4 dependiendo de su memoria aunque sea una Dual Core o Core 2 Duo dependiendo de la memoria también le puede resultar una molestia. Incluyendo que por sobrecarga hay personas que tienen aun pantallas de 800x800 y por nosotros querer poner el sitio bonito no nos fijamos en que esas personas tienen que estar usando el scroll para manejar el sitio, resulta que también se pierden dichas visitas.
Consejos pequeños:
Desactiva plugins, deja 3, 4 o 8 como lo máximo, mientras menos mejor, en el foro o blog desactiva los mods que tengas por opcional, eso también tiene que ver con esto, en el blog los widgets optimizados o deja pocos, son fuente de poner algo pesado, no incluyas muchos videos en los widgets si pondrás videos, las imágenes súbelas optimizadas, nunca subas imágenes que pesen mas de 100 o 200 KBs mucho menos 1 MB que hay es que te pegas el tiro, instala plugins de cache, o usa el htaccess como para controlar el cache. Todos estos consejos pequeños y mucho más, ahora vamos con las herramientas.
Pequeña explicación del resultado de los consejos:
El sitio cargara mas rápido, al usuario le pondrá feliz, te ahorraras banda ancha, puede que tengas menos posibilidades de que el hosting te suspenda por abuso, ahorraras disco duro, ahorraras muchas otras cosas mas, el sitio mejorara un 80% o 70% dependiendo.
Ahora las herramientas que mas uso y recomiendo:
CloudFlare: Esta herramienta, es la que mayormente uso con frecuencia para un blog o cualquier otra comunidad, me protege los DNS, me protege contra los ataques, me optimiza un 50% mas el sitio total 100% por todo, la rapidez del sitio con esta herramienta se vuelve increíble, pero mega increíble, aparte de que evita ataques, evita a los spammers, evita muchas cosas mas, con esta herramienta en el sitio web estas instalando un firewall de seguridad aparte del que ya provee el hosting donde contrataste. El CloudFlare nunca falla y es muy bueno e recomendado, si le sabes dar buen uso tendrás un sitio web extremadamente protegido y optimizado, CloudFlare es tu antivirus en línea.
W3 Validator HTML: Esta herramienta funciona para comprobar los errores de html que hemos dejado en el sitio, o mas bien en nuestro diseño al estar desarrollándolo, con esta herramienta si tienes conocimiento sobre esto podrás corregir todos los errores html que pueda tener el sitio, o una mayor parte al menos, con esto el Google lo valora también y obtienes mejores posiciones debido al HTML valido.
W3 Validator CSS: Un CSS mejor y valido, ayuda también, y mientras haces este proceso de corregir los errores CSS también estas optimizando el sitio sin darte cuenta, eliminas errores, códigos innecesarios en el CSS.
W3 Validator FEED: Es increíble pero existe así como lo ven, hay personas que hacen el FEED mal y tiene que corregir errores, o personas que no saben darle buen uso al FEED, con esto descubriremos los errores y le daremos solución.
FreshPixels: Con esta grandiosa herramienta para optimizar imágenes, podremos bajarle un gran peso a la imagen a un tamaño adecuado, incluyendo la calidad, con esta herramienta antes había probado con imágenes de hasta 3 MBs y me la ha dejado en solo 100 KBs o hasta en 50 KBs con la misma resolución, esta herramienta es increíble, optimiza imágenes mas que cualquiera, demasiado útil.
CleanCSS: Con esta herramienta, si tenemos un diseño con demasiados errores CSS, pues esta es la solución a los problemas, copiamos todo el CSS, lo pegamos y optimizamos el CSS, esto es de gran utilidad y corrige una gran variedad de errores que pueden dejar el CSS extremadamente impecable y totalmente limpio.
IConvertIcons: Esta herramienta es para crear favicons, si tienes una imagen en PNG la puedes convertir en un simple favicon de X tamaño. Es de utilidad por que así no tengo que estar usando programas para esto.
IconsPedia: Esta es una grandiosa herramienta para encontrar iconos bien optimizados para categorías de foros, y mucho mas, en vez de estar buscando en otros sitios, esta herramienta contiene una gran variedad buena de iconos, buscando palabritas en ingles como News, Pc, Web, Forum, Note, Report, etcétera, podremos encontrar iconos relacionado a lo que deseamos.
PingDom: Con esta herramienta podremos medir la carga de nuestros sitios web, herramienta de ultra utilidad, para saber el tiempo en el que carga nuestro sitio web, y también darnos cuenta de si debemos de optimizar mas o no, con esta herramienta podrás guiarte un poco de cuando vayas optimizando imágenes, javascript, css pues el tiempo de carga estará mejorando.
Un saludo.
Google lo valora también y obtienes mejores posiciones debido al HTML valido. error xddd tu puedes explorar desde google bot, mientras google bot lea bien la web le da igual eso 
un saludo ^^ y gran post
un saludo ^^ y gran post
¿Porque no webeamos un poco?
[url=https://webeamos.com/][/url]
[url=https://webeamos.com/][/url]
(27 Jul, 2012, 1:30 am)wsoul escribió: Google lo valora también y obtienes mejores posiciones debido al HTML valido. error xddd tu puedes explorar desde google bot, mientras google bot lea bien la web le da igual eso
un saludo ^^ y gran post
Gracias,
Mas adelante voy a seguir recolectando herramientas y recomendando,
Conozco más pero para empezar esta es la parte 1 del post
Un saludo.