1. Optimiza tus consultas para la query cache: tratar de no usar funciones no determinísticas como CURDATE, NOW o RAND, con las que MySQL decide desactivar la cache.

2. Usa el comando EXPLAIN sobre las consultas: para verificar si se usan correctamente los índices que hayas definido. Uso de explain.

3. Usa LIMIT 1 si solo quieres un registro: para que el motor de la base de datos deje de analizar registros en cuanto haya encontrado un registro que cumpla con las condiciones.

4. Indexa los campos de búsqueda: como norma general, crea un indice sobre los campos usados en el where de las consultas. Uso de full-text search.

5. Indexa y usa columnas del mismo tipo en los JOINs: es recomendable que tambien el character encoding sea exactamente el mismo.

6. No uses ORDER BY RAND(): penaliza bastante el rendimiento por lo que es recomendable usar alternativas, como hacer la ordenación a nivel de PHP.

7. Evita usar SELECT *: mejor elegir solo los campos que necesites.

8. Ten casi siempre un campo ID: primary key, auto_increment, int y unsigned. MySQL usa los primary keys en operaciones internas, por lo que es recomendable que estos se traten de un tipo de dato de tratamiento rápido.

9. Usa ENUM antes que VARCHAR: el tipo de dato ENUM es rápido y compacto, al almacenarse internamente como un TINYINT. Recomendable cuando el campo de texto solo puede coger determinados valores como por ejemplo “activo” e “inactivo”. Uso de Enum.

10. Obtén recomendaciones con PROCEDURE ANALYSE: con este comando MySQL analiza la estructura y contenido de una tabla y da recomendaciones sobre su definición. Uso de procedure analyse.

11. Intenta no definir campos que acepten el valor NULL: los NULL requieren espacio adicional y puede añadir complejidad en las comparaciones. MySQL comenta lo siguiente:

NULL columns require additional space in the row to record whether their values are NULL. For MyISAM tables, each NULL column takes one bit extra, rounded up to the nearest byte.

12. Considera usar unbuffered queries: en las consultas que devuelven muchos registros, puede ahorrar memoria, pudiendo empezar a trabajar sobre el resultset a partir de obtener el primer registro. Uso de unbuffered queries. MySQL lo explica así:

mysql_unbuffered_query() sends the SQL query query to MySQL without automatically fetching and buffering the result rows as mysql_query() does. This saves a considerable amount of memory with SQL queries that produce large result sets, and you can start working on the result set immediately after the first row has been retrieved as you don’t have to wait until the complete SQL query has been performed.

13. Guarda las direcciones IP como UNSIGNED INT: resulta más eficiente que hacerlo como VARCHAR y luego para hacer la conversion se pueden usar las funciones INET_ATON y INET_NTOA de MySQL o up2long y long2ip de PHP.

14.Las tablas FIXED-LENGTH (STATIC) son más rápidas: son aquellas que no tienen campos de tipo VARCHAR, TEXT o BLOB, de longitud no fija.

15. Pagina los INSERTs y UPDATEs grandes: si tienes que actualizar viente mil registros de una vez, mejor dividirlo se forma que se hagan de mil en mil, por ejemplo.

16. Elige el motor de almacenamiento adecuado: entre MyISAM e InnoDB ,según el uso de la base de datos que haga la aplicación.

17. Usa un Object Relational Mapper: como puede ser Doctrine para PHP, con el que se puede obtener ciertos beneficios en cuanto a rendimiento.

18. Cuidado con las conexiones persistentes: pueden dar problemas con la memoria y el límite de conexiones. Uso de mysql_pconnect.

Fuente: Top 20+ MySQL Best Practices

• Usa tablas: olvídate de usar divs porque dan más quebraderos de cabeza que otra cosa.
• Usa estilos inline: imprescindible hacerlo así porque la mayoría de clientes de correo eliminan los estilo por clases.
• Usa el atributo ALT en todas las imágenes: es muy habitual que el cliente de correo por defecto no enseñe las imágenes y entonces es recomendable enseñar el texto del ALT.
• No definas width y height para las imágenes: si se definen tamaños para las imágenes pero luego estas no se muestran, el resultado puede no ser bueno.
• Que el email esté dentro de una tabla con width del 100%: los clientes de correo solo tienen en cuenta el código dentro de la etiqueta body y no el código de la etiqueta body en sí misma. A tener en cuenta si por ejemplo se requiere un color de fondo.
• Ancho máximo de 600px: debido a que hay mucha gente que no abre el email y se queda con la preview.

Uso recomendado de tablas en los emails

• Da estilo a los enlaces: para machacar el estilo que tenga definido el cliente por defecto para todos los enlaces.
• Intenta no meter tablas dentro de otras tablas: para evitar problemas, mejor una tabla detrás de otra que una dentro de la otra.
• No uses imágenes de fondo: el texto encima de imágenes de fondo se ven mal en varios clientes.
• Los bordes no funcionan: como alternativa, se puede usar columnas de 1px.
• Bug con las imágenes en Hotmail: el cliente de Microsoft añade un extraño padding a todas, que se soluciona con un display:block.
• Codifica todos los caracteres: usar HTML entities en lugar de los caracteres especiales, asegura que el texto se verá bien en todos los clientes.
• No incluyas Javascript: si lo haces, lo más problable es que el email no pase el filtro de peligrosidad del cliente de correo.
• Ofrece al usuario una salida: un enlace para darse de baja del envío resulta imprencindible, hoy en día creo que por ley en España.
• Ofrece al usuario una alternativa: ofrecer un link hacia una visualización vía web del email resulta recomendable.
• Usa un GIF transparente: algunos navegadores no asimilan bien columnas sin contenido, por lo que si necesitas alguna, puedes usar una imagen transparente del tamaño que haga falta.

Antes de hacer envío hay que testearlo bien, por lo que resulta imprescindible tener cuentas en los principales servicios de correo como Hotmail, Yahoo y Gmail, así como varios navegadores disponibles, las versiones 6, 7 y 8 de Internet Explorer, Firefox, Safari y Google Chrome al menos.

Fuente: 20 Email Design Best Practices and Resources for Beginners

Enseña y colorea las expresiones JQuery dentro de la consola y el DOM inspector, resulta más fácil identificar los elementos jQuery y posibilita la inyección de código JQuery en cualquier página. Se encuentra en la versión 0.3.

FireQuery

Fuente: FireQuery: Firebug optimizado para jQuery

• Hazte amigo del manual de PHP.
• Activa el reporte de errores.
• Prueba un IDE, integrated development environment, un entorno integrado de desarrollo.
• Prueba un Framework, como pueden ser CakePHP o CodeIgniter
• Aplica el DRY, don’t repeat yourself, no te repitas, refiriendose a evitar el código redundante.
• Identa el código y usa espacios, para ganar en visibilidad del código.
• Escala tus aplicaciones, separando las distintas partes del código.
• Usa siempre <?php en lugar de <? para garantizar la compatibilidad de tus aplicaciones.
• Usa nombres de variables que tengan significado.
• Comenta el codigo para ganar en comprensión.
• Instala WAMP, isntalación conjunta de PHP y MySQL.
• Pon límites a tus script, con el set_time_limit
• Usa POO, programación orientada a objetos.
• Conoce la diferencia entre comillas simples y dobles.
• No pongan phpinfo() en el webroot, por razones de seguridad.
• Nunca te fíes de los usuarios, protégete de los ataques XSS.
• Guarda las contraseñas cifradas.
• Usa herramientas visuales de diseño de bases de datos, como DBDesigner o MySQL Workbench.
• Usa el output buffering.
• Protege tus scripts de ataques por inyección de código SQL.
• Prueba ORM, mapeo objeto-relacional.
• Usa un sistema de cache, como Memcached.
• Valida los datos provenientes de cookie.
• Usa un sistema de plantillas, como Smarty.
• Usa un sistema de debugging, como XDebug.
• Manten las llamadas a funciones fuera de iteraciones, por rendimiento.
• No copies variables extra.
• Actualizate a la última version de PHP.
• Reduce el número de consultas a base de datos.

Personalmente, a los que empiezan les recomendaría sobretodo coger buenos hábitos de programación: que el código sea limpio, no redundante, modulado, usando POO y demás. Más adelante, muy importante tener siempre en la cabeza el rendimiento de nuestras aplicaciones, no realizar consultas a base de datos innecesarias y optimizar todo lo optimizable. Finalmente, no olvidarse del tema de la seguridad.

Fuente: 30 PHP best practices for beginners

Performance Tuning Best Practices for MySQL: charla en Google sobre optimizar el rendimiento de MySQL, de la mano de Jay Pipes, empleado de MySQL.

Using CSS3: revisión de las características de la nueva versión de CSS, ya soportada por los últimos navegadores.

Google Android App Training: para empezar a desarrollar aplicaciones para Google Android.

Why Learn Object-Oriented PHP?: las ventajas de la programación orientada a objetos sobre PHP.

jQuery For Absolute Beginners Video Series: iniciación a JQuery, una de las más utilizadas librerías Javascript.

También ofrecen tutoriales sobre: escribe tu primer script en PHP, como instalar Wordpress en entorno local, crear servicios web con NetBeans, como crear un plugin para Wordpress, Authlogic, introduccíon al desarrollo web visual, Rails con Jquery, empezando con Dreamweaver CS3, programar aplicaciones de alto rendimiento para Adobe AIR, introducción a la programación de bases de datos con Python, funcionalidad y estilos avanzados para formularios, cómo usar Firebug para CSS, programación básica del Iphone, introducción a CodeIgniter, debugging de aplicaciones AJAX con Firebug, Komodo para desarrollar aplicaciones Rails, empezando con el CSS, aprende Django para crear una Wiki en 20 minutos, lo esencial de DOM y Javascript, usar Scaffolding y Bake en CakePHP, accesibilidad, desarrollar extensiones de Firefox, Facebook connect y encadenar strings con Yahoo Pipes.

Fuente: 30 More Helpful Video Tutorials For Web Developers

Estos son algunos entre los que me han parecido más interesantes:

SMO:

• Top 10 Reputation Tracking Tools Worth Paying For
• 10 of the Best Social Media Tools for PR Professionals and Journalists
• 20+ Free Press Release Distribution Sites
• 20+ Great Twitter Tools for Firefox
• SOCIAL BOOKMARKING: 50+ Social Bookmarking Sites

Desarrollo y diseño web:

• Web Design Toolbox: 130+ New Tools to Make You a Better and Faster Designer
• 6 Embeddable HTML Editors for Your Website Compared
• Web Development Toolbox: 120+ New Tools for Web Development
• 13 Free and Cheap Website Monitoring Services
• Another 16 Firefox Add-ons For Web Designers

Blogging:

• The Top 12 RSS Plugins for WordPress
• 20 of the Best SEO Plugins for WordPress
• 40+ Firefox Add-ons for High Speed Blogging

Miscelánea:

• 20+ Great Greasemonkey Scripts for Improving Your Facebook Experience
• URL Toolbox: 90+ URL Shortening Services
• Online Maps: 50+ Tools and Resources
• 90+ Online Photography Tools and Resources
• FLICKR TOOLBOX: 100+ Tools For Flickr Addicts

Fuente:
70+ Most Useful Mashable Posts for Search Marketers and Developers
70+ Most Useful Mashable Posts for Search Marketers and Developers – II

Google Page Speed

Al ejecutarlo, realiza un test de carga de la página actual y al finalizar muestra en que puntos podemos mejorar el rendimiento en cuanto a CSS, Javascript, compresión, imagenes, cache y demás parámetros. Al hacer click en cada uno de los apartados, se abre una página con la descripción detallada y consejos de optimización, basandose en sus propias recomendaciones.

El plugin se puede descargar desde aquí y además, ofrecen una guía de uso y comprensión de la herramienta.

Mas información: Proyecto en Google Code

Guia de referencia HTML y XHTML: disponen para descargar en PDF o consultar en HTML 17 de este tipo de guías, que abarcan practicamente todo el HTML y XHTML, muy util para la maquetación.

Guía referencia HTML y XHTML

Guia de referencia mod_rewrite: En formato PDF o imagen PNG, de gran ayuda cuando nos toca trabajar en la creación de URLs semánticas.

Guía referencia mod_rewrite

Guía de referencia htaccess: página con lo más relevante entorno al htaccess.

Guía referencia htaccess

Guía de referencia Wordpress: en PDF, interesante cuando toca meter mano al blog de Wordpress.

Guía referencia Wordpress

Fuente: Artículo de Ann Smarty en Search Engine Journal.

1. Testearla a conciencia con Internet Explorer y bajo Windows, con diferencia el navegador y el entorno más usado por la gente. Conviene instalarse Multiple IE, que permite ejecutar varias versiones de Internet Explorer desde el mismo ordenador en modo stand alone.

2. Probarla con los principales navegadores alternativos soportados por tu sistema operativo. En el caso de Windows, conviene instalarse Firefox en sus versiones 2 y 3, Opera, Safari y Chrome, que estando Google detras seguramente vaya cobrando más importancia con el tiempo.

3. Usar el servicio Browsershots, en su versión principal o la beta 0.3. Con esta aplicación podras comprobar como se ve tu web en multitud de navegadores y sus diferentes versiones, bajo Windows, Linux y MAC OS.

Browsershots

4. Probar la página en sistemas operativos distintos al de desarrollo. Si tienes oportunidad, testearla en algun ordenador con Linux y un MAC. Como alternativa, usar un sistema de virtualización como VMWare para tener disponibles entornos de prueba con Windows, Linux y MAC OS.

Desafortunadamente, son varios los navegadores que no siguen los estandares web, sobretodo IE, y por ello la tarea de maquetación puede resultar bastante pesada en algunos casos. Se supone que las nuevas versiones, como el IE8, estaran mas cerca de cumplir con esos estandares y de poder pasar con buena nota el duro test ACID en su versión 3, lo que ahorraría quebraderos de cabeza a los maquetadores.

En el caso de ser una página web orientada al entorno móvil, para las pruebas conviene usar emuladores de cada plataforma como Nokia Mobile Toolkit, dotMobi o WinWap. En el navegador Opera, al hacer shift+F11 en su versión normal se renderiza la página como en Opera Mini, su versión para móviles.

1. Firebug:
Imprescindible en la maquetación, permite ver y modificar los elementos HTML y estilos CSS directamente en la página. Imprescindible tambien para el debugging de aplicaciones AJAX, pudiendo ver al momento las peticiones y respuestas entre el servidor y el cliente. Además, tambien existen plugins para esta extensión como Yslow, para testeo de rendimiento y tiempo de descarga de los elementos de la página, Jiffy, para testeo de velocidad en ejecución de Javascript o FireCookie, para el manejo de las cookies.

Firebug

2. Web developer:
Muy completa, aunque pierde importancia si ya se usa FireBug. Permite deshabilitar cookies, css y javascript, rellenar formularios, ver los atributos de los elementos HTML en pantalla, validar HTML y CSS, ver información agrupada de los distintos elementos…

3. Live HTTP headers:
Para porder ver las cabeceras HTTP en tiempo real.

4. ColorZilla
Captura de colores en la página y paleta con los valores HTML de cada color.

5. IETAB
Permite cargar una página usando el motor de Internet Explorer dentro del propio Firefox.

6. HTML Validator
Validación W3C a distintos niveles de código HTML. Indica los errores de la pagina actual y desde la vista de código fuente del navegador, marca exactamente donde esta el error además de mostrar la descripción del mismo.

HTML Validator

7. Regular expressions tester
Testeo de expresiones regulares desde una ventana aparte.

8. Selenium IDE:
Entorno de desarrollo para la herramienta de testeo funcional de aplicaciones web Selenium.

Más información y descarga de cada extensión siguiendo el link de cada nombre. A veces conviene pasarse por la página web del propio autor para obtener la última versión disponible.