 |
Usuario: Ingresar |
Blog de diseño gráfico, informática, tecnología y cultura política.
 |
| Dirección URL | http://cgnauta.blogspot.com/ Registrado:03-Feb-2008 |
Compartir:
|
|
 Enviar a email | Cómo Optimizar tu sitio Web: Los consejos más comunes en General |  Por matius
el 31-Dec-1969 | 
 Perder kilos de mas en el caso particular de un Sitio Web, implica hacerlo más flexible, rápido y eficiente en el manejo de los recursos de un servidor, lo que reduce los costos de operación, aumenta la velocidad de acceso a los usuarios y permite una experiencia más agradable de uso.
Estamos en un mundo donde la población tienen diferentes modos de acceder a la información, desde computadoras de escritorios, portátiles a dispositivos móviles o inteligentes, con diferentes tipos de navegadores y capacidades de recepción, por tanto es necesario plantearse el tema de la optimización de nuestro sitio Web mediante una lista de los consejos más comunes:
¿Cómo se ve tu sitio en los navegadores?
Y con decir cómo se ve con cada navegador es bastante importante. Que te guste Firefox no significa que debas crear tus sitios solamente para este navegador, o que si te ves obligado a hacerlo para Internet Explorer, eso no significa que no puedas hacerlo con el resto de navegadores.
Ver un sitio desde diferentes navegadores ayuda a apreciar los problemas de compatibilidad.
Para darme cuenta que los videos que ponía en mi Web no se observaban correctamente en Internet Explorer, tuvo que pasar mucho tiempo, pues no basta con ver como se ve tu página en Internet Explorer, sino navegar por el sitio Web desde cada navegador y ver como se desempeñan elementos multimedia u otros que no cargan por X o Y motivo.
Mediante el navegador Opera, me dí cuenta de los errores de CSS que tenían las clases de texto y los margenes de los DIV, por ejemplo; CGnauta Blog se puede ver exactamente igual en cualquier navegador y si algo no funciona -como la compatibilidad con border-radius, eso no reporta ninguna alteración al diseño o su funcionalidad, por desgracia en mi caso, tardé bastante tiempo en darme cuenta y rediseñar el sitio de forma correcta y compatible fue problemático con los buscadores, en parte por diseñar con un único navegador.
Esto además, me llevó a detectar errores de sintaxis en la programación CSS.
¿Y en otras computadoras?
Sí, también sería necesario ver tu sitio web desde diferentes computadoras y ver los defectos del diseño que no se pueden apreciar desde un ordenador.
Estadísticas y Resolución de pantalla
Si tienes más de un año con tu sitio Web y dispones de estadísticas, o puedes analizar las estadísticas de otros sitios de tu misma temática e idioma, quizás sea un buen momento para un diseño basado en la resolución de pantalla más usado. Menos puede limitarnos, demasiado puede ser molesto, yo la primera vez diseñé desde una pantalla de 1400 x 900, un craso error, pues la publicidad derecha se oculta al cargar el sitio en un monitor de menor resolución y si el usuario no desplaza la barra nunca lo verá.
Este tipo de problemas se deben plantear desde un inicio, pues aunque no afecten la carga de la página, sí es un tema de usabilidad importante que puede limitar bastante los contenidos en un sitio.
 |
| Resoluciones más comunes en mi sitio web 1024*768 la más usada. |
¿Como afecta el Java Script tu sitio web?
Mucha gente no entiende lo dañino que pueden ser los Script y diseñan desde computadoras con un buen procesador y tarjeta gráfica, con la suficiente memoria para ejecutarlo, sin tomar en cuenta otras posibles configuraciones más limitadas.
He visitado muchos sitios que han tenido la genial idea de poner un Java Script de efecto de caída de nieve que los volvían prácticamente innavegables y unos devoradores de recursos.
Cuando los JavaScript carguen elementos como imágenes, audio o video, considere que se incrementará el tiempo de carga de su sitio y muchas veces superará el tiempo de espera que dan los navegadores para definir una descarga como fallida.
Recuerde que no todos tiene JavaScript activado, los menúes con Java Script no son aconsejables y existen alternativas mediante CSS.
Demasiado contenido, demasiado.
Los blogs son una gran fuente de dolores de cabeza para los que quieren sacar provecho de los mismos, hay bastantes cosas que se deben aprender otras desaprender, pero la tónica con los sitios dinámicos y de mucho contenido es que no necesitas poner todo el contenido en la misma página, pero no solamente la página principal, los archivos, categorías u otras páginas generadas dinámicamente deberían no contener más de 5 a 6 resultados.
Repartir el contenido en diversas páginas alarga el tiempo de estadía de tus usuarios en una web, lo que es positivo y si quieres rentabilizar tu sitio, esto aumentara las impresiones y oportunidades de que se de clic en la publicidad.
Si navegas por mi sitio verás que ningún resultado te mostrará contenido imposible de manejar para tu navegador, en portada aparecen solamente seis artículos y en las categorías o archivos un número similar, aunque ha sido necesario modificar el código básico de la plantilla, si se puede con Blogger, qué no se podrá con otros sistemas como Wordpress o parecidos.
Hay demasiados beneficios de tener un blog que se cargue rápido y con contenido moderado para ignorarse, el primero es que a tus usuarios ya los buscadores les gusta.
Revisar códigos y errores de sintaxis.
Esto es un punto delicado, desde que tengo este blog -que son ya varios años- he arrastrado errores garrafales además de problemas con no cerrar algunas etiquetas HTML sin darme cuenta -aunque actualmente Blogger avisa cuando hay una etiqueta defectuosa, aunque otros sistemas no lo hacen y menos si es una página estática-, auditar un blog con más de 2000 artículos puede llevar varias semanas si el error está dentro de una determinada página.
Hay formas de verificar si una plantilla está defectuosa, mediante programas como Dreamweaver o Validar el contenido desde W3C.
Los errores más básicos que se presentan en una webs son de CSS, generalmente por no cerrar los corchetes de apertura o cierre "{}" o poner el punto y coma ";". Ni siquiera Blogger se da cuenta de ello.
Optimizar imágenes, comprimir y reescalar.
Este es uno de esos errores típicos de los que diseñan los sitios, sacrificar la usabilidad por un bonito diseño o de aquellos que no se dan el tiempo de aprender lo básico sobre formatos de imágenes, lo cierto es que un sitio web como un blog no debería tener imágenes usadas en la plantilla cuya suma de kilobits (Kb) sean superior a 100 kb.
Toda imagen que supere los 200 pixeles por lado debería estar en formato JPG con una compresión de entre un 65 y 50%.
Las imágenes PNG no deben usarse directamente como imágenes, salvo para íconos o patrones destinados a repetirse mediante la instrucción CSS image-background, los Gif y Gif animados no los uses, son demasiado pesados.
Reducir elementos innecesarios
Esa bonita imagen en la cabecera o de fondo que tanto te ha gustado, las tipografías embebidas que mejoran el diseño de tu sitio, el audio que te parece genial o el video que se reproduce automáticamente.
¿Acaso hay algo de todo eso que sea necesario? En realidad el diseño de un sitio no es tan importante en lo visual comparado con su funcionamiento y usabilidad, aunque una cosa lleva a la otra.
¿Si visitas un sitio y escuchas una melodía mientras navegas, acaso no es un factor para que salgas pitado del mismo?
Cualquier elemento si no es necesario, no lo pongas. Es una lección bastante difícil de aprender. Los diseñadores muchas veces quieren diseñar para lo visual y realmente sería más fácil si simplemente quitaras lo innecesario, yo me he encontrado en estas situaciones varias veces hasta que la epifanía o revelación divina me dice: quítalo.
Cuidado con Flash
Actualmente Flash no es usado en el diseño de las páginas Web como Blogs, Foros, entre otros formatos, salvo Webs que anuncian un producto.
Flash es pesado, difícil de indexar por los navegadores y se requiere descargar un plugin para usarlo, piensa también que dispositivos como el Ipad o el Iphone no tiene soporte para el mismo, si lo usas para un video la cosa no es tan grave, pero si lo usas en los menúes, cuidado. Es mejor el texto plano que arriesgarse a perder un posible visitante solamente por no tener un triste menú convencional.
Para finalizar
Estos son los consejos -a mi parecer- más importantes sobre optimización Web, otros se aprenden en el camino con costosos errores, a mi me ha costado bastante hacer un rediseño, pues afectan con los motores de búsqueda y no siempre para bien, e incluso un rediseño que se un acierto tiene su costo porque en cuestión de buscadores implica la reindexación de todo el contenido y esto puede tardar mucho tiempo.
Los beneficios son claros, mejora la velocidad de carga, aumenta la velocidad de aparición de la publicidad, ayuda en la indexación con buscadores como Google, tu y tus usuarios lo amarán ¿qué más necesitas?
Leído 3 veces
|
|
 |
 | Almacenplantillasweb Blog |  madrid | Blog sobre recursos de diseño y desarrollo web AlmacenPlantillasWeb Diseño, accesibilidad, usabilidad, posicionamiento y optimización web |
| 10 puntos clave para optimizar la velocidad de un sitio web | | La velocidad y el rendimiento de nuestras páginas web es un aspecto de vital importancia desde el punto de vista de la experiencia del usuario y cada vez tiene una influencia mayor el su posicionamiento en los rankings de búsqueda. En el artículo "Using site speed in web search ranking" del Webmaster Central Blog de Google se hace hincapié en esta realidad. Por nuestra parte, hemos incluido vario [..] Leer nota completa | | Publicado 25-Jan-2011 por jlopezto en Optimización sitios weboptimizacionposicionamientorendimientoseo
Leído 5 veces. Más resultados en    |
|
| Blog Chef Uri | Barcelona | Blog sobre gastronomía. En él hay noticias, opinión, recetas.... Blog Chefuri.com Gastronomía en general, curiosidades en particular |
| Consejos para optimizar la carga un blog o web (I) |  Aprovechando que estamos en semana santa, he decidido hacer una entrada diferente. Esta vez será especialmente útil para quienes tengan una web o blog y necesiten optimizarlos para que carguen más rápido. La velocidad es un factor muy importante de cara al usuario y de cara a los buscadores. Con un poco de dedicación se [...] [..] Leer nota completa | | Publicado 09-Apr-2009 por chefwww en Artículosblogcargafirebugfirefoxoptimizarphp speedyvelocidadwebwebdeveloperwordpressyslow
Leído 13 veces. Más resultados en |
|
| Billytec | Barranquilla | Internet Apple Inventos Celulares Chile Portátiles Microsoft Computadores Linux Windows Juegos Audio Portátil Google Código Abierto Transporte Japón Video Digital Telefonía Consolas Video Software Gadgets Libertad de Información Televisión Misc Inalámbricos Lanzamientos FayerWayer HQ Banda Ancha Pantallas Evento Almacenaje HDTV Musica Ciencia Hackeos Impresentable Robots Brecha Digital Hogar Rumores Ecología FayerWayer Labs Firefox CES Imperdible Vestimenta Estructuras Energía Sistemas Operativos Seguridad Cámaras Digitales Humor Low Tech Off-Topic Hardware Audio Medios VoIP Legal Billytec en tu E-mail |
| Como optimizar nuestro windows vista: Microsoft |  Microsoft a publicado un articulo en pdf en el cual explica sencillamente como optimizar el windows vista, para hacerlo mas veloz y eficinete, No son nada nuevo,y algunas ya depronto la hemos utilizado, pero lo importante es que microsoft reacciono ante las inquietudes de los usuarios con respecto a algunas aplicaciones del vista.
Descarga el articulo [...] [..] Leer nota completa | | Publicado 01-Aug-2008 por omarpa en Aqui como AllaCuidado PersonalEllosGayHumanaLabor SocialMujeresUna RubiaYa
Leído 75 veces. Más resultados en |
|
| Maestro De La Computacion | Colombia | Blog dedicado a compartir conocimiento referente al mundo de la informática, tratando siempre de enseñar y hacer de la informática algo sencillo de entender
Maestro De La Computacion Informatica al alcance de todos |
| 5 Consejos para darle un buen diseño a tu sitio web |  Al crear una página en Internet uno de los puntos claves a tener en cuenta es el diseño web, sencillamente porque de este dependerá en gran parte el éxito o fracaso de nuestra web. Para lo anterior debemos pensar como usuarios y considerar lo que nos gustaría encontrar en el sitio dependiendo del objetivo del mismo.Entradas Relacionadas:
Compruebe si un sitio Web es seguro o está [..] Leer nota completa | | Publicado 12-Mar-2012 por Maestro en DiseñoInternetDiseño WebPaginas Web
Leído 2 veces. Más resultados en |
|
| Asistentes Virtuales Hispanas | Madrid | Directorio de asistentes virtuales y empresas que brindan servicios de asistencia virtual en español. Proveedores de servicios secretariales, administrativos y de asistencia a distancia utilizando las nuevas tecnologías de la información y las comunicaciones (TICs). AsistentesVirtualesHispanas.com El Mayor Directorio de Asistentes Virtuales Hispanas |
| Asistentes Virtuales Hispanas | Madrid | Directorio de asistentes virtuales y empresas que brindan servicios de asistencia virtual en español. Proveedores de servicios secretariales, administrativos y de asistencia a distancia utilizando las nuevas tecnologías de la información y las comunicaciones (TICs). AsistentesVirtualesHispanas.com El Mayor Directorio de Asistentes Virtuales Hispanas |
| La Justicia Ordenó Pagar las Guardias Pasivas como Horas Comunes | | La Cámara del Trabajo determinó que las guardias pasivas deben ser abonadas por el empleador como horas comunes, y que este tipo de trabajo no puede asimilarse al de las horas horas extras.
Este argumento se sostuvo en una causa por el despido de un trabajador de una empresa de vigilancia. Los jueces señalaron que durante [...] [..] Leer nota completa | | Publicado 14-Mar-2008 por Abogados en artistas
Leído 28 veces. Más resultados en |
|
| Graficopicante | Montevideo / Uruguay | diseño gráfico, web, progrmación.
Un blog donde se habla de temas de interés para el sector. graficopicante.com diseño, web, y cosas por el estilo |
| Como se ve tu sitio en otros navegadores |  Uno ingresa la dirección del sitio WEB y el sistema comienza (demora aproximadamente 3 minutos porque tiene colas de espera) a procesar el sitio en diferentes navegadores y realiza una captura de pantalla de cada uno. Podemos elegir que navegador ver y hay versiones de muchos navegadores tanto para MAC, LINUX , WINDOWS y BDS (Mozilla, Explorer, Flock, Opera, Konkeron, etc) Altamente recome [..] Leer nota completa | | Publicado 29-Apr-2008 por pablo en ActualidadCalidadCreatividadLiderazgoLogísticaManagementVenta DirectaadrhaargentinaCapacitaciónC
Leído 26 veces. Más resultados en |
|
| Diseño Estudio By Jg | Mexico | Blog de diseño gráfico, web, multimedia, publicidad, recursos para diseño, descargas, tutoriales, photoshop, illustrator, es un blg de Jorge Garcia Diseño Estudio by JG Blog de Diseño Gráfico, Artes Visuales e Informática. Desde México para el mundo. |
|
Advertencia YAAQUI.COM no verifica la veracidad de la información publicada y no se responsabiliza
por el uso que se le de a la infomación del contenido publicado en los feeds y weblogs independientes.
Las opiniones vertidas en este sitio no necesariamente son nuestras. Nos reservamos el derecho de
remover cualqueir material que consideremos inconveniente.
|
|
| |
Hola, Invitado
En línea: 78 visitantes
+ fotos
