Skip to main content
Cookbook Maintenance Smash Balloon

Load the Instagram feed stylesheet only where feeds appear with AI

Stop Instagram Feed Pro's stylesheet loading on pages without a feed, with each setting explained before anything changes.

Difficulty Intermediate
Time ~5 min

Prerequisites

A connected site running Smash Balloon Instagram Feed Pro 6.14.0 or newer on WordPress 6.9 or newer, with MCP Write Access turned on under Instagram Feed > Settings > General.

The prompt
I use Smash Balloon Instagram Feed Pro and want pages without an Instagram feed to stop loading its stylesheet. Run get-global-settings and describe-settings-schema, then explain in one plain sentence each, with the current value: the option that loads the stylesheet only where the shortcode is used, and the option that loads the script in the head. Suggest the change for a lighter site (stylesheet only where a feed appears, script left in the footer) and say what it could break. Show me the planned change and wait for my yes, then apply only what I approve with update-global-settings. If an ability says AI write access is disabled, stop and tell me to turn on MCP Write Access under Instagram Feed > Settings > General. Quote what Instagram Feed reported as updated and ignored, and list the old values so I can undo it.
Already connected?

Skip pasting the full prompt. Drop this into your AI on a site that already has WPVibe:

Run the “Load the Instagram feed stylesheet only where feeds appear with AI” recipe from the WPVibe cookbook on my connected site.

A speed test flags Instagram Feed’s stylesheet on pages that have no Instagram feed at all. The plugin’s script already loads only where a feed renders, but by default the stylesheet loads on every page. The setting that changes this sits under advanced settings with a name that does not say what it saves.

The AI reads Instagram Feed’s global settings and explains the stylesheet and script options in plain English, with their current values. It suggests loading the stylesheet only on pages that show a feed and keeping the script in the footer, since loading it in the head puts it on every page. It applies only what you agree to with Instagram Feed’s update-global-settings ability and keeps the old values in the chat. jQuery, which the feed script needs, still loads on every page; no Instagram Feed setting changes that.

Paste the prompt, read the suggestions, and say which ones to apply. Afterwards open a page that has a feed and make sure it still looks right; if it looks unstyled, ask the AI to turn the stylesheet option back off. For the rest of the site’s render-blocking files, see Reduce render-blocking and unused CSS and JS with AI.

Outcome

Instagram Feed's stylesheet loading only on pages that show a feed, with the old values kept for an undo.