Optimizing your Essential Grids

Optimize your Essential Grid loading times with the following features.

Table of Contents

1. Load images on-demand with the Lazy Load option.

When Lazy Loading is enabled, your Grid images will only be loaded after everything else on your web page has loaded.  This is especially useful when your Grids have lots of items, but is also a commonly used technique to speed up web page loading in general.

From the “Grid Settings” tab, scroll to the “Smart Loading” section and enable Lazy Loading as shown in the following screenshot.

2. Default Image Size

Adjust the Default Size for your Grid’s images for faster loading times.

From the “Source” tab, scroll to the “Media Source” section, and adjust the “Image Source Type” option.

Quick Tip

Most Grid’s only need a “Medium” or “Large” version of the image, as “Original Size” is often quite high in file size. Test a few sizes and try and find the lowest setting that doesn’t compromise visual quality.

3. Advanced Caching

Essential Grid includes caching intelligence that’s used by default.  But a stronger caching option can be enabled to speed things up even more.

Important Note

When the cache option is enabled, if any new items are added to your Grid or any of the Grid’s settings are changed after the cache is enabled, it must be flushed in order for the new items and/or changes to show up. This can be done through the “Delete Cache” button shown in the screenshot below.

From the “Global Settings” page, set the “Use Own Caching System” to “On”.

Optimizing your Essential Grids

Further Resources for Web Design and Development Enthusiasts

Alright! We've embarked on quite an adventure exploring the realms of this topic. But why stop there? The world of web design and development is vast, and there's always more to learn and discover. Let's dive into some resources that'll keep your knowledge fresh, your skills sharp, and your passion ignited:

The Author

Kezz Bracey

Liked this Post?
Please Share it!

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.