Translations

Move all asset files to load from the footer, except jQuery, jQuery Migrate, and core theme JavaScript files. If you're unsure what files are from your theme - use the "Filter theme and plugin sort" tool. After you're done, click "Publish Changes" to push your changes live.

Move all asset files to load from the footer, except jQuery, jQuery Migrate, and core theme JavaScript files. If you're unsure what files are from your theme - use the "Filter theme and plugin sort" tool. After you're done, click "Publish Changes" to push your changes live.

Step 3: Move All Files To The Footer

Step 3: Move All Files To The Footer

Next it's time to bulk compress and combine. This step is as simple as selecting the CSS and JS checkboxes above each section, and applying the compress and combine changes in the bulk updating modal. After making the changes and pushing them live, check your site to ensure everything is working as it should. Also, check your console for any JS errors. If you do come across issues, decompress and separate any of the files causing errors - then save and check again.

Next it's time to bulk compress and combine. This step is as simple as selecting the CSS and JS checkboxes above each section, and applying the compress and combine changes in the bulk updating modal. After making the changes and pushing them live, check your site to ensure everything is working as it should. Also, check your console for any JS errors. If you do come across issues, decompress and separate any of the files causing errors - then save and check again.

Step 2: Bulk Compress And Combine

Step 2: Bulk Compress And Combine

The first step is running Hummingbird's Asset Optimization scan. Note, in some cases when styles/scripts are not properly enqueued by themes/plugins, you might notice issues on the front-end. However, these will be resolved during the upcoming steps.

The first step is running Hummingbird's Asset Optimization scan. Note, in some cases when styles/scripts are not properly enqueued by themes/plugins, you might notice issues on the front-end. However, these will be resolved during the upcoming steps.

Step 1: Run Asset Optimization Scan

Step 1: Run Asset Optimization Scan

Configuration Steps

Configuration Steps

Make changes one at a time, and verify that each was successful before moving to the next. If you're confident in what you're doing you can also make bulk changes to assets if you choose.

Make changes one at a time, and verify that each was successful before moving to the next. If you're confident in what you're doing you can also make bulk changes to assets if you choose.

Configure your theme and plugins first. Hummingbird's Asset Optimization should be the last thing you configure.

Configure your theme and plugins first. Hummingbird's Asset Optimization should be the last thing you configure.

Before configuring Asset Optimization, disable caching systems completely to prevent further issues. The feature automatically disables page caching, however, it's also important to check that other caching systems (e.g. server-side caching) are not active in the background.

Before configuring Asset Optimization, disable caching systems completely to prevent further issues. The feature automatically disables page caching, however, it's also important to check that other caching systems (e.g. server-side caching) are not active in the background.

Test changes on your staging environment before moving to production. Keep in mind staging and production will not always match. Especially on sites that require premium licenses and domain-specific configurations.

Test changes on your staging environment before moving to production. Keep in mind staging and production will not always match. Especially on sites that require premium licenses and domain-specific configurations.

Before getting started, we recommend completing the following checklist

Before getting started, we recommend completing the following checklist

Below is an example workflow of how we approach advanced asset optimization. In most cases, following these steps should suffice, however, every site is different and yours might require another approach. If this is the case, don't hesitate to get in touch with our support team, who are well equipped to help with a variety of scenarios.

Below is an example workflow of how we approach advanced asset optimization. In most cases, following these steps should suffice, however, every site is different and yours might require another approach. If this is the case, don't hesitate to get in touch with our support team, who are well equipped to help with a variety of scenarios.

How We Approach Advanced Asset Optimization

How We Approach Advanced Asset Optimization

Hummingbird's automatic optimization is a great tool for improving page speed, but sometimes for advanced configurations, you need to configure optimization settings manually.

Hummingbird's automatic optimization is a great tool for improving page speed, but sometimes for advanced configurations, you need to configure optimization settings manually.