En una conferencia reciente (lo siento, olvidé cuál), hubo un ejemplo rápido de rendimiento web deficiente en forma de un widget de terceros. El ejemplo mostraba un sitio que instaló el widget para agregar un botón de “envíenos un correo electrónico” fijado en la parte inferior derecha de la ventana gráfica. Ni siquiera un widget de chat en vivo, solo un correo electrónico. Pesaba algo así como 470 KB, que es plátanos rectos.
En caso de que sea alguien que se sienta atrapado en el uso de un widget de diez toneladas porque aún no está seguro de cómo replicar la misma funcionalidad, he preparado una pequeña porción de HTML para usted.
Son 602 bytes, o aproximadamente 1/10 del 1% del tamaño de ese otro widget, sin nada que descargar, analizar o renderizar.
ver la pluma
Widget de posición fija de Mailto por Chris Coyier (@chriscoyier)
en CodePen.
Tal vez en su propio sitio, movería los estilos a su hoja de estilo y agregaría algunos estilos de enfoque y desplazamiento.
No es que JavaScript de terceros tenga que ser malo. Simplemente tiene la costumbre de ser malo.
Mi amigo Richard me mostró un nuevo producto que creó llamado Surfacer. Es como un widget RSS que puedes colocar en cualquier lugar.
ver la pluma
Surfacer por Chris Coyier (@chriscoyier)
en CodePen.
Es un archivo JavaScript de 773 bytes que realiza una solicitud de datos Ajax de 3,5 KB, y lo colocaría al final del documento para evitar cualquier bloqueo de procesamiento. Sería bueno ver más de este tipo de cosas.