Cómo optimizar la velocidad de tu sitio HTML o WordPress

Desarrollar un sitio web grande requiere un gran trabajo. Los principales negocios en línea aprovechan la experiencia comprobada de la industria, el desarrollo web y un servicio de alojamiento web potente para desarrollar sitios web que cuentan con cifras de rendimiento y experiencia de usuario de primera.

Pero para aquellos que no tienen todos esos recursos, el uso de un enfoque minimalista y el poner en práctica tácticas simples de optimización de velocidad de página es suficiente para mejorar sitios web lentos.

Optimización de velocidad del sitio web

La optimización, el cambio o evolución son las palabras de moda del éxito en el mundo cibernético. De hecho, el cambio es el único proceso consistente tanto en el mundo real como en el cibernético. La supervivencia en estos espacios depende de qué tan bien los habitantes puedan adaptarse a los diferentes recursos y circunstancias.

Y lo mismo ocurre con los propietarios de sitios web que compiten por el éxito comercial en línea entre las diversas tendencias del mercado, el comportamiento cambiante de los visitantes de Internet, los avances en las tecnologías y los diversos estándares de rendimiento de sitios web establecidos por los motores de búsqueda.

Optimización de imágenes

Como regla general, los archivos más grandes tardan más en descargarse que los pequeños. El tiempo de descarga de la página web, también conocido como el tiempo de carga de la página, depende del tamaño total de los activos de contenido que se descargan de los servidores de alojamiento al buscador solicitante. Las imágenes de alta calidad son las que más contribuyen al tamaño de la página web, lo que degrada la velocidad de la página y agita a los visitantes que esperan ansiosamente que se cargue la página web.

Selección de formato: use JPG cuando la calidad sea una alta prioridad y no se requieren modificaciones de imagen antes de cargarla.

Tamaño adecuado: ahorre los valiosos bytes de la carga útil de la imagen y haga coincidir las dimensiones (ancho) de su plantilla de página web. Use las capacidades de cambio de tamaño del navegador para hacer que las imágenes respondan estableciendo las instrucciones de ancho fijo e altura automática.

Compresión: la compresión de la imagen debe ser un cálculo entre el tamaño de la imagen y la calidad. Para JPG, una compresión del 60-70 por ciento produce un buen equilibrio.

Soluciones de WordPress

Aproveche los plugins de optimización de imágenes como Imagify, ShortPixel,  WP Smush, TinyPNG, EWWW Image Optimizer. Es aún mejor si elige los que comprimen y optimizan las imágenes externamente, lo que reduce la carga en su propio sitio.

Optimizar el código CSS y la entrega

No hace mucho tiempo, 30 KB se consideraba el tamaño ideal de la página web. Y eso incluía imágenes, contenido, gráficos y códigos para hacer toda la página. La popularidad de CSS y JavaScript aumentño tamaño de página de 30 KB al brindar una experiencia enriquecida al usuario del sitio.

Por lo tanto, la optimización no se trata de minimizar el tamaño del archivo. Las siguientes mejores prácticas aseguran una entrega de CSS optimizada en velocidad:

Entrega optimizada de CSS

Codificación abreviada: reduzca el tamaño de su código utilizando menos declaraciones y operadores. Menos líneas de código significan menos ciclos de procesamiento y entrega eficiente de archivos de sitios web a los navegadores que lo solicitan.

Minificar CSS: casi todas las herramientas de monitoreo de velocidad de sitios web ofrecen una sugerencia común de reducir el peso del código CSS para mejorar la velocidad. Un código ligero y compacto acelera la descarga, el análisis y la ejecución para reducir drásticamente el tiempo de carga de la página.

Ubicación del código: Cargue código CSS dentro del <head> y JavaScript dentro del cuerpo, ya que hacer referencia a CSS fuera de esta sección evita que los navegadores web muestren contenido CSS inmediatamente después de descargarlo.

Herramientas de optimización de CSS para WordPress

Herramientas como Autoptimize, WP Rocket, Cache Enabler, CloudFlare CDN y W3 Total Cache son algunas de las herramientas más populares disponibles para minificar JavaScript y CSS.

Minificación de JavaScript, CSS y HTML

De hecho, la optimización de la velocidad no es (simplemente) sobre la reducción del tamaño de la página. La reducción del número de solicitudes de cliente-servidor para la entrega de contenido del sitio web a los navegadores web es una parte integral de la optimización de la velocidad del sitio web.

Los webmasters pueden lograr esto al no hacer demasiadas solicitudes de CSS, HTML y JavaScript. Aunque el número de solicitudes no es tan importante como solía ser gracias a las mejoras con HTTP / 2. Es decir, optimizar, minimizar y juntar todas las líneas de código innecesarias y compresibles.

La minificación es particularmente importante para JavaScript en línea y archivos externos no almacenados en caché. Google recomienda minificar todos los archivos de JavaScript de más de 4.096 bytes de tamaño.

 

Optimizar la bases de datos

WordPress almacena publicaciones, comentarios, páginas y otras formas de datos textuales y encriptados dentro de una única base de datos, a excepción de las imágenes y videos que se almacenan en la carpeta ‘wp_content’. Esta base de datos se llena con el tiempo, no solo con contenido innecesario y revisiones de publicaciones, sino también con datos basura.

El contenido descartable incluye:

  • Comentarios en la cola de spam
  • Comentarios no aprobados
  • Revisiones
  • Artículos borrados como publicaciones y páginas

La optimización de la base de datos gira en torno a deshacerse de los datos basura y el contenido inútil de las bases de datos desordenadas, reduciendo su tamaño y facilitando que los servidores de alojamiento web obtengan el contenido solicitado de manera eficiente, dentro de los ciclos de procesamiento mínimos.

Compresión

Según Google, todos los días el mundo cibernético pierde 99 años de años humanos debido al contenido web sin comprimir.

Y aunque la mayoría de los navegadores web más recientes admiten capacidades de compresión de contenido, no todos los sitios web ofrecen contenido comprimido.

Los visitantes de estos sitios web de ancho de banda experimentan interacciones increíblemente lentas con las páginas web. Las principales razones de este comportamiento del sitio web desfavorable (y en su mayoría no intencional) incluyen servidores de alojamiento mal configurados, servidores proxy web, navegadores antiguos o con fallas y software antivirus.

El contenido no comprimido perjudica a los usuarios con restricciones de ancho de banda que reciben el contenido web en tiempos de carga de páginas largos.

Soluciones de WordPress

Habilite la compresión GZIP utilizando el complemento W3 Total Cache.
La mejor forma de habilitar la compresión GZIP es en el nivel de servidor de Apache o Nginx.

Cache

Los desarrolladores quieren simplicidad en el código de diseño de sitios web. El código del sitio web es más fácil de crear, leer y mantener conduce a procesos de desarrollo de sitios web eficientes.

Esto incluye el uso de las funciones de código disponibles con frecuencia para cortar la codificación extensa y corta para la funcionalidad específica del sitio web.

Sin embargo, agregar demasiados bucles extraños y líneas de código innecesarias aumenta los tiempos de renderización de páginas en unos pocos milisegundos.

Los webmasters pueden reducir estos tiempos de respuesta entregando copias en caché del contenido solicitado en lugar de presentarlo repetidamente en respuesta a cada solicitud de usuario individual que hace ping a su servidor.

La memoria caché web es el mecanismo de almacenamiento temporal de copias de contenido web para satisfacer las solicitudes de usuario posteriores de la base de datos de caché cuando se cumplen condiciones específicas.

Este proceso reduce el número de viajes entre el cliente y el servidor en la entrega de contenido del sitio web (estático) a los navegadores que lo solicitan.