Consejos para mejorar el rendimiento de una página web: el cliente

La mejora del rendimiento de una página web es un elemento clave en el desarrollo de un sitio web, pero muchas veces se descuida. Cuando un sitio web soporta una gran carga de peticiones y se “hunde” su tiempo de respuesta, optimizar las páginas web puede ser la única solución ya que puede ser difícil o imposible optimizar el servidor web (está perfectamente configurado y no hay dinero para comprar otro).

Mejorar el rendimiento de una página web es muy importante porque influye en la experiencia de usuario y puede ser la clave para que un usuario retorne a nuestro sitio web o no vuelva nunca más.

En Internet podemos encontrar numerosos artículos sobre cómo mejorar el rendimiento de una página web. Los siguientes artículos se refieren a optimizan en el lado del cliente, aunque también hay algunos consejos que se tienen que aplicar en el lado del servidor:

Yahoo! Best Practices for Speeding Up Your Web Site

35 consejos (best practices) ordenados en 7 categorías (contenido, servidor, cookie, CSS, JavaScript, imágenes y móvil). Algunos ejemplos de los consejos:

• Minimiza las peticiones HTTP: cuantos menos ficheros, menos peticiones al servidor, mucho mejor. Por ejemplo, combina los CSS y los scripts en uno solo.
• Coloca CSS y JavaScript en ficheros externos: cuando un CSS o un código en JavaScript sea empleado en muchas páginas, colócalo en ficheros externos. De este modo, el navegador los podrá guardar en la caché y se reducirá la descarga de infomación.
• Utiliza GET en las peticiones AJAX: si se usa POST, se envía dos paquetes TCP. Con GET se puede reducir, pero recuerda que las URL tienen un tamaño limitado (sobre 2 Kb).

14 Rules for Faster-Loading Web Sites

Orece los siguientes 14 consejos, algunos muy parecidos a los de Yahoo! (o quizás fue al revés):

• Rule 1 – Make Fewer HTTP Requests
• Rule 2 – Use a Content Delivery Network
• Rule 3 – Add an Expires Header
• Rule 4 – Gzip Components
• Rule 5 – Put Stylesheets at the Top
• Rule 6 – Put Scripts at the Bottom
• Rule 7 – Avoid CSS Expressions
• Rule 8 – Make JavaScript and CSS External
• Rule 9 – Reduce DNS Lookups
• Rule 10 – Minify JavaScript
• Rule 11 – Avoid Redirects
• Rule 12 – Remove Duplicate Scripts
• Rule 13 – Configure ETags
• Rule 14 – Make AJAX Cacheable

Estos consejos están escritos por Steve Souders, autor de dos libros sobre este tema: High Performance Web Sites y Even Faster Web Sites.

Exploremos la Web de forma más rápida

Consejos, ejemplos y artículos de Google. También podemos encontrar artículos destinados a dispositivos móviles, como Make the mobile web faster.