Saltar al contenido principal

Performance

En el caso de las webs, el término Performance o rendimiento, se refiere a la velocidad de carga o a la potencia de cálculo de un servidor, es decir, a la velocidad a la que se transmiten los datos del servidor al cliente.

Razones para una buena performance

Una web que se carga lentamente, puede animar a los clientes potenciales a abandonar la página. Para asegurar una interacción fluida, se tiene que hacer algo de forma proactiva para conseguir un buen rendimiento. Fundamentalmente con el creciente uso de dispositivos móviles, una impresión positiva mediante de una carga rápida y discreta es esencial para convertir a los visitantes en clientes. Cuando una página se carga lentamente, el visitante puede rebotar y después hacer un clic en el resultado de la búsqueda de un competidor. El rendimiento de una web ha ganado en importancia porque los sitios web son cada vez más grandes y las redes son cada vez más lentas mediante de cargas más altas.

Ventajas de un buen rendimiento

La interacción fluida con un portal web mantiene a los visitantes allí y crea confianza. A la vez, se pueden reducir los costes operativos. Un mejor rendimiento además significa una disminución de la velocidad del sitio, lo que puede tener un efecto positivo en el posicionamiento de los motores de búsqueda.

Opciones de optimización

Existen muchas maneras de mejorar el rendimiento de las webs. Solamente unas pocas se pueden aclarar en pocos segundos. No todos los métodos son aconsejables para todas las webs, por lo que siempre se debe comprobar antes de la ejecución si el esfuerzo dará sus frutos o no.

Uso de la caché del navegador

Es viable almacenar los archivos en la memoria caché, es decir, almacenarlos en un búfer en el lado del cliente. Por ejemplo, si una imagen se almacena en la caché en la primera visita a esa página, se puede cargar desde allí para la segunda visita. La página se cargará más rápido porque la imagen no tiene que ser transferida. El almacenamiento en caché sólo es útil para los archivos que no cambian a menudo. Se debe realizar una entrada respectivo en el archivo .htaccess para que esto se ejecute.

Compresión previa con gzip

Otra forma de reducir el tiempo de carga es comprimir los datos antes de que sean enviados por el servidor. Esto se hace utilizando gzip en el archivo .htaccess. HTML, CSS, JavaScript y otros tipos de archivos pueden ser comprimidos. Al mismo tiempo, los espacios en blanco y los comentarios se pueden borrar antes. La recepción de esta página comprimida es compatible con los navegadores modernos actuales. Es viable reducir el tiempo de carga a la mitad con gzip.

Disminución de peticiones HTTP

Cada elemento de la página es una petición HTTP. Un navegador puede cargar entre dos y ocho de estos items a la vez, todos los demás entran en una especie de cola. De este modo, se tarda más tiempo en cargar una página por completo, independientemente del ancho de banda disponible.

  • El número de peticiones HTTP se puede reducir combinando ciertos items de la página. Los gráficos más utilizados pueden combinarse en una sola unidad, lo que sería recomendable para los items de navegación. Este principio se denomina sprites CSS porque CSS se usa para describir cuándo y qué items son visibles. Otra alternativa viable es JavaScript.
  • Se pueden combinar varios archivos CSS o bibliotecas JavaScript en uno solo.
  • Al mismo tiempo, los archivos antiguos e innecesarios se pueden borrar para reducir todavía más las solicitudes HTTP. Los items sin función son innecesarios y sólo generan peticiones innecesarias.

Otra ventaja de tener menos solicitudes es que cada archivo tiene su propio encabezado. Tiene que ser enviado con cada petición y de este modo la agrupación de gráficos o archivos CSS tiene sentido.

Mantén el tamaño de los archivos pequeño

Para reducir la cantidad total de datos a transmitir, los archivos deben ser pequeños. El aumento del ancho de banda no es un argumento, porque actualmente existen que prestar atención las visitas con dispositivos móviles.

  • Una forma de reducir el tamaño de los archivos es evitar las repeticiones. Tanto el código CSS como el código JavaScript frecuentemente contienen párrafos que se repiten en otros lugares. Si éstos se colocan hábilmente en archivos externos, se pueden reducir las repeticiones y, de este modo, el tamaño del archivo.
  • Los caracteres de control presentan otra forma de reducir el tamaño del archivo. Un programador respeta idealmente la legibilidad del código, por lo que incluye tabulaciones, líneas en blanco y saltos de línea. Consiste en caracteres que se transfieren innecesariamente. Las herramientas especiales le permiten borrar automáticamente los caracteres superfluos de los archivos CSS, JavaScript o HTML. La versión resultante es difícilmente utilizable, pero es más pequeña que la versión texturizada y de este modo más adecuada para el envío.
  • Los gráficos ofrecen un gran potencial de ahorro de espacio. El tamaño del archivo puede verse muy influenciado por la disminución intencional de la calidad. El formato se puede elegir al guardar, el tamaño debe ser precisamente el mismo en el que se muestra el gráfico, y durante la compresión se pueden cambiar los parámetros que impactan al tamaño del archivo (JPEG 85% produce un archivo más pequeño que JPEG 100%).

Comprobar cookies

Las cookies además impactan al rendimiento. Cualquier cookie y cualquier información en una cookie sólo debe existir si es útil. Por ejemplo, se puede prescindir de la recogida y transmisión de datos que sencillamente no se utilizarán.

Selectores CSS

Además se pueden hacer pequeñas mejoras en las hojas de estilo CSS. El motivo es que los selectores CSS disponen distintos tiempos de procesamiento. Los más adecuados son ID (#) y clase (.). A pesar de todo, el selector de wildcard (*) y el selector descendiente (>) son más lentos. Otro pequeño factor es el comando @import, que puede bloquear la carga en algunos navegadores hasta que se cargue el propio archivo importado.

Relevancia para el SEO

La velocidad del sitio es un factor de posicionamiento confirmado y de este modo el rendimiento es importante desde una perspectiva de SEO. Al mismo tiempo, los visitantes dejan rápidamente páginas que se cargan lentamente. Puede reducirse a milisegundos. Los sitios web de gran tamaño frecuentemente han probado el impacto del rendimiento en el comportamiento de los clientes. Amazon, por ejemplo, retrasó intencionadamente el tiempo de carga de las páginas de productos en 100ms. Como resultado, las ventas disminuyeron un uno por ciento.

En un estudio de Yahoo, la carga de la página de inicio se retrasó hasta 400ms, con el resultado de que el nueve por ciento de los visitantes cerraron la página antes de que se completara la carga. El motor de búsqueda de compras Shopzilla redujo su tiempo de carga en 3,5 segundos gracias a la optimización del rendimiento. Los ingresos incrementaron después en un doce por ciento. La optimización del rendimiento, de este modo, ocurre como parte de la optimización de motores de búsqueda. A modo de comparación, sería aconsejable examinar además las webs de los competidores con las herramientas adecuadas. Google Insights es una herramienta que se puede usar para ello. Se puede especificar una URL que se está probando en cuanto a la velocidad del sitio. La herramienta generará propuestas para impulsar la velocidad de carga.