Performance

Responsive Background Images is an easy to use, simple helper module for making your background images responsive. It can be used with either static or slideshow background types, and will always fill the full window space with your image(s). The slideshow background effect is automatic with this module if you enable more than one image.

The module achieves this by first recognizing the screensize with which a user is viewing your site, then loading the best file size (image style) for that screen. For example, a 320x480 image will load for iPhone viewers, and a 1600x1200 version for those on a large desktop.

Responsive Background then resizes the image dynamically to match the browser width exactly, maintaining the proportion of the image even if the user resizes the window. If the user were to view your site first on a small screen and then maximize the window, the module will automatically load a new image size so that the background does not become pixelated. If a user were to zoom in or out while viewing your site, the background image will stay the same and not resize with the rest of the page.

This solves theming issues with sites that have standard responsive features, and offers an enhanced user experience for all browser sizes. (description by Jenna Colbaugh)

Features:

This is a small helper module which will automatically lazyload all nodes for sites with multiple nodes on a page, which will make the site load faster.

3th party widgets can cause a huge performance hit.

An easy to use simple helper module for making your images responsive.

Features:

1. Loads the correct image size depending on the set image breakpoints, this means that you have to set image styles for these breakpoints.
2. Only loads when it shows on the browser window
3. Responsive images do not directly depend on the window's width but on the image container which can have % width of the window.

Available Settings:

1. Enable/Disable
2. Distance - image distance from the viewable browser window before the correct image loads
3. Breakpoint 1 - image style if image is equal to or less than 100px
4. Breakpoint 2 - image style if image is equal to or less than 200px
5. Breakpoint 3 - image style if image is equal to or less than 300px
6. Breakpoint 4 - image style if image is equal to or less than 400px
7. Breakpoint 5 - image style if image is equal to or less than 500px
8. Breakpoint 6 - image style if image is equal to or less than 600px
9. Breakpoint 7 - image style if image is equal to or less than 700px
10. Breakpoint 8 - image style if image is equal to or less than 800px
11. Breakpoint 9 - image style if image is equal to or less than 900px
12. Breakpoint 10 - image style if image is equal to or more than 901px
    

This is a small helper module which will automatically lazyload all blocks for sites with multiple blocks, which will make the site load faster.

All blocks will only load when it's visible to the browser window.
Similar to Lazyloader but this time it's the block content.

Available Settings:
1) Enable/Disable
2) Block Content Class - your theme's block content class, ex. content, block-content, etc. (the content of this container will be lazyloaded)
3) Distance - block's distance from the viewable browser window before the actual block content loads
4) Loader Icon - animating icon (shamelessly borrowed from ajaxblocks module)
5) Excluded Blocks - blocks which will not use block lazyloader
6) Excluded Pages - page paths to be excluded from block lazyload

See Block Lazyloader Demo

Cached/No Cache

• Cached: Loads cached block
• No cache: Loads block content from database

Similar Projects

• Node Lazyloader
• Image Lazyloader
• Ajax Blocks

The Alternative Database Cache module is a drop-in replacement for Drupal Core's default cache implementation. Its goal is to fix long-standing problems with Drupal's core caching mechanism.

Improvements

Installation

1. Enable this module like you would any module, whether at /admin/modules or via drush.