Optimización de Páginas en WordPress parte 9

Habilitar baja latencia TCP

Configurar el modo de baja latencia TCP para una mejor capacidad de respuesta

sysctl -w net.ipv4.tcp_baja_latencia=1

Utilice pm2 para la gestión de procesos de Node.js

Instalar y usar pm2 para administrar procesos Node.js

npm install pm2@latest -g

aplicación de inicio pm2.js

Nota: Solo aplicable si se utiliza Node.js en WordPress

Implementar Squid para almacenamiento en caché y proxy

Instalar y configurar Squid para almacenamiento en caché y proxy web

apt-get install squid

Optimice el control de congestión TCP para redes de alta latencia

Utilice un algoritmo de control de congestión TCP adecuado para redes de alta latencia

sysctl -w net.ipv4.tcp_congestion_control=htcp

Utilice cpulimit para limitar el uso de CPU de los procesos

Instalar y usar cpulimit para controlar el uso de CPU de los procesos

apt-get install cpulimit

cpulimit -e myapp -l 50

Optimizar el almacenamiento en caché de escritura en disco

Habilitar el almacenamiento en caché de escritura en disco para un mejor rendimiento de escritura

hdparm -W1 /dev/sda

Utilice las opciones de montura noatime y nodiratime

Reducir la E/S del disco deshabilitando las actualizaciones del tiempo de acceso en los sistemas de archivos

mount -o remontar,noatime,nodiratime /

Ajustar la unidad máxima de transmisión (MTU) para las interfaces de red

Aumente el tamaño de MTU para obtener un mejor rendimiento en redes de alta velocidad

conjunto de enlaces IP dev eth0 mtu 9000

Ajustar el modelo de preempción del kernel

Configurar el modelo de preempción del kernel para cargas de trabajo de servidores de alto rendimiento o de escritorios de baja latencia

eco 0 > /proc/sys/kernel/preempt

Optimizar la E/S del disco

Aumentar el búfer de lectura anticipada

Ajustar el tamaño del búfer de lectura anticipada para la E/S del disco

blockdev –setra 2048 /dev/sda

Optimizar el equilibrio de IRQ (solicitud de interrupción)

Distribuya la carga de IRQ entre varios núcleos de CPU para evitar cuellos de botella

apt-get install irqbalance

systemctl habilitar irqbalance

Utilice HugePages para aplicaciones que consumen mucha memoria

echo ‘vm.nr_hugepages=128’ >> /etc/sysctl.conf

Utilice el registro ligero

Reducir la verbosidad de los registros del sistema para disminuir la E/S del disco

sed -i ‘s/^#LogLevel=info/LogLevel=error/’ /etc/systemd/journald.conf

Gestión de colas de red

Longitud de la cola

Aumentar la longitud de la cola de la interfaz de red puede ayudar a manejar más paquetes durante ráfagas de tráfico, lo que reduce las pérdidas de paquetes.

(Ajuste el valor según sea necesario)

ifconfig eth0 txqueuelen 10000

Comando de reversión

Restablecer la longitud de la cola de transmisión a su valor predeterminado (normalmente 1000):

ifconfig eth0 txqueuelen 1000

Programador de E/S

Elegir el programador de E/S adecuado puede mejorar el rendimiento en función de las características de su carga de trabajo (por ejemplo, SSD vs HDD).

Establecer el programador de E/S

Para los SSD, es posible que sea mejor usar noop o deadline.

echo «fecha límite» > /sys/block/sda/queue/scheduler

Intercambiabilidad

El parámetro vm.swappiness controla el peso relativo que se le da al intercambio de memoria en tiempo de ejecución, en comparación con la eliminación de páginas del caché del sistema.

Ajustar la swappidad

sysctl -w vm.swappiness=10

Cómo evitar la contabilidad superflua de los tiempos de acceso a los archivos

El kernel de Linux actualiza el tiempo de acceso de cada archivo cada vez que accede a él, lo que significa que incluso una operación de solo lectura resultaría inmediatamente en una operación de escritura, porque el tiempo de acceso del archivo en cuestión tenía que actualizarse.

Por lo tanto, cambiemos permanentemente a la configuración noatime con el siguiente comando:

sudo sed -i -e ‘/home/s/\bdefaults\b/&,noatime/’ /etc/fstab

Para deshacer/revertir este cambio:

sudo sed -i -e ‘s/,noatime//’ /etc/fstab

Comandos de reversión

Límites del descriptor de archivo

Para revertir los límites de los descriptores de archivos es necesario restablecerlos a los valores predeterminados típicos:

# Todo el sistema

echo «fs.file-max = 65535» >> /etc/sysctl.conf

# Por usuario

echo «*soft nofile 1024» >> /etc/security/limits.conf

echo «* nofile duro 4096» >> /etc/security/limits.conf

Programador de E/S

Para revertir el programador de E/S, puede volver a la configuración predeterminada. En muchos sistemas Linux, cfq (Completely Fair Queuing) es un valor predeterminado común para discos duros, y noop o mq-deadline para discos SSD.

echo «cfq» > /sys/block/sda/queue/scheduler

Intercambiabilidad

El valor de swappiness predeterminado generalmente se establece en 60, lo cual es adecuado para la mayoría de los casos de uso general:

sysctl -w vm.swappiness=60

Hacer que las reversiones sean permanentes

Para garantizar que estas configuraciones sean permanentes, actualice el archivo /etc/sysctl.conf con los valores revertidos y ejecute:

sysctl -p

Este comando recarga las configuraciones del archivo sysctl.conf.

Herramientas SSH

WinSCP (solo Windows) (gratis)

https://winscp.net/eng/index.php

Un excelente administrador de archivos SFTP con interfaz gráfica de usuario que funciona mediante SSH. Lo recomiendo ampliamente para administrar archivos por SSH en Windows. Cuenta con una terminal integrada que se puede iniciar desde la interfaz gráfica de usuario.

Filezilla (Multiplataforma) (Gratis)

https://filezilla-project.org/index.php

Administrador de archivos GUI SFTP multiplataforma, funciona en Mac, Windows y Linux.

SolarPutty (solo Windows) (Gratis)

https://www.solarwinds.com/free-tools/solar-putty

Fantástico programa de terminal con algunas agradables funciones de calidad de vida.

Putty carece de la capacidad de realizar cosas básicas como copiar y pegar o guardar credenciales de inicio de sesión.

Nota

Si optas por un VPS como yo, usarás SSH para modificar los archivos de configuración con frecuencia (al menos durante la configuración inicial), y será absolutamente necesario si, por alguna razón, tu servidor se bloquea y se bloquea el acceso al frontend/backend de WordPress. Siempre puedes revertir los cambios en el archivo de configuración si causan problemas, ya que WordPress es simplemente un programa que se ejecuta en tu servidor. Siempre podrás acceder a los archivos de configuración por SSH mientras tu servidor esté encendido.

Siempre configure sus credenciales SSH e inicie sesión con un cliente SSH antes de realizar modificaciones en Apache, PHP, MySQL, Varnish, HAProxy, Nginx o cualquier otro software de servidor para evitar bloqueos y tener que empezar desde cero. Deberá hacer esto con cualquier VPS que administre.

Esto es fundamental para los servidores donde se ejecutan sus sitios web. No olvide configurar sus credenciales SSH.

Pipeline de CI/CD (integración continua y entrega/implementación continua)

Github (gratis)

WPPusher

https://wppusher.com

El nivel gratuito admite repositorios públicos.

Integración de Github

Plugin que permite incrustar detalles de GitHub simplemente pegando la URL como cualquier otra fuente. Actualmente compatible con:

  • Repositorios
  • Perfiles de usuario
  • Resúmenes de hitos del proyecto
  • Colaboradores del proyecto

Actualizador de Github

https://github.com/afragen/git-updater

Un plugin sencillo para habilitar actualizaciones automáticas de tus plugins, temas y paquetes de idioma de WordPress alojados en GitHub. Hay plugins API adicionales disponibles para Bitbucket, GitLab, Gitea y Gist.

Pipeline de Git y Composer

Artículo sobre cerebros deliciosos

Jenkins (Gratis)

https://www.jenkins.io

https://github.com/jenkinsci/jenkins

Artículo mediano

https://medium.com/@mudasirhaji/complete-step-by-step-jenkins-cicd-with-github-integration-aae3961b6e33

Guía de Medium muy completa sobre el desarrollo de Jenkins CICD en Github

Pipeline de Github de Jenkins de CI/CD

Artículo de Blazemeter

https://www.blazemeter.com/blog/cicd-pipeline-jenkins-github

Hospedaje

Alojamiento administrado vs. alojamiento VPS

Asegúrate de elegir un proveedor de hosting rápido. En mis pruebas, el hosting VPS es el más rápido, pero los proveedores de hosting administrado como WP Engine, Cloudways, Kinsta, etc., se acercan. Se recomienda el hosting administrado para clientes importantes, ya que cuentan con soporte de hosting si es necesario cuando tú (el desarrollador) no estás disponible.

El alojamiento VPS generalmente será más rápido que esos hosts y le brindará mucha más flexibilidad para implementar optimizaciones de rendimiento.

Evite el alojamiento compartido

Evita el alojamiento compartido como si fuera la peste. Recursos de servidor extremadamente limitados, casi ninguna flexibilidad de configuración, caro y lento .

Ubicación del servidor de alojamiento

Al elegir la ubicación de mis servidores, me gusta ubicarlos lo más cerca posible de la región geográfica de mis usuarios. Por ejemplo, en EE. UU., coloco mis servidores en el centro del país para que los visitantes de la costa este y oeste tengan una latencia similar, de modo que la experiencia del usuario sea relativamente homogénea independientemente de su estado.

Paneles y software de configuración de VPS

ClusterCS (Pago)

https://clustercs.com

Uso ClusterCS para configurar mi VPS automáticamente. Personalmente, es mi panel preferido. Solo necesitas credenciales SSH; ellos se encargan de todo lo demás. Además, puedes configurar muchísimas más opciones que usando el panel de un proveedor de hosting directamente; no imponen ninguna limitación en cuanto a lo que puedes configurar. Sin embargo, es la opción de panel más cara.

Coolify (Gratis)

https://coolify.io

Un panel de control en la nube de código abierto y autoalojable

aaPanel (Gratis)

https://www.aapanel.com/new/index.html

aaPanel es gratuito y el más cercano a mi configuración LAMP (lo que significa que puedes seguir la sección de optimización de Apache. Lamentablemente, no tengo experiencia con NGINX).

WordOPs (Gratis)

WordOPs es otra opción gratuita para configurar automáticamente tu VPS y ejecutar WordPress. WordOPs es una herramienta de línea de comandos para instalar WordPress en un VPS mediante SSH.

HTTP/3

¡WordOPs ahora incluye soporte para HTTP/3!

Otras opciones de panel VPS

Las otras opciones de panel de pago que conozco para la configuración de VPS son servicios como Runcloud , SpinUpWP y otros paneles de control en la nube como Cyberpanel . También hay muchas otras opciones disponibles que no se enumeran aquí.

Proveedores de alojamiento VPS económicos y rápidos

Océano digital

https://www.digitalocean.com

Las Droplets de Digital Ocean son bastante económicas y tienen un excelente rendimiento. De todos los proveedores principales que se recomiendan para alojar artículos, son, sin duda, los mejores. Sin duda, superan a Vultr y Linode , que son extremadamente lentos y no deberían usarse.

Alojamiento Génesis

https://genesishosting.com

Un proveedor de hosting poco conocido que ofrece VPS de rendimiento relativamente alto (aunque sus especificaciones puedan parecer inferiores a las de otros proveedores). Ofrece VPS físicos (como VPSDime, que se menciona más abajo), que deberá configurar usted mismo por SSH con uno de los paneles de configuración de VPS mencionados anteriormente.

Mi host VPS

VPSDime

Alojo mis sitios con VPSDime . VPSDime ofrece VPS Linux increíblemente económicos (¡y rapidísimos!). Alojo mis sitios en su plan VPS Linux más económico, que consiste en una máquina con 4 vCPU y 6 GB de RAM por solo $7 al mes. Sin embargo, sus opciones de ampliación de RAM solo cuestan $7 adicionales al mes por 6 GB adicionales, hasta un límite de 36 GB.

Los recursos del sistema que te dan por lo que cobran son una locura, y de los más de 50 proveedores de hosting que he probado, nadie tiene mejor rendimiento y ciertamente nadie tiene mejores precios que los que cobran.

Aviso : El enlace a VPSDime que aparece arriba contiene un código de afiliado que me genera una comisión por las compras realizadas, sin coste adicional para ti. ¡Gracias por ayudarme a ofrecerte información útil!

Si decides usar VPSDime, te recomiendo contratar su plan VPS más económico por $7 al mes (no añadas ninguno de sus complementos con coste adicional, como Varnish Configuration, ya que no son necesarios). Luego, configúralo mediante uno de los paneles de administración de VPS mencionados anteriormente a través de SSH. Si lo deseas, podrías gestionar fácilmente varios sitios web desde un solo VPS de VPSDime gracias a su generosa asignación de recursos del sistema. Si necesitas más de 6 GB de RAM, cada 6 GB adicionales cuestan $7 al mes.

Nota: ¡Pronto agregaré una sección sobre cómo configurar manualmente el almacenamiento en caché de Varnish!

Análisis comparativo del rendimiento del hosting

Probador de rendimiento de WP (gratis)

Plugin de evaluación comparativa de alojamiento de WordPress

CDN/DNS

¿Necesito un CDN?

¡No todos los sitios web necesitan una CDN! Si solo atiendes tráfico local del país donde está alojado el servidor, los usuarios están cerca de la ubicación geográfica del servidor de origen y no tienen un volumen excesivo de tráfico, no necesitas una CDN. En estos casos, una CDN tendrá un impacto negativo en el rendimiento debido al aumento de la latencia de la red y a los saltos de red innecesarios.

Si su sitio web tiene un volumen considerable de tráfico que sobrecargaría el servidor, es fundamental considerar una CDN para reducir el uso del ancho de banda y los límites de tráfico (si su proveedor de alojamiento los impone). Si el sitio web presta servicios en varias regiones geográficas y no solo en el país de origen, una CDN es imprescindible.

Una CDN proporcionará un rendimiento consistente en todas las regiones geográficas, ya que cuenta con servidores proxy que alojan una copia local de su sitio web en el servidor de la CDN. Esto permite que un visitante acceda al sitio desde un servidor mucho más cercano a su ubicación física. Si su sitio web está ubicado en EE. UU., pero recibe tráfico desde fuera del país de origen, por ejemplo, el visitante externo experimentará tiempos de carga más lentos que el visitante que se encuentra más cerca del servidor de alojamiento. En este caso, es preferible una CDN.

Artículo de Beleaf

https://beleaf.au/blog/anatomy-of-a-performant-and-sustainable-webpage

¿Cómo funciona una CDN?

Artículo de SwitchUpCB

https://switchupcb.com/blog/1-segundo-wordpress-website-page-speed

Nota: Si bien SwitchUpCB ofrece un análisis muy sólido del funcionamiento de las CDN, desconfíe totalmente de la información que ofrece sobre cualquier otro aspecto del artículo. Su análisis sobre el rendimiento de PageSpeed es erróneo.

Reescritura de CDN

Habilitador de CDN (gratuito)

Permite la reescritura de CDN (CDN reales, no Cloudflare como proxy inverso, ya que esta funcionalidad no es necesaria cuando se usa Cloudflare).

Cloudflare (Freemium)

Cloudflare tiene un nivel gratuito y es uno de los CDN más confiables que existen.

Tenga en cuenta que si elige no redirigir su tráfico a través de Cloudflare, también perderá la mayoría (casi todos, en realidad) de los beneficios del CDN de Cloudflare, por lo que debe realizar pruebas de velocidad de su sitio con el CDN activo (nube naranja) y con el CDN inactivo (nube gris) ambos.

Cloudflare funciona únicamente como tu proveedor de DNS si la nube está en gris. Esto seguirá ofreciendo una mejora en el rendimiento si tu proveedor de DNS original era lento, pero el impacto será mínimo.

Caché de superpáginas de Cloudflare (gratuito)

¡Habilita muchas funciones pagas de Cloudflare de forma gratuita!

Solicitudes Ajax en caché

Caché de superpáginas de Cloudflare (gratuito)

Cloudflare Super Page Cache puede almacenar en caché solicitudes GET de Ajax (lamentablemente, no solicitudes POST)

Desmarque la casilla “No almacenar en caché contenido dinámico” titulada “Solicitudes Ajax”.

Limitaciones

Si las solicitudes Ajax provienen de un complemento que utiliza nonces Ajax, la página/ajax no se podrá almacenar en caché.

Vea la explicación del desarrollador aquí:

https://wordpress.org/support/topic/how-to-correctly-cache-or-bypass-ajax-requests

Intercambios firmados

https://blog.cloudflare.com/automatic-signed-exchanges-desktop-android

Nota : Esta función está disponible para los dominios con proxy de Cloudflare. Asegúrese de que el estado del proxy sea Cloudflare (nube naranja).

Aplicación para Cloudflare

https://appforcf.com

Accede a las funciones avanzadas de Cloudflare sin ser administrador ni desarrollador de red. Compatible con cualquier plan de Cloudflare (incluido el gratuito), sin necesidad de suscripción a APO.

Cloudflare + NGINX

https://blog.cloudflare.com/http-2-prioritización-with-nginx

Enrutamiento de tráfico de Cloudflare Argo (de pago)

https://www.cloudflare.com/application-services/products/argo-smart-routing

“Argo entrega tráfico web a través de los enlaces más rápidos disponibles, lo que da como resultado activos web notablemente más rápidos y una mejor experiencia del usuario final, lo que resulta en tiempos de carga más rápidos.

Optimización Automática de Plataforma (APO) de Cloudflare para WordPress (de pago)

https://www.cloudflare.com/application-services/products/automatic-platform-optimization

Desarrollado por Cloudflare Edge

La Optimización Automática de la Plataforma sirve contenido estático y dinámico desde el borde de Cloudflare, lo que reduce los costosos viajes de ida y vuelta al origen y el tiempo de procesamiento del servidor. Toda la comunicación se produce entre el dispositivo del usuario y el borde de Cloudflare.

La Optimización Automática de la Plataforma omite la caché de las cookies estándar de WordPress y WooCommerce para los usuarios autenticados. Esto garantiza que el contenido personalizado para un usuario específico solo sea visible para ese usuario. Las fuentes se reubican y se sirven desde nuestra caché.

Priorización HTTP/2 mejorada

Optimiza el orden de entrega de recursos, independientemente del navegador. Las mayores mejoras las experimentarán los visitantes que utilicen Safari y Edge.

Reserva de caché (de pago)

Aumente su tasa de aciertos de caché y evite viajes innecesarios al origen

Almacene automáticamente todos los archivos almacenables en caché en los depósitos de almacenamiento de objetos de Cloudflare durante períodos más prolongados y minimice los costos de salida.

Buffer de respuesta (pago y costoso)

Habilitar o deshabilitar el almacenamiento en búfer de las respuestas del servidor de origen

(Requiere el Plan Empresarial Costoso)

Cargador de cohetes

No habilitar Rocket Loader

Rocket Loader suele ser problemático la mayor parte del tiempo y puede afectar su funcionalidad; déjelo deshabilitado. Recomiendo no usar nunca esta función.

Instalación por lotes de todos los complementos de optimización gratuitos

Nota: Esta lista no se ha actualizado en algunos meses y hay una cantidad significativa de nuevas incorporaciones a la guía que pronto se incluirán.

WPFavs (Gratis)

https://wpfavs.com

Plugin que permite importar plantillas de instalación de plugins por lotes desde el sitio web WP Favs para instalar automáticamente un grupo de plugins desde wordpress.org/plugins. Puedes instalarlos todos o seleccionar solo los que quieras de la lista predefinida e instalarlos en bloque con un solo clic.

Código de lista de favoritos de WP:

JAuOGP5BZICR5LmBsPANN9kpKHfiie

Los complementos pagos no están incluidos en la instalación por lotes

La mayoría de los plugins gratuitos de la guía se incluyen en la lista de instalación por lotes anterior. Solo tienes que introducir el código en la configuración del plugin WP Favs, elegir los plugins que quieres instalar por lotes y listo.

MISCELÁNEAS

Grafana – Monitoreo de observabilidad (Gratis)

https://grafana.com

Componga y escale la observabilidad con una pila gratuita y de código abierto

Rendimiento de la API Rest

https://www.spacedmonkey.com/2023/02/03/rest-api-performance-with-jonny-harris

Sitios temporales instantáneos de WordPress

TasteWP (Freemium)

https://tastewp.com

InstaWP (Freemium)

https://instawp.com

Zona de juegos de WordPress (gratis)

Sitio temporal de WordPress que solo existe en su navegador y todos los datos se eliminan una vez que se cierra la pestaña.

Sitio de desarrollo instantáneo/Sandbox de WordPress Playground (gratis)

Con este complemento, puedes:

Crea una copia de tu sitio en una instancia privada de WordPress Playground.

Pruebe los complementos del directorio de complementos de WordPress sin instalarlos en su sitio.

Los datos de tu sitio se envían directamente a tu navegador, donde permanecen solo mientras mantengas abierta la pestaña del navegador. ¡Así es! WordPress Playground ejecuta una copia de tu sitio directamente en tu dispositivo.

Mejoras de administración y del sitio (gratis)

¡Un plugin increíble que combina las funciones de varios plugins para modificar el panel de administración, todo en uno! Personalmente, lo pondría en todos los sitios web, ya que tiene muchísimas funciones de calidad de vida interesantes.

Generador de mapas de sitios web y wireframes

Relume (Freemium)

https://www.relume.io

Registrador de velocidad

https://speedlogger.io

Speed Logger ejecuta pruebas de velocidad periódicas en sus páginas para monitorear la velocidad de la página día a día.

Chat oficial de Matrix para WordPress (gratis)

Un cliente oficial gratuito de Matrix Chat para WordPress

Escáneres de accesibilidad

Ola (Gratis)

https://wave.webaim.org

WAVE es un conjunto de herramientas de evaluación que ayuda a los autores a mejorar la accesibilidad de su contenido web para personas con discapacidad. WAVE puede identificar numerosos errores de accesibilidad y de las Pautas de Accesibilidad al Contenido Web (WCAG), además de facilitar la evaluación humana del contenido web.

Comprobador de accesibilidad de Editorial11y (gratuito)

Editoria11y (“aliado de accesibilidad editorial”) es una herramienta de garantía de calidad diseñada para el flujo de trabajo de un autor:

  • Proporciona retroalimentación instantánea. Los autores no necesitan recordar presionar un botón ni visitar un panel para revisar su trabajo.
  • Verifica el contexto en las páginas, no solo dentro del editor de publicaciones, lo que le permite probar el contenido editado en widgets o funciones del tema.
  • Se centra exclusivamente en cuestiones de contenido: ayudar a los autores a mejorar las cosas que son de su responsabilidad.

Su propósito es complementar, no reemplazar, la prueba de su código y diseño visual con herramientas y prácticas de prueba centradas en el desarrollador.

Comprobador de accesibilidad (gratuito)

El Comprobador de Accesibilidad analiza automáticamente tu contenido cada vez que guardas un borrador o publicas, brindándote información en tiempo real sobre la accesibilidad de tu publicación o página. Obtén una visión general de cómo se compara tu contenido con más de 40 comprobaciones de accesibilidad diferentes, creadas para cumplir con los criterios de éxito de las Pautas de Accesibilidad al Contenido Web (WCAG) 2.1.

Para cada error o advertencia detectado, el Comprobador de Accesibilidad muestra el código que lo activó. Cada elemento se identifica como error o advertencia según su gravedad, para que pueda priorizar las soluciones. Dispone de documentación completa que le guiará sobre cómo solucionar los problemas de accesibilidad en su sitio web. Si lo desea, puede obtener asistencia personalizada para la corrección de problemas de accesibilidad y consultoría de accesibilidad.

Las herramientas de Kevin Leary

https://www.kevinleary.net/blog/test-website-ada-compliance-wcag-accessibility

Eliminar fondos de PNGS (gratis)

https://gemoo.com/tools/remove-background

Eliminar fondos de archivos PNG para hacerlos transparentes

Análisis de la arquitectura del sitio web

Creado con (Gratis)

https://builtwith.com

Excelente sitio para un análisis rápido de la pila tecnológica de un sitio web.

Herramienta gratuita de gestión de proyectos de código abierto

Taiga (Gratis)

https://taiga.io

Increíble herramienta gratuita de gestión de proyectos de código abierto.

Prueba de carga

Langosta (gratis)

https://locust.io

Software de pruebas de carga de código abierto autohospedado escrito en Python.

Loader.io (Freemium)

https://loader.io

Herramienta de prueba de carga con simulación de hasta 100 000 usuarios simultáneos en el generoso plan gratuito.

Tanque Yandex (Gratis)

https://github.com/yandex/yandex-tank

Herramienta gratuita de pruebas de carga de Yandex

AI

CodeWP (Freemium)

https://codewp.ai/

Sitio ingenioso para crear cosas para funciones y complementos para WordPress con IA.

ChatGPT (Freemium)

https://chat.openai.com

ChatGPT puede generar código para WordPress. La versión de pago ChatGPT 4 obviamente producirá mejor código.

Gémini (Freemium)

https://gemini.google.com/app

La IA Gemini de Google también puede escribir código por ti. Un modelo diferente al de ChatGPT puede producir mejores resultados. Pruébalos y elige el que prefieras.

Analítica

Perplejidad (Freemium)

https://www.perplexity.ai

Claude (Freemium)

https://claude.ai/chats

Meta (Freemium)

https://www.meta.ai

Modelos de código abierto

Cara abrazada (gratis)

https://huggingface.co

LMStudio (Gratis)

https://lmstudio.ai

GPT4ALL (Gratis)

https://gpt4all.io/index.html

LoLLMs (Gratis)

https://github.com/ParisNeo/lollms

Ollama (Gratis)

https://ollama.com

Impresionante IA (gratis)

https://github.com/re50urces/Awesome-AI

Megarecurso de IA. El repositorio contiene herramientas de IA para diversas tareas. Un recurso excelente.

Tela (Gratis)

https://github.com/danielmiessler/fabric

Indicaciones seleccionadas por la comunidad

  • Fabric tiene patrones para todo tipo de actividades de la vida y del trabajo, incluidos:
  • Extrayendo las partes más interesantes de los vídeos y podcasts de YouTube.
  • Escribir un ensayo con tu propia voz usando sólo una idea como entrada.
  • Resumiendo artículos académicos opacos.
  • Creación de indicaciones artísticas de IA perfectamente adaptadas a un texto.
  • Califica la calidad del contenido para ver si quieres leer/verlo completo.
  • Obtener resúmenes de contenido largo y aburrido.
  • Explicandote el código.
  • Convertir documentación mala en documentación utilizable.
  • Creación de publicaciones en redes sociales a partir de cualquier entrada de contenido.

Y mucho más

Analítica

Hospede sus análisis completamente de forma local

Alojar localmente tus archivos JS de Analytics mejorará el rendimiento gracias a la reducción de la latencia de red y el tiempo de ida y vuelta. ¡Siempre que sea posible, aloja localmente tus archivos JS de Analytics!

Hospede todo localmente (gratis)

https://github.com/Dan0sz/host-everything-locally

Historia completa (Pagada)

https://www.fullstory.com

Plataforma de análisis integral. Podría ser útil.

Microsoft Clarity (gratis)

https://clarity.microsoft.com

¡Muy recomendable! Reemplazo de Hotjar inmediato y 100 % gratuito.

Alojar localmente los archivos de análisis reducirá la latencia de la red y el tiempo de ida y vuelta, mejorando así el rendimiento de su sitio web. ¡Aloje siempre localmente los scripts de análisis!

Seguimiento de eventos del lado del servidor

https://www.kevinleary.net/blog/building-a-server-side-event-tracking-application

Cada vez más usuarios usan bloqueadores de anuncios, lo que dificulta el seguimiento preciso de las métricas de eventos del lado del cliente. Aquí tienes un excelente blog sobre cómo implementar el seguimiento del lado del servidor para obtener métricas precisas.

Herramientas de análisis de código abierto (gratuitas)

https://posthog.com/blog/best-open-source-analytics-tools

PostHog (Freemium)

https://posthog.com

Plausible (Gratis)

https://plausible.io

Graphana (Gratis)

https://grafana.com/oss

GrowthBook (Gratis)

https://github.com/growthbook/growthbook

OpenReplay (Gratis)

https://openreplay.com

Superconjunto Apache (gratis)

https://github.com/apache/superset

Prueba A/B de Mojito (gratis)

https://github.com/mint-metrics/mojito

https://github.com/mint-metrics/mojito-js-delivery

Un framework modular de pruebas divididas y controlado por código fuente que permite crear, ejecutar y analizar experimentos mediante Git/CI. El archivo JS de Mojito ocupa tan solo 5 kb y está muy bien optimizado.

Countly (Gratis)

https://github.com/Countly/countly-server

OpenWebAnalytics (gratis)

https://github.com/Open-Web-Analytics/Open-Web-Analytics

  • Realice un seguimiento de visitantes, páginas vistas, transacciones de comercio electrónico y acciones configurables
  • Realice un seguimiento de un número ilimitado de sitios web utilizando una única instancia de OWA Server
  • Cliente de seguimiento de Javascript de origen
  • Panel de informes/Portal
  • Ver y personalizar todos los informes
  • Generar mapas de calor
  • Generar grabaciones de sesiones «Domstream»
  • Geolocalización de los visitantes
  • API REST para administración y acceso a datos
  • Interfaz de informes multiusuario
  • Marco extensible mediante módulos personalizados
Plugin de WordPress para análisis web abierto (gratuito)

Matomo Analytics (gratis)

Reemplazo de Google Analytics: ¡hospedaje local completo en su propio servidor es posible!

Matomo Local (Gratis)

Libere las pruebas A/B (gratis)

https://github.com/Unleash/unleash

Crea aplicaciones móviles sin código (gratis)

https://thunkable.com

¡Así es! ¡Ahora puedes crear tu propia aplicación móvil sin programar, completamente gratis!

WordPress sin interfaz gráfica en JAMStack

Revista Smashing

https://www.smashingmagazine.com/2020/02/headless-wordpress-site-jamstack

Excelente artículo sobre cómo crear un sitio de WordPress sin interfaz con JAMStack.

Almacenes de datos seguros

OpenBao (Gratis)

https://github.com/openbao/openbao

OpenBao existe para proporcionar una solución de software que permite gestionar, almacenar y distribuir datos confidenciales, como secretos, certificados y claves. La comunidad de OpenBao pretende ofrecer este software bajo una licencia de código abierto aprobada por OSI, liderada por una comunidad gestionada bajo principios de gobernanza abierta.

Se pueden almacenar secretos de clave/valor arbitrarios en OpenBao. OpenBao cifra estos secretos antes de escribirlos en el almacenamiento persistente, por lo que acceder al almacenamiento sin procesar no es suficiente para acceder a sus secretos. OpenBao puede escribir en disco, Consul y más.

OpenBao puede generar secretos bajo demanda para algunos sistemas, como bases de datos de AWS o SQL. Por ejemplo, cuando una aplicación necesita acceder a un bucket de S3, solicita las credenciales a OpenBao, quien generará un par de claves de AWS con permisos válidos bajo demanda. Tras crear estos secretos dinámicos, OpenBao los revocará automáticamente una vez finalizada la concesión.

Infraestructura como código

OpenTofu (Gratis)

https://github.com/opentofu/opentofu

OpenTofu es una bifurcación OSS de Terraform para construir, modificar y versionar infraestructura de forma segura y eficiente (similar a Ansible). OpenTofu puede gestionar proveedores de servicios existentes y populares, así como soluciones internas personalizadas. Esto permite versionar y tratar el plano de su centro de datos como cualquier otro código. Además, la infraestructura se puede compartir y reutilizar.

Ansible (Gratis)

https://github.com/ansible/ansible

Ansible es un sistema de automatización de TI extremadamente simple. Gestiona la configuración, la implementación de aplicaciones, el aprovisionamiento en la nube, la ejecución de tareas ad-hoc, la automatización de la red y la orquestación multinodo. Ansible facilita cambios complejos, como actualizaciones continuas sin tiempo de inactividad, con balanceadores de carga. Más información en el sitio web de Ansible.

Cómo combinarlos

OpenTofu : aprovisiona infraestructura con decoración de metadatos de forma programática y repetible.

Ansible : configure su infraestructura recién aprovisionada en función de la decoración de metadatos creada previamente

Herramientas de análisis de titulares

Kinsta

Arreglar palabras colgadas en WordPress

https://www.kevinleary.net/blog/fix-hanging-words-wordpress

Código abierto impresionante (gratis)

https://awesomeopensource.com

Impresionante herramienta para acelerar WP (gratis)

Página increíble, tiene listas de la mayoría de los complementos de rendimiento que existen y muchos más que no figuran en la guía:

https://awesomeopensource.com/project/lukecav/awesome-wp-speed-up

La mayoría de estos complementos no te serán de ninguna utilidad ya que son simplemente implementaciones más pobres de las características que WP-Rocket, Flyingpress y Perfmatters contienen aquí, pero hay algunos diamantes en bruto.

Repositorios de Github de Luke Cavs (gratuitos)

https://github.com/lukecav?tab=repositories

Parte de esta guía proviene de sus repositorios; también incluye mucho material que no está en esta guía y que podría ser útil para tu sitio. Tiene un montón de repositorios, cada uno con su propia esencia. Recomiendo encarecidamente explorarla; contiene muchísima información útil. Esta guía puede ser muy completa, así que prepárate para perderte entre la cantidad de contenido que tiene.

Los repositorios que mantiene también contienen recursos para muchos plugins populares. Algunos ejemplos son Awesome Elementor o Awesome Gravity Forms, que son megapáginas wiki que contienen casi todos los recursos y complementos disponibles para ambos plugins. Tiene más de 100 repositorios.

Purifycss (Gratis)

https://purifycss.online

Generador de CSS crítico

IcoMoon (Gratis)

https://icomoon.io/app

Iconos SVG

Mejoras de administración y del sitio (gratis y Pro)

Colección de ajustes de calidad de vida para el administrador de WordPress.

Maestros de medios en línea

https://onlinemediamasters.com/

Increíble blog con una fantástica cantidad de artículos y guías de optimización.

Herramientas

https://onlinemediamasters.com/tools/

Colección de herramientas útiles de WordPress.

WPSpeedMatters

https://wpspeedmatters.com

Blog muy útil, tiene algunas cosas que no cubre esta guía.

El blog de Kinsta

https://kinsta.com/blog

Información útil, técnicas y otros aspectos que no se tratan aquí. Implementé algunas de las sugerencias de sus artículos que no he incluido en esta guía. También es un recurso fantástico para muchos otros temas relacionados con el desarrollo web; su lectura es muy recomendable.

Lista de verificación de rendimiento de Github

https://github.com/flowforfrank/rendimiento-checklist

Prensa perecedera

https://perishablepress.com

Excelente blog. Plugins interesantes, libros que parecen interesantes para explorar en el futuro, muchos artículos excelentes. Un recurso sólido para la optimización.

Inserción dinámica de enlaces mediante Javascript para mejorar el SEO

https://perishablepress.com/insert-links-external-javascript

Cómo modificar solicitudes GET y POST con WordPress

https://perishablepress.com/modify-get-post-requests-wordpress

expose_php, huevos de Pascua y .htaccess

https://perishablepress.com/expose-php

Cómo solucionar la vulnerabilidad del objetivo _blank

https://perishablepress.com/fix-blank-target-vulnerability

Enorme colección de fragmentos de código: HTAccess, PHP, WordPress, jQuery, HTML, CSS

https://perishablepress.com/code-snippets

Cómo modificar los encabezados HTTP en el área de administración de WordPress

https://perishablepress.com/modify-http-headers-wordpress-admin-area

Guía gratuita de Code Camp

https://www.freecodecamp.org/news/the-ultimate-guide-to-high-performance-wordpress

SVG en línea (gratis)

https://yoksel.github.io/url-encoder

Solucionar conflictos de complementos con el editor Elementor

Limpieza del editor para Elementor (gratis)

Editor Cleanup For Elementor es un complemento de Freesoul Deactivate Plugins para limpiar el editor de Elementor.

No solo limpiará los activos de otros complementos, sino que su código PHP tampoco se ejecutará.

Generador de faviconos

Favicomatic (Gratis)

https://favicomatic.com

Generar faviconos

Pruebas A/B de Nelio (Freemium)

Complemento de prueba A/B

Esteroides OoohBoi para Elementor (Gratis)

Un fantástico conjunto de herramientas, opciones y configuraciones que amplían las opciones predeterminadas de Elementor. En lugar de crear nuevos widgets de Elementor, funcionan como una actualización de las opciones existentes o de los paneles independientes.

Desarrollo de WP local

Dev Kinsta (Gratis)

Si estás interesado en desarrollar tu sitio de WordPress en un servidor local en lugar de un servidor de prueba, te recomiendo usar Dev Kinsta: https://kinsta.com/devkinsta/

LocalWP (Gratis)

La otra opción para el desarrollo local de WordPress es LocalWP: https://www.localwp.com

Alojamiento temporal de WordPress

InstaWP (Freemium)

https://instawp.com

InstaWP es ideal para el alojamiento temporal de WordPress. Los sitios gratuitos duran aproximadamente una semana. Si quieres seguir trabajando en ese sitio temporal, crea una copia de seguridad, borra el sitio existente, crea un nuevo sitio temporal y restaura la copia de seguridad. Puedes hacer esto indefinidamente. Un poco tedioso, ¡pero gratis! También tienen planes de pago con más funciones.

Ideal si necesitas espacio para trabajar en una demostración para un cliente o no puedes costear otro plan de alojamiento pero necesitas un lugar para trabajar al que se pueda acceder a través de Internet (a diferencia del desarrollo local).

TasteWP (Freemium)

https://tastewp.com

Sitios temporales de WordPress gratuitos e instantáneos

Monitoreo del tiempo de actividad (gratis)

Herramientas Hetrix (gratuitas)

https://hetrixtools.com

Servicio gratuito de monitoreo de tiempo de actividad y listas negras.

Markup.io (Freemium)

Markup es una excelente herramienta para colaborar con clientes y diseñadores, permite que las personas dejen comentarios y opiniones sobre su página con una interfaz de usuario actualizada en vivo.

Automatizar tareas tediosas

Zapier (Freemium)

https://zapier.com

Gran automatización SAAS

Hacer (Freemium)

https://www.make.com/es

Comparable a Zapier.

Hexomático (Pagado)

https://hexomatic.com

Copia de página web (gratis)

https://webpagerip.com

Extraer porciones de páginas web o la página entera.

Posicionamiento web (SEO)

Learningseo.io (Gratis)

El mejor recurso para aprender sobre SEO en internet. Ofrece una guía completa que abarca todos los temas de SEO existentes.

Herramientas de Annie Cushing (gratis)

https://docs.google.com/spreadsheets/d/1Y_ozPDx9PJY8bM7sVSOrvC4bT_8UGKG7qhtbUkW4HbU/edit#gid=0

Gran colección de herramientas y muchos recursos útiles.

Buzzstream (Freemium)

https://www.buzzstream.com/

Dígale adiós a la tediosa creación de listas y a los correos electrónicos ineficaces con el mejor CRM de divulgación del mundo.

Revista de motores de búsqueda (gratis)

https://www.searchenginejournal.com

Gran blog de SEO

Prowly (Pagado)

https://prowly.com