Teklion Performance
WordPress performance plugin for Elementor landings without LiteSpeed — WebP, deferred assets, kill switch, multi-site preset.
by Teklion · github.com/xcalable/teklion-performance · website
Install
No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:
wp plugin install https://github.com/xcalable/teklion-performance/archive/refs/heads/main.zipReadme
Teklion Performance
Plugin de WordPress para rendimiento en landings Elementor cuando el hosting no te deja usar la solución “normal” (LiteSpeed, reglas de servidor, etc.).
Repo: github.com/Xcalable/teklion-performance
Contexto: trabajo para landings de Teklion (stack tipo Guarnic / Operonda).
¿Por qué un plugin a medida? (el motivo de verdad)
No se hizo “por hacer otro optimizador más”.
El servidor corre Caddy. Los plugins “buenos” de caché/optimización (y muchas recetas de rendimiento) dependen de:
- módulos o reglas a nivel de servidor, o
- poder editar la config del reverse proxy / webserver.
En este entorno no había acceso para configurar el Caddyfile. Sin eso, no podías instalar y aprovechar un plugin de caché/optimización de los que sí resolverían el problema de otra forma.
Encima:
- CDN delante (purgas controladas por terceros / CEO),
- WordPress + Hello Elementor + Elementor Pro (mucho CSS/JS),
- flotas / URLs de prueba cercanas a producción (hay que poder apagar todo con un kill switch).
Conclusión: hacía falta una herramienta 100 % en PHP dentro de WordPress, sin tocar Caddy, que convierta/sirva WebP y aplique mejoras de front reversibles, opción por opción.
English summary: README.en.md
¿Qué hace el plugin?
Imágenes
- Genera WebP al subir o por lotes (Imagick / GD), sin borrar el original
- Sirve WebP reescribiendo HTML/CSS solo si el
.webpexiste y es válido - No reencodea PNG al subir (evita romper degradés)
- Opcional:
<picture>para imagen LCP/hero (móvil ≤767px) - Eager +
fetchprioritydentro de un contenedor LCP configurable (CSS id por defecto:inicio)
Front (casi todo OFF por defecto; hay preset)
- Diferir CSS no crítico de Elementor
- Retrasar Swiper, GTM/Ads, reCAPTCHA, Joinchat
font-display: swap- Quitar animaciones de entrada solo dentro del bloque LCP (el resto del sitio puede seguir animado)
- Preset Teklion en un clic para otras landings del mismo stack
Seguridad operativa
- Kill switch
- Entrega WebP apagada hasta que la actives
- Lotes chicos pensados para admin detrás de CDN
Resultados (encaje de portfolio, sin inventar milagros)
| Área | Qué se logró |
|---|---|
| Escritorio (PageSpeed lab) | En el orden de ~96–99 tras el despliegue |
| Móvil (PageSpeed lab) | Sigue limitado por Elementor + terceros + no poder montar caché HTML de página a nivel Caddy; el plugin igual limpió ruta crítica (CSS diferido, LCP de imagen, menos fondo pesado) |
| Ops | Mismo zip en varias landings Elementor sin depender de LiteSpeed ni del Caddyfile |
| Riesgo | Flags reversibles + kill switch en un entorno casi producción |
El valor del proyecto para portfolio no es “subió 40 puntos mágicos en móvil lab”. Es: desbloquear optimización seria cuando Caddy está cerrado y no podés usar el plugin que hubieras preferido.
Stack objetivo
- WordPress 6.x, PHP 8+
- Hello Elementor + Elementor / Pro
- Caddy (sin acceso a
Caddyfile) - CDN delante
- Redis Object Cache compatible (no reemplaza caché HTML de página)
Instalación rápida
- Subir a
wp-content/plugins/teklion-image-optimizero instalar el zip. - Activar Teklion Performance.
- Ajustes → Teklion Perf → Aplicar preset Teklion.
- Confirmar CSS id del hero (
inicio) y, si aplica, claseteklion-hero+ URL móvil. - En producción: pedir purga de CDN y volver a medir PageSpeed.
Licencia
GPL-2.0-or-later.
Nota
Nombre de carpeta / text domain histórico: teklion-image-optimizer. Nombre visible: Teklion Performance.