Page Structure Panel

Page Structure Panel

Gridbox 2.6.1 With New Image Optimization Tools

Gridbox 2.6.1 With New Image Optimization Tools

We welcome Balbooa Family and our guest in 2019! Christmas and New Year holidays have come to an end and it's time to continue to delight you with new incredible updates for the Joomla Website Builder Gridbox. In the Gridbox 2.6.1, we have fixed all reported bugs and added new image optimization tools such as lazy load, adaptive Images, and WebP support.

In the Gridbox 2.5.9, we have released an automatic image compression tool which automatically resizes and reduces image width and weight. In today's update, we want to introduce you new tools which allow you to optimize pictures for better page performance.


Lazy Load Images

Lazy load is an awesome technique which loading pictures on a web page asynchronously. Pictures start loading only when they appear in the browser’s viewport.

In the Gridbox, pictures start loading on one screen earlier. A visitor wouldn't see the image loading process. The same technique we are using in the Balbooa Joomla Gallery.

To enable lazy Load in the Gridbox open "Site" settings >> Tab "Performance" and select checkbox "Lazy Load Images".

Lazy Load - Joomla Website Builder Gridbox

The Lazy Load in the Gridbox works for all Gridbox plugins and all type of pictures. All you need is just to enable and enjoy by faster page loading time.


Adaptive Images

The feature Adaptive Image directed to improve website performance on mobile devices. The main idea of the "Adaptive Images" is displaying reduced version of the picture for smaller screen sizes.

Gridbox automatically generates 5 versions of the picture for each mobile device screen size and display the appropriate version. The width of the generated picture depends on the configured breakpoints. Here is an example:

  • Original: 3726 x 2494px (684kb)
  • Compressed: 1440 x 963 (107kb)
  • Tablet Landscape: 1024 x 685px (56kb)
  • Tablet Portrait: 768 x 514px (32.5kb)
  • Phone Landscape: 667 x 446px (24.7kb)
  • Phone Portrait: 375 x 251px (8.88kb)

As you can see, using "Adaptive Images" feature you can greatly improve performance, pages will load faster on mobile devices.

Adaptive Images - Joomla Website Builder Gridbox

Adaptive images in the Gridbox released as a part of “Image Compression” tools, so before enabling "Adaptive images" feature you need to enable image compression.


WebP Image Format

WebP is a modern Google's image format that provides lossless and lossy compression for images on the web. In compared with JPG and PNG formats, WebP provides a smaller size with the same quality. Also, WebP support transparency and animation, so WebP can replace JPG, PNG and GIF.

Gridbox 2.6.1 is fully compatible with WebP format, you can upload WebP images and animations to the Gridbox media manager and use them for your pages and blog posts. Also, Gridbox Photo Editor works with WebP format, feel free to edit your WebP images directly in the Gridbox.

Before you start uploading WebP images, please note, that you need to add WebP as the allowed file type in the Gridbox options (Gridbox Admin >> Options >> Allowed File Types).

Allowed File Types - Joomla Website Builder Gridbox

For the brand new Gridbox installations, WebP is added by default.


WebP and Cross Browser Compatibility

Before you start using WebP in your web projects, you should know that WebP image format is fully compatible with Google Chrome, Firefox, Opera and Microsoft Edge.

Safari browser doesn't support WebP at the moment. But since the all modern browsers added WebP support, it is quite possible that Safari also will start supporting WebP soon.


Convert To WebP With Gridbox

In the Gridbox 2.6.1, we have added a possibility to convert your JPG and PNG to the WebP image format!

To convert picture in WebP format, you need to save picture as a copy in the Gridbox Photo Editor and select checkbox "Save as WebP".

Convert To WebP - Joomla Website Builder Gridbox

No reason to use 3rd party tools to convert pictures. All you need is inside Gridbox!


Conclusion

We recommend updating Gridbox to 2.6.1 since this version includes a huge bug fix update.

At the moment we are already developing long-awaited plugins that you have been asking. New updates with new features are coming soon! Let’s Rock!

Changelist

v.2.6.1 - 9/01/2019

  • Added: Lazy load;
  • Added: Adaptive pictures;
  • Added: WebP image format support;
  • Added: WebP image converter;
  • Fixed: JS conflicts with 3rd party Joomla extensions;
  • Fixed: Issue with an HTML minimization;
  • Fixed: Issue with a sidebar layout in the Gridbox Blogging App;
  • Fixed: Issue with columns width in the sidebar layout;
  • Fixed: Issue with a “Reset Style” feature;
  • Fixed: Issue with a post width in the blog post editor;
  • Fixed: Issues with Gridbox photo editor;
  • Fixed: Issue with Apps duplication;
  • Fixed: Issue with displaying recent posts in the editor;
  • Fixed: Issue with URLs duplicates for Gridbox tags;
  • Fixed: Issue with pagination aligns in the Gridbox Blogging App;
  • Fixed: Issue with column gutter in the plugin “Simple Gallery”;
  • Fixed: Issue with an export feature in the browser Firefox;
  • Fixed: Issue with uploading pictures to the Gridbox media manager.