Web Performance Optimization (WPO), la Optimización del Rendimiento Web u Optimización del Sitio Web son las técnicas que se aplican para aumentar el rendimiento web.
El rendimiento web se refiere a la velocidad a la que las páginas web se descargan y se muestran en el navegador web del usuario.
La velocidad de descarga de los sitios web más rápidas aumentan la retención, la lealtad y la satisfacción del usuario, especialmente para los usuarios con conexiones lentas a Internet y en dispositivos móviles.
El rendimiento web también está relacionado con la cantidad de información que circula por la web, lo que produce que el consumo de energía sea menor.
¿Qué es el WPO?
El término Optimización del Rendimiento Web ó Web performance optimization (WPO) fue acuñado por Steve Souders en 2004, refiriéndose a el como el impacto sobre los sitios web y que más rápidos por defecto.
Este tiempo de retraso puede reducirse mediante el conocimiento del comportamiento del navegador, así como de cómo funciona HTTP.
Aspectos que pueden afectar la velocidad de carga de la página;
- El caché del navegador / servidor
- La optimización de la imagen
- El cifrado ( SSL)
¿Qué es HTTP?
HTTP (Hypertext Transfer Protocol) es el Protocolo de transferencia de hipertexto.
Es el protocolo de comunicación que permite las transferencias de información a través de archivos (XHML, HTML,etc.) en la World Wide Web.
HTTP fue desarrollado por el World Wide Web Consortium y la Internet Engineering Task Force.
Define la sintaxis y la semántica que utilizan los elementos de software de la arquitectura web (clientes, servidores, proxies) para comunicarse.
HTTP es un protocolo sin estado, es decir, no guarda ninguna información sobre conexiones anteriores.
El desarrollo de aplicaciones web necesita frecuentemente mantener estado.
Para esto se usan las cookies, que es información que un servidor puede almacenar en el sistema cliente.
Esto le permite a las aplicaciones web instituir la noción de sesión, y también permite rastrear usuarios ya que las cookies pueden guardarse en el cliente por tiempo indeterminado.
Mediante técnicas que agilizan las tareas de optimización web para reducir los tiempos de carga de la página web, proceso denominado como optimización de front-end u optimización de contenido.
Consiste en reducir el tamaño de los archivos y minimizar el número de solicitudes necesarias para que se cargue una página determinada.
Las páginas web se construyen a partir de archivos de código como JavaScript y lenguaje de marcado de hipertexto (HTML).
La optimización del almacenamiento en caché web reduce la carga del servidor, el uso de ancho de banda y la latencia.
Los navegadores web también pueden almacenar contenido para su reutilización a través de la caché HTTP o la caché web.
La minificación de código distingue las discrepancias entre los códigos escritos por desarrolladores web y cómo los elementos de la red interpretan el código.
La carga diferida, Lazy loading, de imágenes y videos reduce el tiempo de carga inicial de la página, el peso inicial de la página y el uso de recursos del sistema, teniendo un impacto positivo en el rendimiento del sitio web.
Plugins para mejorar el WPO del Sitio Web
WP Rocket
49$ (1 sitio web) | 99$ (3 sitios web) | 249$ (sitios web ilimitados)
WP Rocket es el plugin (de pago) de rendimiento web. Reduce el tiempo de carga y mejora las puntuaciones de Google PageSpeed y de los Core Web Vitals.
- Caché de páginas
- Precarga de caché
- Caché de navegador
- Compresión GZIP
- Optimización de comercio electrónico
- Amplia compatibilidad
Imagify
(versión free de 20MB y 200 imágenes aproximadamente).
Imagify es un plugin (de pago) que optimiza imágenes para ganar en velocidad, experiencia de usuario y posicionamiento SEO.
Optimización automática.
Reduce el peso de las imágenes sin perder la calidad.
Comprime las imágenes desde la aplicación online, API o directamente en CMS.
Niveles de compresión Normal, Agresivo y Ultra.
Self-Host Google Fonts
Self-Hosted Google Fonts es un plugin (de pago) para autohospedar todas sus fuentes de Google para una mayor privacidad o para cumplir con un requisito de la ley.
Los autores de temas y complementos a menudo no están dispuestos a ofrecer un método autohospedado y es bastante laborioso descargar y cargar cada una de las fuentes requeridas.
Este complemento lo hace todo fácil. Escaneará todo el CSS de su sitio y automáticamente descargará y alojará en su servidor las fuentes web de Google necesarias.
- Procesamiento y conversión automáticos
- Rendimiento: comportamiento de visualización de fuentes
- Subconjuntos de idiomas con más control
- Forzar la fuente correcta
- Rendimiento: precargar una fuente
- Rango Unicode: solo carga la fuente si ese subconjunto de idioma se usa alguna vez en la página.
Te puede interesar;
🔹 9 Plugins Gratuitos para mejorar el WPO del Sitio Web
Imagen; Vector de Negocios creado por pikisuperstar / Vector de Personas creado por upklyak – www.freepik.es
