#PBSUpdate : Augmentation des performances de 200 % et nouveaux éléments

Écrit par

dans

,

Only a few weeks ago, we released PBS Version 4.1. This update included tweaks on the formatting bar and some text formatting updates, among others. For Version 2.0 though, while we made additional features, we decided to focus more on PBS’ overall performance.

200% Performance Increase & A Little Help from CodeInWP

Ce qui a motivé ce changement, c’est un article sur les attentes envers les constructeurs de pages par CodeInWP. Il présentait une courte liste de leurs favoris, chacun évalué selon des critères spécifiques. Bien que Page Builder Sandwich n’ait pas été retenu dans la liste elle-même, nous avons tout de même été brièvement mentionnés dans l’article :

With Page Builder Sandwich you won’t also lose your content and will be able to continue updating the page easily via a default WordPress editor.

C’est en lisant cela que notre équipe a été poussée à améliorer PBS encore davantage. Et, étant donné que nous ne figurions pas dans la liste, nous étions également curieux de savoir quelles étaient nos lacunes spécifiques. Un peu plus tard, nous avons contacté CodeInWP pour demander un court examen de PBS, et l’auteure invitée Ann Taylor nous a fourni une réponse très constructive et utile :

“…I played around with a free version a bit. It shows a lot of promise: lots of modules, pretty intuitive UI, great WYSIWYG experience, everything is dragged around easily. However, when I had around 10 modules on the page, it became hard to continue working with it because of low editing speed…”

Ces précieux retours nous ont incités à étudier plus en profondeur la vitesse et les performances de PBS. Nous avons testé de nombreux scénarios différents et avons découvert d’énormes goulets d’étranglement de vitesse. La cause principale de ces problèmes de performance résidait dans les divers calculs que l’extension effectuait pour afficher les contours, les barres d’outils et d’autres repères visuels d’édition. Voici ci-dessous un graphique des performances de la version 4.1 de PBS dans Chrome :

Here are the important points of the graph in a nutshell:

  • Les zones violettes hautes sont mauvaises
  • Les zones violettes larges sont pires
  • Nous avons considérablement accéléré les choses, et désormais notre graphique pour la version 4.2 ressemble à ceci :

If you compare the tall and wide purple areas from the two graphs, that means that we have achieved a 200% performance increase!

4 New Elements

Ce que nous préférons avec ces 4 nouveaux éléments, c’est qu’ils permettent de créer des sections complètes de page web rapidement et efficacement, sans avoir à glisser les éléments un par un sur l’espace de travail de PBS. Nous vous donnerons également la possibilité de choisir parmi différents styles afin que vous ayez plus de liberté pour personnaliser ces trois nouveaux éléments selon vos besoins de conception.

Spacer Element

Il est facile d’ajuster les marges des éléments pour obtenir l’espace dont vous avez besoin. L’élément d’espacement peut être utilisé comme alternative. Ceci est particulièrement utile si vous souhaitez que certaines rangées ne rétrécissent pas trop sur les écrans mobiles.

Featurette Element

L’élément d’encart (featurette) peut être utilisé pour créer des sections de votre page plus rapidement. Ces sections peuvent inclure des en-têtes percutants (hero headers), des carrousels de témoignages et d’autres éléments utiles pour enrichir les fonctionnalités de votre page.

Since all of the Featurette Elements are pre-designed, all you’ll have to do is simply drag the “Featurette” button from the Elements Tab, and choose what you want to add on your workspace from there.

Team Members Element

L’élément membre de l’équipe est idéal pour présenter les membres de votre équipe aux visiteurs de votre site. En règle générale, une section de ce type comprend une photo du membre de l’équipe, ainsi qu’une courte description en bas.

Gallery Element

Cet élément est utilisé pour créer des galeries photo. Auparavant, vous deviez glisser des éléments séparés (tels que des boutons, des cadres, etc.) un à un vers l’espace de travail de PBS afin de concevoir une galerie. Ce nouvel élément s’en charge désormais pour vous, rendant ainsi le processus simple et sans tracas.

A Huge Thank You

La version 4.2 est l’une de nos mises à jour les plus importantes à ce jour. La performance et les fonctionnalités sont après tout essentielles pour toute excellente extension. Nous tenons à remercier @Ann Taylor et CodeInWP pour nous avoir fourni des retours constructifs et pour nous avoir souhaité bonne chance dans notre aventure. Et à tous les utilisateurs de PBS, un immense merci également pour votre soutien continu.

Nous publierons encore plus de mises à jour prochainement (notamment notre fonctionnalité Google Fonts promise, entre autres), alors restez à l’affût !

D’ici là, bonne création de site de la part de l’équipe PBS !