Nuevas mejoras en Enfold que la hacen aún más veloz

Enfold nueva actualización

Este lanzamiento es probablemente uno de los más importantes en los últimos años, ya que es el primer paso importante para cambiar algunos de los aspectos básicos de nuestro tema Enfold.

Cada vez que se escribe un software, un desarrollador debe tomar ciertas decisiones sobre cómo funciona este software. La mayoría de las cosas que decidieron, cuando construyeron Enfold nos funcionaron genial. Pero lamentablemente, algunas de esas decisiones ahora comenzaron a afectar la capacidad para mejorar aún más el tema. Es por eso que en Kriesi decidieron hacer algunas revisiones generales y Enfold 4.3 es el primero. Esta versión afecta el rendimiento de varias maneras importantes y es difícil exagerar la importancia de todos esos cambios de rendimiento. Entonces, antes de describir lo que hicieron, aquí es cómo afecta el tema:

  • Un sitio web típico basado en Enfold ahora carga entre 15% -75% menos de CSS y JS
  • Enfold es ahora probablemente el mejor tema polivalente optimizado que existe. Revisamos la competencia y Enfold ahora usa menos CSS y menos JS en un sitio promedio que cualquier otra plantilla.
  • Además de ser más rápido y más limpio que la competencia, el tema ahora también es excepcionalmente fácil de optimizar y puedes obtener puntajes perfectos de google / gtmetrix en páginas si lo deseas.
  • Los rankings de búsqueda serán más altos para los sitios web que utilizan Enfold ya que la velocidad de carga para dispositivos móviles se incluirá en los resultados de búsqueda pronto.
  • La conversión de visitantes a clientes será mejor, ya que es un hecho que cada milisegundo que puede reducir el tiempo de carga tiene un impacto positivo

Lograr una puntuacion perfecta en google o gtmetrix ahora es posible.

Entonces, ¿qué han cambiado y por qué?

Módulos

En este lanzamiento han cambiado a un sistema de características “basado en módulos”. Anteriormente, cuando agregaban una nueva opción en el backend o un nuevo elemento de generador de plantillas, se habilitaba para todos de forma predeterminada y siempre se cargó. A medida que Enfold crecía con el tiempo, la lista de características para cargar creció con él y la cantidad de CSS y JS también creció.

Dado que solo los sitios muy grandes usan cada característica de Enfold que ofrece, esto significa que muchos sitios más pequeños cargan una gran cantidad de recursos innecesarios. También significa que agregar nuevas características de nicho no suele ser una buena idea, ya que afecta a todos los usuarios que no usan la función de forma negativa. Querían cambiar eso y, por lo tanto, cambiar a un sistema basado en módulos.

A partir de ahora, Enfold solo carga los archivos CSS y JS que requiere. El tema ahora realiza un seguimiento de los elementos y las opciones que utiliza. Entonces, si no usa un reproductor de video, una cuenta regresiva y un portafolio, el tema ya no cargará estas características.

Habilite y deshabilite los módulos a su gusto en las nuevas opciones de tema “Rendimiento”

Lo que suena como un pequeño cambio, en realidad fue mucho trabajo durante varios meses. Los efectos sobre el rendimiento y los tiempos de carga valen la pena:

Un sitio web de tamaño medio (que yo diría que es el 90% de los clientes) ahora solo carga aproximadamente el 35% de los recursos que antes tenía. Eso es un 65% menos de cosas para cargar para su visitante, y por lo tanto, generalmente una gran mejora de velocidad.

También significa que ahora se podrá agregar fácilmente características de nicho si las consideramos valiosas sin afectar el rendimiento de todos los demás. (como nuestro nuevo elemento de línea de tiempo,por ejemplo)

Compresión

Junto con el enfoque basado en módulos, se ha agregado una característica de compresión de archivos que genera y optimiza los archivos CSS y JS, en función de las características que utiliza. Por lo tanto, el tema no solo necesita cargar menos recursos, sino que los que se cargan también se comprimen y almacenan en caché de forma adecuada (sin ningún complemento) lo que reduce aún más los tiempos de carga.

Opciones de desempeño

Han agregado una pestaña de opciones de tema de rendimiento en su backend, que le permite ajustar la carga de recursos para su tema con unos pocos clics. Ya hemos lanzado un artículo sobre cómo marcar perfectamente en google pagespeed y gtmetrix .

La pestaña Rendimiento le permite desactivar ajustes predeterminados de WordPress innecesarios y a menudo no utilizados, permite cambiar el comportamiento del nuevo módulo de carga y compresión a los valores predeterminados anteriores (si tiene problemas con los complementos) y ofrece sugerencias de optimización como qué optimización de imagen complemento o qué complemento de almacenamiento en caché para usar.

¿Que novedades también merecen ser mencionadas?

1.) Como siempre hay muchos cambios y mejoras en este lanzamiento, uno que me mucho es la opción de usar una página completa como una “plantilla global”.
El nuevo elemento generador de plantillas llamado ” contenido de la página ” le permite cargar otra página en la página que está utilizando actualmente.

Como ejemplo: digamos en cada una de sus páginas que desea mostrar una lista de enlaces y logotipos a sus socios comerciales.
Si anteriormente hizo eso y un compañero cambió, tuvo que cambiar la lista en cada página individualmente. Ahora puede crear una página de “lista de socios” que solo contenga esta lista y luego cargarla en su página principal, página de contacto, página, etc.

Si un socio cambia, simplemente edite la página “lista de socios” y esos cambios también serán visibles en todas sus otras páginas.

2.) Similar a eso, pensamos que usar el mismo diseño de pie de página aburrido de 3 o 4 columnas perdió gran parte de su atractivo con el tiempo y es muy limitante. Ahora puede generar una página de pie de página con su creador de plantillas y establecer esa página para que sea su pie de página en las opciones de tema en Enfold-> Pie de página. Un simple ejemplo de un buen pie de página personalizado se puede ver en nuestra última demostración .

Entre otras cosas, han creado una nueva demo , nuevos elementos de generador de plantillas llamados ” línea de tiempo ” y ” fila de botones ” (que le permite mostrar varios botones en una fila) vinculación de columna completa, la opción de mostrar notificaciones en la carga de la página (por ejemplo, cookie uso) y mucho más. Verifique el registro de cambios para todos los detalles grandes y pequeños.

¿Qué pasa después?

Ahora que solo se cargan funciones basadas en el uso, podemos añadir elementos de creación de plantillas de nicho sin afectar a los usuarios que no necesitan esos elementos. Entonces probablemente verá algunos de esos elementos de nicho con algunas demostraciones de nicho. Dicho esto, desde Kriesi siguen interesados ​​en mantener Enfold fácil de usar para principiantes.

Han planeado un lanzamiento más pequeño a continuación que agrega características que satisfacen el próximo  Reglamento General de Protección de Datos  en el que hablamos en esta guía de protección de datos, que se aplicará en toda la UE y también afectará a todos los que hagan negocios con alguien en la UE.

En cuanto a los cambios más grandes que se planean en el futoro: como se mencionaron anteriormente, la forma en que se cargaban previamente los documentos fue una de las cosas que se interpusieron en el camino para mejorar aún más el tema. El generador de plantillas Enfolds es, como la mayoría de los creadores de plantillas, basado en códigos abreviados. Cuando se contruyó Envold por primera vez, este era un estándar de facto y tenía sus méritos. Sin embargo, ahora son una cosa del pasado. Los códigos abreviados son lentos (en términos de procesamiento), requieren mucha sobrecarga (codificación), causan problemas (con anidamiento html incorrecto y / o caracteres especiales HTML) y no son muy flexibles en otros aspectos (elementos globales anidados)

WordPress se está alejando de Shortcodes con su nuevo Editor Gutenberg y también notamos que algunas de las cosas que se quieren lograr con el constructor (como el anidamiento ilimitado de columnas, el contenido del generador de plantillas en alternar y pestañas, etc.) no son factibles mientras utilizando shortcode como la “estructura de datos” de una página. Esta es la segunda gran tarea que están abordando. Cambiar el formato de datos del constructor y deshacer la estructura del shortcode a largo plazo para poder mejorar el constructor de la manera ideal. Esto, al igual que la implementación de los módulos, tomará algunos lanzamientos, pero una vez hecho esto, estará listo para algunas mejoras en el generador de plantillas grandes.

Cambiar registro

  • agregado: una nueva demostración: Enfold Elegant Portfolio
  • agregado: pestaña de rendimiento en las opciones de tema que le permite mejorar el rendimiento de su sitio web mediante el uso de compresión / eliminación de archivos
  • agregado: elemento de fila de botón que permite mostrar varios botones uno al lado del otro
  • agregado: nueva animación ” máquina de escribir ” para elemento de encabezado giratorio
  • agregado: ahora puede establecer enlaces para columnas y celdas
  • agregado: ahora puede establecer una página como pie de página. Esto permite diseños de pie de página completamente diferentes
  • agregada: opción para cerrar el elemento del generador de la plantilla de notificación y establecer una cookie para que no se vuelva a mostrar
  • agregado: opción para usar degradados de fondo para celdas, columnas y secciones
  • agregada: opción para mostrar una notificación de uso de cookies
  • agregado: opción para mostrar la etiqueta del botón como información sobre herramientas (de esa manera puede usar botones con solo iconos con efecto de desplazamiento)
  • agregado: opción para establecer un diseño de página 404 personalizado
  • agregado: opción de copyright para elemento de imagen
  • agregado: comprobación de complementos para optimización de imagen y complementos de caché
  • añadido: recomendación de complemento para optimización de imagen y complementos de caché
  • agregado: opción de estilo avanzada para darle estilo al elemento del menú principal activo
  • agregado: nuevas fuentes de Google
  • agregado: opciones de espaciado de margen para elemento de encabezado y elemento de rotación de encabezado
  • mejorado: varios archivos CSS y JS ahora solo se cargarán si son necesarios, de acuerdo con la configuración de las opciones del tema
  • mejorado: secuencia de comandos de importación de demostración
  • fijo: los botones en el menú principal ahora siempre tienen la misma altura
  • corregido: el uso de la antigua biblioteca jQuery Migrate ya no es necesario debido a las mejoras de JS
  • fijo: comp. hacia atrás con PHP <5.5 en header.php
  • corregido: manejo de enlaces de presentación de diapositivas para control deslizante fácil
  • corregido: un problema con el tamaño de los videos auto alojados
  • corregido: la carga de imágenes instagram funciona correctamente de nuevo
  • corregido: problemas de compatibilidad con el estilo RTL
  • corregido: sección de color ALB: flecha pequeña en el borde inferior El estilo aparece dos veces
  • corregido: botón de compra de productos ALB y WooCommerce> 3.0 conducen al bucle sin fin
  • corregido: pequeño problema al no crear atributos en la ruta de exploración para el primer elemento
  • corregido: un problema con las entradas del evento Calender
  • corregido: un problema de visualización con la página principal de la tienda y la navegación de ruta de navegación
  • corregido: un problema con la visualización de superposición de imágenes
  • actualizado: plugin Layerslider
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (1 votos, promedio: 5,00 de 5)
Cargando…
0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *