‘optimizar’
Dicen que la diferencia esta en los detalles, nada más cierto cuando se trata del diseño de un blog, a menudo veo grandes diseños, pero como todo en la vida nada es perfecto ni nunca lo será.
Pero siempre se puede mejorar y es por esta razón que me propuse listar al menos 7 pequeños, grandes errores que la mayoría de los bloggers cometemos al crear el diseño de nuestro blog; y creanme que hasta a los mejores les pasa.
Mostrar el Index como Posts Recientes
Hace un tiempo escribí como mostrar posts recientes en WordPress, pero no fue hasta hace poco que un comentario me hizó darme cuenta que 
hay un pecado que todos comentemos cuando utilizamos este recurso en nuestro theme.
Incluimos los posts de la portada, en conclusión creamos una sección nada usable para el visitante, pues mostramos lo mismo que hay en nuestro Index.
Pero como en todo, hay una forma de corregirlo, usando el parametro offset, que se encargará de excluir el número de posts de nuestra portada de los artículos que tomará WordPress para mostrar, un ejemplo:
<ul>
<?php $lastposts = get_posts('numberposts=5&offset=5');
foreach($lastposts as $post) : setup_postdata($post); ?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>¿Una nueva ventana para cada enlace?
Personalmente no me gusta el uso de target=”_blank”, la mayoría se va por el hecho de creer que si los usuarios abren una página por ventana no se irán del sitio.
Tremendo error, como webmaster tu controlaras el sitio pero no debes interferir en como el usuario interactua con él, siempre se debe dejar que el lector administre el destino de los links que abre. Leer resto de la nota
Sin duda lo que le da belleza a la web es el CSS, no obstante aprender el lenguaje suele ser difícil, en primera porque es un mundo y en segunda 
porque no basta con saber las propiedades, hay que saber optimizar y escribir correctamente tus style.css.
Y aunque no me considero un experto en el tema, tengo unos cuantos consejos, técnicas y trucos CSS que he ido guardando a lo largo del tiempo, mismas que comparto a continuación:
Trabaja por secciones
Ejemplo aplicado al style.css de un theme WordPress, divide tu hoja en secciones: Estilos Globales o Generales, del Contenedor principal, Sidebar…
/* Global */
body { font: 14px/1.6 Arial, Helvetica, Verdana, sans-serif; }
/*Area de Contenido */
#wrap-post { width: 600 px; float: left; }CSS Shorthand, el mejor amigo de tu hoja estilos.
El principio básico del asunto según la W3C es que CSS esta compuesto por 2 cosas: un selector y una declaración y en cada declaración hay una propiedad y un valor, basandonos en esto los shorthands serían propiedades con valores condensados o comprimidos, ejemplo práctico: Leer resto de la nota
La capacidad de crear una página web que se pueda visualizar correctamente y sea accesible sin importar navegador o potencia de los recursos técnicos es algo que todo webmaster y desarrollador web deberia tener apuntado cada vez que trabaja en algún proyecto.
Incluso para los que no somos profesionales en este campo pero tenemos algún emprendimiento en internet es bastante correcto que nos esforzemos por crear un sitio con accesibilidad y usabilidad total, ¿cómo lograrlo?, a continuación algunos recursos y consejos.
1. Sigue las reglas y los estandares
Lograr que un blog o sitio sea cross browser no es fácil, pero el seguir los estandares de la W3C ayuda bastante a cumplir el objetivo.
Usable y Accesible
2. No uses hacks, mejor usa Fixes
Lo puedes hacer manualmente o usando IE6 CSS Fixer.
3. Optimiza tus imágenes
No es secreto que el tiempo de carga influye mucho para los usuarios; y es que son las imágenes las que más demoran en mostrarse, por ello es bueno siempre bajarles unos bytes con algún software para optimizar imágenes o herramientas web como Smush.it.
4. No te olvides del iPhone
Furor que causo el 3G 
y el iPhone es ya uno de los medios de entrada a internet que más adeptos gana dia a dia, por eso no es bueno olvidarse de él, checa como se ve tu sitio en el iPhone y si tienes un blog corriendo con WordPress optimizalo para el juguete favorito de Apple.
La optimización y compresión de imágenes para internet es algo que todo webmaster debe tener siempre en cuenta, una buena forma de hacer esto es utilizar Smush.it, una aplicación web de la que hablamos hace poco, pero si ustedes son mas dados a los programas de escritorio seguro 
les agradará RIOT.
El Radical Image Optimization Tool, es practicamente una navaja suiza en esto de los gráficos, ya que te ofrece la posibilidad de:
- Optimizar tus imágenes JPEG, GIF y PNG, comprimiendolas y ahorrando valiosos bytes o hasta megabytes.
- Trabajar en vista dual, pudiendo observar en todo momento la imagen original y al lado la que vas modificando.
- Decidir si se desea mantener los metadatos (comentarios, IPTC, XMP de Adobe, EXIF perfiles, perfiles ICC).
- Modificar el tamaño de la imagen mediante el uso de filtros resample conocidos (por ejemplo: Lanczos3, Catmull Rom, bicúbicos, etc).
- Definir transparencia en regiones especificas así como reducir tono, color, contraste y brillo de cada imagen.
Un gran freeware sin duda, mas para los que tenemos un blog o sitio web y nos es muy útil optimizar las imágenes.
Enlace | RIOT