Complementos ligeros y ligeros para WordPress

En Isotropic, nos encanta equilibrar la velocidad y la funcionalidad cuando se trata de crear sitios web de WordPress. En este artículo, queríamos detallar los complementos que hemos usado en el pasado que se sabe que son ligeros y ligeros.

Al agregar la menor cantidad de código al front-end del sitio web, puede asegurarse de que se cargue rápidamente para los visitantes (una mejor experiencia y algo que Google valora al clasificar). Esta lista fue seleccionada por nuestros desarrolladores y nuestra agencia durante años de creación de sitios web de WordPress.

A través de prueba y error, hemos encontrado varios complementos increíblemente bien diseñados que agregan funcionalidad, pero tienen un impacto mínimo en la velocidad de un sitio web debido a su diseño esbelto.

Vamos a tratar de abordar todos los aspectos de un sitio web de WordPress, pero si tiene un complemento liviano que le gustaría agregar a esta lista, no dude en hacérnoslo saber en la sección de comentarios.

Cada complemento en esta lista viene con una descripción rápida de por qué lo hemos usado en el pasado, si lo estamos usando actualmente y algunos pros y contras. Dicho esto, entremos en materia. Y siéntase libre de usar la tabla de contenido a la izquierda para navegar entre categorías.

Constructores de páginas

Oxygen es un creador de sitios web para WordPress. En comparación con los principales creadores de páginas, esta herramienta es la más liviana en términos de activos de interfaz cargados. También es uno de los mejores para agencias, increíblemente flexible y creado para agencias y desarrolladores. Ahora lo usamos para la mayoría de nuestros sitios web de WordPress y nos encanta. Definitivamente hay una pequeña curva de aprendizaje para los usuarios menos experimentados, pero las ventajas que vienen con la herramienta valen más que la pena.

Un importante punto de venta es el código limpio que genera. En comparación con otros creadores de páginas, Elementor específicamente, muchos usuarios están cambiando debido a esto.

Relacionado: https://isotropic.co/elementor-vs-oxygen/

CSSHero no es el creador de páginas típico. En cambio, le permite modificar temas existentes y funciona en conjunto con un constructor como Oxygen. Esta es básicamente una interfaz gráfica de usuario o todo lo que CSS tiene para ofrecer. Puede apuntar y hacer clic en varios elementos que componen un sitio web, como DIV, texto y secciones, y luego aplicarles CSS fácilmente.

La herramienta no altera los archivos del tema de ninguna manera. En su lugar, crea su propia hoja de estilo que se encuentra encima de los archivos preexistentes. También puede exportar su trabajo como datos CSS, LESS, JSON.

Cuando se trata de velocidad, los desarrolladores de este CSSHero lo dicen mejor: "Desde un punto de vista técnico, CSS Hero solo genera y habilita una única hoja de estilo CSS adicional estática que anula limpiamente la hoja de estilo original de su tema".

Relacionado: https://isotropic.co/csshero-and-elementor-powerful-custom-css/

Descargo de responsabilidad: hemos usado Beaver en el pasado, pero ahora tendemos a inclinarnos hacia Oxygen porque tenemos un gran flujo de trabajo con él. La razón por la que aparece en esta lista es el simple hecho de que genera un código increíblemente limpio, al igual que Oxygen.

Según las pruebas de SupaMike, Oxygen carga 33 KB, mientras que Beaver Builder carga 38 KB de recursos de interfaz.

Es un generador de páginas muy bien diseñado en el back-end, y conocemos a muchos creadores de sitios web profesionales a los que les encanta.

ventanas emergentes

Boxzilla es un complemento que le permite agregar cuadros emergentes o deslizables a su sitio de WordPress. Es uno de los complementos emergentes más limpios y simples que existen, especialmente cuando lo comparas con algo como Green Popups, que carga una tonelada de código front-end (súper exagerado si solo quieres una ventana emergente básica).

Solo se agregan 6 kB de JavaScript a su sitio web.

También es súper flexible y ampliable. Puede agregar cualquier contenido que desee que aparezca, como códigos cortos, iFrames y más. Los cuadros se pueden mostrar en ciertos eventos, incluida la intención de salida (aunque eso es un complemento premium.

Formularios

Piotnet Forms está muy bien hecho y es relativamente nuevo en el sector de los plugins de formularios. Una alternativa muy poderosa a las soluciones de formularios heredados que existen (tiene acceso a campos repetidores, procesamiento de pagos y más), e incorporar en Elementor como constructor. Sorprendentemente, solo cargan 11,8 KB en la interfaz de su sitio.

Lea nuestra revisión: https://isotropic.co/piotnet-forms-review-better-than-legacy-competitors/

Siento la obligación de incluir el Formulario de contacto 7 en esta lista. No solo es uno de los complementos más populares que existen, sino que también es súper simple, pero ampliable. Viene en 15,65 KB de activos frontend (según esa hoja de Google).

Algo incluso menos inflado que el Formulario de contacto 7, el Formulario de contacto ligero no tiene hoja de estilo CSS, ni archivos adicionales ni gastos generales. Es solo un archivo, pero se integra con la versión 3 de recaptcha de Google, así como con la validación del lado del cliente JavaScript y del lado del servidor PHP.

Optimización de motores de búsqueda

Slim SEO es solo eso: Slim. Aquí está la propuesta de venta* (bueno, son gratis):

“Actualmente existen muchos plugins SEO para WordPress en el mercado. Pero estos plugins suelen tener demasiadas opciones y son muy complicados para el usuario medio. Accede a su apartado de configuración, fácilmente te perderás en un laberinto de explicaciones y opciones que a veces No entiendo. Además, ¡hay anuncios!

El complemento completo tiene solo 40 KB y cubre metaetiquetas, redirección, OG, imágenes, esquemas, mapas de sitios, código de pie de página de encabezado, fuentes RSS y más.

compartir social

Un recién llegado al abarrotado paquete de complementos para compartir en redes sociales, Novashare se comercializa como una alternativa liviana. Hemos tenido la oportunidad de usarlo en varios sitios de contenido, y definitivamente podemos confirmar que esta es la solución más eficiente y con más funciones que existe. Viene con conteos compartidos, más de 10 redes... pero quizás la característica más impresionante es el hecho de que carga menos de 5 KB de activos de front-end.

Eso es. Salvaje.

Intercambio social sin guión

¿Necesita un complemento gratuito y simple para compartir en redes sociales? Scriptless es su mejor apuesta (o un fragmento de código): no hay Javascript, solo simples botones de compartir en redes sociales SVG. Elija dónde se insertan, cómo se muestran y qué redes mostrar, ¡y eso es todo!

RGPD / Privacidad

Controles deslizantes

Prácticamente todos los complementos de control deslizante que existen están increíblemente hinchados (tos, tos, Rev Slider). En su lugar, recomendamos usar una biblioteca fácil llamada Slick (hay muchas otras soluciones, como Flickity).

copias de seguridad

Debido a que incluimos todas las categorías de complementos que se necesitarían en un sitio web de producción, Updraft ha encontrado su camino en este artículo. Sin embargo, los complementos de respaldo realmente no afectan la velocidad de carga de un sitio web, y updraft Pro es la mejor solución que encontramos.

Si realmente está buscando una solución liviana cuando se trata de copias de seguridad, use el alojamiento Cloudways que viene con copias de seguridad automáticas.

También puede volcar fácilmente una base de datos con WPCLI [wp db export] y luego archivar archivos como [tar -vczf yourbackupfilename.gz .].

Seguridad

Los complementos de seguridad como WordFence ralentizan la fuente de su sitio, pero definitivamente son un mal necesario (a menos que esté pagando un plan de negocios de Cloudflare y tenga un alojamiento súper seguro).

En lugar de enumerar esas herramientas, queríamos resaltar el Historial simple que muestra los cambios recientes realizados en WordPress, directamente en su tablero o en una página separada.

Es simple, pero muy útil cuando se auditan cambios en un sitio. En el caso de un pirateo o un ataque deliberado, puede ver fácilmente qué salió mal y qué se modificó. También rastrea los inicios de sesión de usuario fallidos y las solicitudes de borrado de datos de usuario. También hay un montón de soporte para otros complementos populares.

Optimización del rendimiento

(Nuestra sección favorita, ¿no te das cuenta?)

Una solución de rendimiento gratuita, sencilla y rápida. El complemento cubre CSS/JS, base de datos y optimización de imágenes, así como el almacenamiento en caché. La versión pro tiene aún más, como un organizador de complementos (piense en la característica principal de Limpieza de activos).

Swift es el equilibrio perfecto entre resultados y facilidad de uso. Es una instalación de un solo clic, que optimiza automáticamente la velocidad de su sitio web de WordPress.

Obviamente, si está buscando algo más voluminoso (más control), es posible que desee echar un vistazo a W3 Cache o WPRocket. Pero, para una solución simple, Swift es nuestra opción.

El conjunto de complementos Flying de WP Speed ​​Matters es una colección de herramientas increíblemente útiles que prácticamente no consumen velocidad del disco (y definitivamente aceleran los tiempos de carga de la interfaz, ¡para eso están diseñados!).

Flying Scripts solo carga scripts (identificados por palabras clave) en la interacción del usuario. Flying Images le brinda acceso ilimitado a un CDN, carga diferida, WebP y más. Flying Pages precarga las páginas cuando un usuario pasa el mouse sobre un enlace, lo que aumenta la velocidad percibida. En mi opinión, estos complementos son los más subestimados del repositorio.

Aumenta la velocidad de su sitio al reducir las solicitudes HTTP , deshabilitar complementos, eliminar código y optimizar su base de datos. El complemento completo tiene 50 kb y no carga JavaScript en el front-end de su sitio. Es genial para ese empujón final cuando se trata de velocidad.

Limpia la base de datos, lo que generalmente da como resultado una experiencia de back- end más rápida.

Gestión de guiones

¿Qué es mejor que un complemento delgado y liviano? Un fragmento de código súper simple que puede reemplazarlo. Estas dos herramientas son los complementos de administración de scripts líderes en la industria (con ellos, puede reemplazar potencialmente docenas de complementos, acelerando su sitio).

Code Snippets es una forma fácil, limpia y sencilla de ejecutar fragmentos de código PHP en su sitio. Elimina la necesidad de agregar fragmentos personalizados al archivo functions.php de su tema. Elimine el complemento, todos los fragmentos también se eliminan (lo que realmente nos gusta). Funciona perfectamente con Oxygen Builder.

Lanzado en septiembre, Advanced Scripts es Code Snippets con esteroides (piense que el complemento se fusionó con VS Code).

Facilita la escritura e incorporación de PHP, CSS y Javascript. También puede escribir código SCSS y LESS, usar ganchos personalizados y agregar rápidamente activos servidos por CDN.

Recientemente comenzamos a agregar secuencias de comandos avanzadas a la mayoría de nuestros sitios de WordPress: es un placer usarlo.

Otras utilidades

Un complemento súper simple pero increíblemente útil que hace lo que su nombre implica: encuentra y reemplaza cadenas en tiempo real (después de que se genera la página, pero antes de que se envíe al navegador de los visitantes). Por lo general, usamos esto para reemplazar palabras mal mayúsculas: ej. WordPress a WordPress.

Una forma simple y liviana de crear zonas de anuncios e insertarlas en su sitio web de WordPress.

Si está buscando una manera rápida y fácil de migrar publicaciones, este complemento súper pequeño le permite exportarlas en formato zip y luego volver a importarlas a una nueva instalación.

Si ejecuta una tienda de WooCommerce, Booster le hará la vida mucho más fácil y tiene un impacto mínimo en la interfaz, ya que es esencialmente una colección de fragmentos de código con una GUI de activación / desactivación. Hay más de 100 módulos, que solo se aplican (código mínimo) a la interfaz cuando se alternan.