Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    Have a look at the “eliminate render-blocking CSS” option, but do take into account you’ll have to either;

    a) generate & copy/paste the “above the fold CSS” in the field below (more info in the AO FAQ, look for “inline & defer CSS”) OR
    b) create manual rules on the “critical CSS” tab (generating critical css for each rule) OR
    c) take a subscription over at criticalcss and paste your API in the field on the critical CSS tab

    hope this helps,
    frank

    Thread Starter sjbaronnz

    (@sjbaronnz)

    Thank you but I do not really follow this. You say:

    a) generate & copy/paste the “above the fold CSS” in the field below (more info in the?AO FAQ, look for “inline & defer CSS”)?

    But when I go to AO FAQ I see no reference to “inline & defer CSS” ??? ??

    Thread Starter sjbaronnz

    (@sjbaronnz)

    Ok, I managed to work out how to do the above-the-line stuff and it has made a big difference but now after doing this, it has created a Cumulative Layout Shift issue ?? One did not exist before!

    https://pagespeed.web.dev/analysis/https-thewanganuiclub-nz/sbttl2hine?form_factor=mobile

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    in that case the “above the fold css” that was generated is not good enough, try re-generating it using one of the other tools maybe or (if you’re into CSS) tweak it manually?

    Thread Starter sjbaronnz

    (@sjbaronnz)

    All I can get from those links is below and when I enter it in your box in WordPress it doesn’t stay there?

    <style>html{scroll-behavior:smooth}*,::after,::before{box-sizing:border-box}body{background-color:white;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}html{line-height:1.4;-webkit-text-size-adjust:100%}h1,h2{line-height:1.2}body{margin:0}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}img{border-style:none}button{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.breakdance-menu{--menu-background:#fff;--menu-max-height:calc(100vh - var(--mobile-buffer-y));--menu-alignment:flex-start;--menu-duration:var(--bde-transition-duration,.3s);--menu-base-font-size:.875em;--mobile-offset-y:calc(100% + 15px);--mobile-offset-x:0;--mobile-offcanvas-width:400px;--mobile-topbar-padding:15px;--mobile-topbar-logo-width:110px;--mobile-topbar-logo-order:-1;--mobile-topbar-close-button-size:20px;--mobile-topbar-close-button-color:var(--bde-headings-color);--mobile-topbar-close-button-color-hover:var(--mobile-topbar-close-button-color);--mobile-topbar-close-button-bar-height:2px;--toggle-background-color:transparent;--toggle-background-color-hover:var(--toggle-background-color);--toggle-active-background-color:var(--toggle-background-color);--toggle-padding:0;--toggle-radius:0;--toggle-layer-width:32px;--toggle-layer-height:4px;--toggle-layer-spacing:6px;--toggle-layer-color:var(--bde-headings-color);--toggle-layer-color-hover:var(--toggle-layer-color);--toggle-layer-color-active:var(--toggle-layer-color);--toggle-layer-border-radius:0;--links-gap:0;--link-padding-top:20px;--link-padding-bottom:20px;--link-padding-left:20px;--link-padding-right:20px;--link-color:var(--bde-headings-color);--link-color-hover:var(--link-color);--link-background-color:transparent;--link-background-color-hover:var(--link-background-color);--link-alignment:space-between;--link-effect-thickness:3px;--link-effect-color:var(--link-color);--link-effect-color-hover:var(--link-effect-color);--link-effect-radius:0;--link-color-active:var(--link-color);--link-background-color-active:var(--link-background-color);--link-arrow-display:block;--link-arrow-color:var(--link-color);--link-arrow-color-hover:var(--link-color-hover);--link-arrow-size:10px;--link-arrow-gap:8px;--link-arrow-offset-y:0;--link-arrow-close-rotation:0deg;--link-arrow-open-rotation:-180deg;--link-arrow-rotation:var(--link-arrow-close-rotation);--link-border:1px solid var(--link-border-color);--link-border-color:#eee;--dropdown-animation-duration:var(--menu-duration);--dropdown-caret-display:block;--dropdown-caret-radius:3px;--dropdown-caret-size:12px;--dropdown-background-color:#fff;--dropdown-custom-offset-y:20px;--dropdown-edge-offset:20px;--dropdown-border-radius:8px;--dropdown-custom-width:500px;--dropdown-section-padding:30px;--dropdown-section-gap:var(--gap-lg);--dropdown-links-gap:var(--gap-sm);--dropdown-link-color:var(--bde-headings-color);--dropdown-link-icon-display:block;--dropdown-link-icon-size:16px;--dropdown-link-icon-spacing:10px;--dropdown-link-icon-alignment:center;--dropdown-link-description-display:block;--dropdown-link-description-spacing:0;--dropdown-link-icon-x:0;--dropdown-link-icon-y:0;--dropdown-link-img-opacity:1;--dropdown-link-img-opacity-hover:1;--dropdown-columns-stack:row;--dropdown-columns-gap:var(--gap-xl);--dropdown-column-title-spacing:0;--dropdown-sections-stack:column;--dropdown-section-light-background:#fff;--dropdown-section-dark-background:#f6f9fc;--gap-xl:60px;--gap-lg:30px;--gap-sm:15px;--gap-xs:10px;--gap-none:0;--arrow-icon:url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M441.9 167.3l-19.8-19.8c-4.7-4.7-12.3-4.7-17 0L224 328.2 42.9 147.5c-4.7-4.7-12.3-4.7-17 0L6.1 167.3c-4.7 4.7-4.7 12.3 0 17l209.4 209.4c4.7 4.7 12.3 4.7 17 0l209.4-209.4c4.7-4.7 4.7-12.3 0-17z'%3E%3C/path%3E%3C/svg%3E");--mobile-link-padding-top:20px;--mobile-link-padding-bottom:20px;--mobile-link-padding-left:20px;--mobile-link-padding-right:20px;--mobile-link-level-2-padding-top:12px;--mobile-link-level-2-padding-bottom:12px;--mobile-link-level-2-padding-left:25px;--mobile-link-level-2-padding-right:20px;--mobile-link-level-3-padding-top:12px;--mobile-link-level-3-padding-bottom:12px;--mobile-link-level-3-padding-left:30px;--mobile-link-level-3-padding-right:30px}.breakdance-menu{position:relative;-webkit-font-smoothing:antialiased;touch-action:none;text-align:left;height:var(--menu-height)}:root .breakdance-menu{display:flex}.breakdance-menu-list{display:flex;align-items:center;justify-content:var(--menu-alignment);gap:var(--links-gap);list-style-type:none;margin:0;padding:0}.breakdance-menu-item{position:relative}.breakdance-menu .breakdance-menu-link{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:var(--link-alignment);flex:1;font-size:var(--menu-base-font-size);font-family:inherit;font-weight:500;line-height:1;text-decoration:none;color:var(--link-color);padding:var(--link-padding-top) var(--link-padding-right) var(--link-padding-bottom) var(--link-padding-left);margin:0;border:none;background-color:var(--link-background-color);white-space:nowrap}.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines{top:calc(var(--toggle-layer-height)/2)}.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:before{top:calc(var(--toggle-layer-height) + var(--toggle-layer-spacing))}.breakdance-menu-toggle--elastic .breakdance-menu-toggle-lines:after{top:calc(var(--toggle-layer-height)*2 + var(--toggle-layer-spacing)*2)}.breakdance-menu-toggle{display:none;align-items:center;border:none;color:var(--toggle-layer-color);background-color:var(--toggle-background-color);backface-visibility:hidden;padding:var(--toggle-padding);border-radius:var(--toggle-radius);min-height:var(--toggle-layer-width);box-sizing:content-box}.breakdance-menu-toggle-icon{width:var(--toggle-layer-width);height:calc(var(--toggle-layer-height)*3 + var(--toggle-layer-spacing)*2);display:inline-block;position:relative}.breakdance-menu-toggle-lines{top:50%;display:block;margin-top:calc(var(--toggle-layer-height)/-2)}.breakdance-menu-toggle-lines,.breakdance-menu-toggle-lines:before,.breakdance-menu-toggle-lines:after{content:"";position:absolute;display:block;width:var(--toggle-layer-width);height:var(--toggle-layer-height);background-color:currentColor;border-radius:var(--toggle-layer-border-radius)}.breakdance-menu-toggle-lines:before{top:calc((var(--toggle-layer-spacing) + var(--toggle-layer-height))*-1)}.breakdance-menu-toggle-lines:after{bottom:calc((var(--toggle-layer-spacing) + var(--toggle-layer-height))*-1)}.breakdance .bde-globalblock{max-width:100%;width:100%}.breakdance .bde-section{position:relative;width:100%;background-position:center center;background-size:cover}.breakdance .bde-section .section-container{max-width:var(--bde-section-width);background-size:cover;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin:0 auto;padding:var(--bde-section-vertical-padding) var(--bde-section-horizontal-padding)}.breakdance .bde-dual-heading{max-width:100%;margin:0;line-height:1.2;position:relative}.breakdance .bde-text{max-width:100%;margin:0;color:var(--bde-text-color,var(--bde-body-text-color))}.bde-fancy-divider{max-width:100%;width:100%;display:flex;--bde-fancy-divider-border-style:dotted;--bde-fancy-divider-border-size:2px;--bde-fancy-divider-border-color:var(--grey-600);--bde-fancy-divider-pattern-height:12px;--bde-fancy-divider-pattern-size:40px;--bde-fancy-divider-pattern-url:'url()'}.bde-fancy-divider__wrapper{display:flex;width:100%}.bde-fancy-divider__separator{width:100%;border-top:var(--bde-fancy-divider-border-size) var(--bde-fancy-divider-border-style) var(--bde-fancy-divider-border-color)}.breakdance .bde-columns{max-width:100%;width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--bde-column-gap)}.breakdance .bde-column{display:flex;flex-direction:column;justify-content:flex-start;text-align:left;align-items:flex-start;width:calc(var(--column-width) - var(--bde-column-gap)*((var(--columnCount) - 1)/var(--columnCount)));position:relative;background-size:cover}.breakdance .bde-image{max-width:100%}.breakdance-image{position:relative;display:flex;flex-direction:column;max-width:100%;margin:0;border:none}.breakdance-image-clip{overflow:hidden}.breakdance-image-object{display:block;max-width:100%;height:auto}.breakdance-image-link{display:block}.breakdance .bde-heading{max-width:100%;margin:0}.breakdance .bde-header-builder{position:relative;width:100%;background-color:var(--bde-background-color);--bde-header-width:var(--bde-section-width);--bde-header-sticky-duration:var(--bde-transition-duration)}.breakdance .bde-header-builder .bde-header-builder__container{gap:20px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;max-width:var(--bde-header-width);padding:var(--bde-section-horizontal-padding) var(--bde-section-horizontal-padding)}.breakdance .bde-container-link{display:flex;flex-direction:column;align-items:flex-start;text-align:left;max-width:100%;text-decoration:none;position:relative;background-size:cover}.breakdance .bde-image{max-width:100%}.breakdance-image{position:relative;display:flex;flex-direction:column;max-width:100%;margin:0;border:none}.breakdance-image-clip{overflow:hidden}.breakdance-image-object{display:block;max-width:100%;height:auto}.breakdance-image-link{display:block}.breakdance .bde-text{max-width:100%;margin:0;color:var(--bde-text-color,var(--bde-body-text-color))}:root{--white:#fff;--grey-50:#f9fafb;--grey-100:#f3f4f6;--grey-200:#e5e7eb;--grey-300:#d1d5db;--grey-400:#9ca3af;--grey-450:#787e8b;--grey-500:#6b7280;--grey-600:#4b5563;--grey-700:#374151;--grey-800:#1f2937;--grey-900:#111827;--blue-500:#3b82f6;--blue-600:#2563eb;--pink-600:#db2777;--emerald-100:#d1fae5;--emerald-700:#047857;--sky-100:#e0f2fe;--sky-500:#0ea5e9;--red-50:#fef2f2;--red-500:#ef4444;--red-700:#b91c1c;--indigo-50:#eef2ff;--indigo-600:#4f46e5;--indigo-700:#4338ca;--yellow-500:#fbbf24;--bde-brand-primary-color:navy;--bde-brand-primary-color-hover:navy;--bde-body-font-family:"Roboto",sans-serif;--bde-heading-font-family:"Roboto",sans-serif;--bde-base-font-size:16px;--bde-body-font-size:var(--bde-base-font-size);--bde-font-size-ratio:1.25;--bde-h6-font-size:var(--bde-base-font-size);--bde-h5-font-size:calc(var(--bde-h6-font-size)*var(--bde-font-size-ratio));--bde-h4-font-size:calc(var(--bde-h5-font-size)*var(--bde-font-size-ratio));--bde-h3-font-size:calc(var(--bde-h4-font-size)*var(--bde-font-size-ratio));--bde-h2-font-size:calc(var(--bde-h3-font-size)*var(--bde-font-size-ratio));--bde-h1-font-size:calc(var(--bde-h2-font-size)*var(--bde-font-size-ratio));--bde-body-text-color:#000;--bde-headings-color:navy;--bde-background-color:#fff;--bde-column-gap:32px;--bde-section-width:1120px;--bde-section-vertical-padding:100px;--bde-section-horizontal-padding:20px;--bde-button-primary-border-color:transparent;--bde-button-primary-border-color-hover:transparent;--bde-button-primary-text-color:#fff;--bde-button-primary-text-color-hover:#fff;--bde-button-secondary-text-color-hover:#fff;--bde-button-secondary-background-color:transparent;--bde-button-custom-border-color:var(--grey-900);--bde-button-custom-border-color-hover:var(--grey-700);--bde-button-custom-text-color:var(--white);--bde-button-custom-text-color-hover:var(--white);--bde-button-custom-background-color:var(--grey-900);--bde-button-custom-background-color-hover:var(--grey-700);--bde-button-font-weight:500;--bde-button-border-radius:3px;--bde-button-border-width:1px;--bde-button-padding-base:14px 24px;--bde-button-padding-sm:8px 16px;--bde-button-padding-lg:28px 54px;--bde-button-line-height:1;--bde-form-gap:16px;--bde-form-after-label:8px;--bde-form-after-sublabel:8px;--bde-form-input-border-radius:3px;--bde-form-input-background-color:var(--white);--bde-form-input-padding-top:12px;--bde-form-input-padding-right:16px;--bde-form-input-padding-bottom:12px;--bde-form-input-padding-left:16px;--bde-form-input-placeholder-color:var(--grey-450);--bde-form-input-border-width:1px;--bde-form-input-border-color:var(--grey-300);--bde-form-label-font-weight:500;--bde-form-label-required-color:var(--red-700);--bde-form-label-required-nudge-x:0;--bde-form-label-required-nudge-y:0;--bde-form-label-required-size:inherit;--bde-form-text-color:var(--grey-700);--bde-form-input-focused-background-color:var(--white);--bde-form-input-input-shadow:none;--bde-form-checkbox-size:1em;--bde-woo-products-list-gap:var(--bde-woo-base-large-gaps);--bde-woo-base-paragraph-line-height:1.4;--bde-woo-base-heading-line-height:1.2;--bde-woo-base-border-color:var(--grey-300);--bde-woo-base-text-on-primary-color:var(--white);--bde-woo-base-space:8px;--bde-woo-base-ratio:1.618;--bde-woo-typography-font-weight-normal:400;--bde-woo-typography-font-weight-medium:500;--bde-woo-typography-font-weight-heavy:600;--bde-woo-buttons-and-links-line-height:1;--bde-woo-buttons-and-links__disabled-button-color:var(--grey-300);--bde-woo-buttons-and-links__disabled-button-text-color:var(--white);--bde-woo-buttons-and-links__nav-link-background-active:var(--grey-50);--bde-woo-buttons-and-links__nav-border-radius:4px;--bde-woo-forms__inputs-select2-selected-item:var(--grey-300);--bde-woo-forms__wrappers-small:360px;--error-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm5.5 16.084l-1.403 1.416-4.09-4.096-4.102 4.096-1.405-1.405 4.093-4.092-4.093-4.098 1.405-1.405 4.088 4.089 4.091-4.089 1.416 1.403-4.092 4.087 4.092 4.094z"></path></svg>');--success-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-1 17l-5-5.299 1.399-1.43 3.574 3.736 6.572-7.007 1.455 1.403-8 8.597z"></path></svg>');--info-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 18h-2v-6h-2v-2h4v8zm-1-9.75c-.69 0-1.25-.56-1.25-1.25s.56-1.25 1.25-1.25 1.25.56 1.25 1.25-.56 1.25-1.25 1.25z"></path></svg>');--chevron-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 7.33l2.829-2.83 9.175 9.339 9.167-9.339 2.829 2.83-11.996 12.17z"></path></svg>');--checkbox-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M9 21.035l-9-8.638 2.791-2.87 6.156 5.874 12.21-12.436 2.843 2.817z"></path></svg>');--radiobutton-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="12"></circle></svg>');--show-password-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12.015 7c4.751 0 8.063 3.012 9.504 4.636-1.401 1.837-4.713 5.364-9.504 5.364-4.42 0-7.93-3.536-9.478-5.407 1.493-1.647 4.817-4.593 9.478-4.593zm0-2c-7.569 0-12.015 6.551-12.015 6.551s4.835 7.449 12.015 7.449c7.733 0 11.985-7.449 11.985-7.449s-4.291-6.551-11.985-6.551zm-.015 5c1.103 0 2 .897 2 2s-.897 2-2 2-2-.897-2-2 .897-2 2-2zm0-2c-2.209 0-4 1.792-4 4 0 2.209 1.791 4 4 4s4-1.791 4-4c0-2.208-1.791-4-4-4z"></path></svg>');--hide-password-svg-icon:url('data:image/svg+xml;utf8,<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19.604 2.562l-3.346 3.137c-1.27-.428-2.686-.699-4.243-.699-7.569 0-12.015 6.551-12.015 6.551s1.928 2.951 5.146 5.138l-2.911 2.909 1.414 1.414 17.37-17.035-1.415-1.415zm-6.016 5.779c-3.288-1.453-6.681 1.908-5.265 5.206l-1.726 1.707c-1.814-1.16-3.225-2.65-4.06-3.66 1.493-1.648 4.817-4.594 9.478-4.594.927 0 1.796.119 2.61.315l-1.037 1.026zm-2.883 7.431l5.09-4.993c1.017 3.111-2.003 6.067-5.09 4.993zm13.295-4.221s-4.252 7.449-11.985 7.449c-1.379 0-2.662-.291-3.851-.737l1.614-1.583c.715.193 1.458.32 2.237.32 4.791 0 8.104-3.527 9.504-5.364-.729-.822-1.956-1.99-3.587-2.952l1.489-1.46c2.982 1.9 4.579 4.327 4.579 4.327z"></path></svg>');--error-svg-icon-color:var(--red-500);--success-svg-icon-color:var(--emerald-700);--info-svg-icon-color:var(--sky-500);--chevron-svg-icon-color:var(--grey-900);--checkbox-svg-icon-color:var(--grey-900);--radiobutton-svg-icon-color:var(--grey-900);--show-password-svg-icon-color:var(--grey-900);--hide-password-svg-icon-color:var(--grey-900);--bde-woo-notices__icon-size:16px;--bde-woo-notices__padding:24px;--bde-woo-notices__border-radius:4px;--bde-woo-notices__error-background:var(--red-50);--bde-woo-notices__error-text:var(--red-500);--bde-woo-notices__error-link-text:var(--red-500);--bde-woo-notices__error-link-text-hover:var(--red-500);--bde-woo-notices__info-background:var(--sky-100);--bde-woo-notices__info-text:var(--sky-500);--bde-woo-notices__info-link-text:var(--sky-500);--bde-woo-notices__info-link-text-hover:var(--sky-500);--bde-woo-notices__success-background:var(--emerald-100);--bde-woo-notices__success-text:var(--emerald-700);--bde-woo-notices__success-link-text:var(--emerald-700);--bde-woo-notices__success-link-text-hover:var(--emerald-700);--bde-woo-sale-badge__border-radius:2px;--bde-woo-sale-badge__padding:4px 8px;--bde-woo-ratings__star-color:var(--yellow-500);--bde-woo-ratings__star-size:18px;--bde-woo-ratings__filled-star-svg:url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><polygon id="Path" points="12 0.587 15.668 8.155 24 9.306 17.936 15.134 19.416 23.413 12 19.446 4.583 23.413 6.064 15.134 0 9.306 8.332 8.155"></polygon></svg>');--bde-woo-ratings__empty-star-svg:url('data:image/svg+xml;utf8,<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><path d="M12,5.173 L14.335,9.99 L19.64,10.722 L15.779,14.432 L16.721,19.702 L12,17.178 L7.279,19.703 L8.221,14.433 L4.36,10.723 L9.665,9.99 L12,5.173 L12,5.173 Z M12,0.587 L8.332,8.155 L0,9.306 L6.064,15.134 L4.584,23.413 L12,19.446 L19.416,23.412 L17.936,15.133 L24,9.306 L15.668,8.156 L12,0.587 Z" id="Shape"></path></svg>');--bde-woo-product-images__border-radius:4px;--bde-woo-product-images__border-width:0;--bde-woo-product-images__border-color:var(--grey-300);--bde-woo-wrappers__background-color:var(--white);--bde-woo-wrappers__border-radius:4px;--bde-woo-wrappers__border-color:var(--grey-300);--bde-woo-wrappers__border-width:1px;--bde-woo-wrappers__shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-tables__header-color:var(--grey-100);--bde-woo-tables__background-color:var(--white);--bde-woo-tables__border-radius:4px;--bde-woo-tables__border-width:1px;--bde-woo-widgets__chip-background-color:transparent;--bde-woo-widgets__chip-background-color-hover:var(--indigo-50);--bde-woo-widgets__chip-text-color:inherit;--bde-woo-widgets__handle-border-color:var(--grey-300);--bde-woo-widgets__handle-background-color:var(--white);--bde-woo-widgets__handle-background-color-hover:var(--white);--bde-woo-widgets__handle-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-widgets__handle-shadow-hover:var(--grey-300) 0 0 4px;--bde-woo-widgets__remove-item-from-cart-color:var(--grey-450);--bde-woo-select2__active-item-background-color:var(--indigo-50);--bde-woo-gallery__zoom-icon-shadow:rgba(0,0,0,.05) 0 1px 3px,rgba(0,0,0,.05) 0 1px 2px;--bde-woo-payment-box-background-color:var(--grey-100);--bde-woo-payment-box-border-color:var(--grey-200);--bde-woo-payment-box-border-width:1px;--bde-woo-quicklook-button-icon:url(//thewanganuiclub.nz/wp-content/uploads/breakdance/css/icons/eye.svg);--bde-woo-quicklook-button-background-color:none;--bde-woo-quicklook-button-icon-size:20px;--bde-woo-quicklook-button-backdrop-color:rgba(0,0,0,.15);--bde-woo-quicklook-button-backdrop-opacity:.7;--bde-woo-quicklook-modal-background-color:var(--white);--bde-woo-quicklook-overlay-color:rgba(0,0,0,.7);--bde-woo-quicklook-close-button-size:2em;--bde-woo-quicklook-arrow-size:1em;--bde-woo-quicklook-arrow-color:var(--white);--bde-woo-swatch-space-between-options:10px;--bde-woo-swatch-padding:7px;--bde-woo-swatch-color-width:30px;--bde-woo-swatch-color-height:30px;--bde-woo-swatch-border:1px solid var(--grey-200);--bde-woo-swatch-border-color-hover:var(--grey-400);--bde-woo-swatch-shadow:none;--bde-woo-swatch-shadow-hover:none;--bde-woo-swatch-background:var(--white);--bde-woo-swatch-background-hover:var(--grey-50);--bde-woo-swatch-color-padding:2px;--bde-woo-swatch-tooltip-color:var(--white);--bde-woo-swatch-tooltip-background:var(--grey-900);--bde-woo-swatch-tooltip-padding:7px;--bde-woo-swatch-space-after-label:8px;--bde-woo-responsive__stack:row}:root{--bde-links-color:navy;--bde-links-color-hover:navy;--bde-button-primary-background-color:var(--bde-brand-primary-color);--bde-button-primary-background-color-hover:var(--bde-brand-primary-color-hover);--bde-button-secondary-border-color:var(--bde-brand-primary-color);--bde-button-secondary-border-color-hover:var(--bde-brand-primary-color);--bde-button-secondary-text-color:var(--bde-brand-primary-color);--bde-button-secondary-background-color-hover:var(--bde-brand-primary-color);--bde-button-text-text-color:var(--bde-links-color);--bde-button-text-text-color-hover:var(--bde-links-color-hover);--bde-button-font-size:var(--bde-body-font-size);--bde-form-font-size:var(--bde-body-font-size);--bde-form-input-border-top-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-left-radius:var(--bde-form-input-border-radius);--bde-form-input-border-bottom-right-radius:var(--bde-form-input-border-radius);--bde-form-input-border-top:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-right:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-bottom:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-input-border-left:var(--bde-form-input-border-width) solid var(--bde-form-input-border-color);--bde-form-label-color:var(--bde-headings-color);--bde-form-input-focused-border-color:var(--bde-brand-primary-color);--bde-form-input-focused-shadow:var(--bde-brand-primary-color) 0 0 2px;--bde-form-checkbox-selected-color:var(--bde-brand-primary-color);--bde-z-index-lightbox:1100;--bde-z-index-popup:1050;--bde-z-index-modal:1000;--bde-z-index-modal-backdrop:calc(var(--bde-z-index-modal) - 1);--bde-z-index-high:300;--bde-z-index-medium:200;--bde-z-index-low:100;--bde-z-index-sticky:10;--bde-z-index-minicart:var(--bde-z-index-modal);--bde-z-index-minicart-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-menu-dropdown:var(--bde-z-index-modal);--bde-z-index-menu-mobile:var(--bde-z-index-modal);--bde-z-index-menu-backdrop:var(--bde-z-index-modal-backdrop);--bde-z-index-search-fullscreen:var(--bde-z-index-modal);--bde-z-index-back-to-top:var(--bde-z-index-high);--bde-z-index-scroll-progress:var(--bde-z-index-high);--bde-z-index-header-sticky:var(--bde-z-index-medium);--bde-z-index-header-overlay:calc(var(--bde-z-index-header-sticky) - 1);--bde-z-index-social-share-buttons:var(--bde-z-index-low);--bde-woo-base-text-color:var(--bde-body-text-color);--bde-woo-base-headings-color:var(--bde-headings-color);--bde-woo-base-primary-color:var(--bde-brand-primary-color);--bde-woo-base-primary-color-hover:var(--bde-brand-primary-color-hover);--bde-woo-base-extra-small-gaps:calc(var(--bde-woo-base-small-gaps)/var(--bde-woo-base-ratio));--bde-woo-base-small-gaps:calc(var(--bde-woo-base-space)/var(--bde-woo-base-ratio));--bde-woo-base-standard-gaps:var(--bde-woo-base-space);--bde-woo-base-medium-gaps:calc(var(--bde-woo-base-space)*var(--bde-woo-base-ratio));--bde-woo-base-big-gaps:calc(var(--bde-woo-base-medium-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-large-gaps:calc(var(--bde-woo-base-big-gaps)*var(--bde-woo-base-ratio));--bde-woo-base-extra-large-gaps:calc(var(--bde-woo-base-large-gaps)*var(--bde-woo-base-ratio));--bde-woo-typography-ratio:var(--bde-font-size-ratio);--bde-woo-typography__size-small:calc(var(--bde-woo-typography__size-standard)/var(--bde-woo-typography-ratio));--bde-woo-typography__size-small-font-family:var(--bde-body-font-family);--bde-woo-typography__size-standard:var(--bde-body-font-size);--bde-woo-typography__size-standard-font-family:var(--bde-body-font-family);--bde-woo-typography__size-medium:calc(var(--bde-woo-typography__size-standard)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-medium-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-large:calc(var(--bde-woo-typography__size-medium)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-large-font-family:var(--bde-heading-font-family);--bde-woo-typography__size-extra-large:calc(var(--bde-woo-typography__size-large)*var(--bde-woo-typography-ratio));--bde-woo-typography__size-extra-large-font-family:var(--bde-heading-font-family);--bde-woo-buttons-and-links__text-link-color:navy;--bde-woo-buttons-and-links__text-link-color-hover:navy;--bde-woo-buttons-and-links__nav-link-color:var(--bde-woo-base-text-color);--bde-woo-buttons-and-links__nav-link-color-hover:var(--bde-woo-base-text-on-primary-color);--bde-woo-buttons-and-links__nav-link-color-active:var(--bde-woo-base-primary-color);--bde-woo-forms__spacing-after-label:var(--bde-form-after-label);--bde-woo-forms__spacing-between-fields:var(--bde-form-gap);--bde-woo-forms__spacing-between-columns:var(--bde-woo-base-extra-large-gaps);--bde-woo-forms__labels-color:var(--bde-form-label-color);--bde-woo-forms__inputs-background-color:var(--bde-form-input-background-color);--bde-woo-forms__inputs-text-color:var(--bde-form-text-color);--bde-woo-forms__inputs-placeholder-color:var(--bde-form-input-placeholder-color);--bde-woo-forms__inputs-border-color:var(--bde-form-input-border-color);--bde-woo-forms__inputs-border-width:var(--bde-form-input-border-width);--bde-woo-forms__inputs-border-radius:var(--bde-form-input-border-top-left-radius) var(--bde-form-input-border-top-right-radius) var(--bde-form-input-border-bottom-right-radius) var(--bde-form-input-border-bottom-left-radius);--bde-woo-forms__inputs-background-color-focused:var(--bde-form-input-focused-background-color);--bde-woo-forms__inputs-border-color-focused:var(--bde-form-input-focused-border-color);--bde-woo-forms__inputs-shadow-focused:var(--bde-form-input-focused-shadow);--bde-woo-forms__inputs-shadow:var(--bde-form-input-input-shadow);--bde-woo-forms__inputs-select2-hover-item:var(--bde-woo-base-primary-color);--bde-woo-forms__labels-required-color:var(--bde-form-label-required-color);--bde-woo-forms__labels-required-size:var(--bde-form-label-required-size);--bde-woo-forms__labels-required-nudge-x:var(--bde-form-label-required-nudge-x);--bde-woo-forms__labels-required-nudge-y:var(--bde-form-label-required-nudge-y);--bde-woo-tables__border-color:var(--bde-woo-base-border-color);--bde-woo-sale-badge__background-color:var(--bde-woo-base-primary-color);--bde-woo-sale-badge__text-color:var(--bde-woo-base-text-on-primary-color);--bde-woo-sale-badge__font-weight:var(--bde-woo-typography-font-weight-heavy);--bde-woo-sale-badge__font-size:var(--bde-woo-typography__size-standard);--bde-woo-widgets__chip-text-color-hover:var(--bde-woo-buttons-and-links__text-link-color);--bde-woo-widgets__handle-border-color-hover:var(--bde-woo-base-primary-color);--bde-woo-notices__padding-left:calc(var(--bde-woo-notices__padding) + var(--bde-woo-notices__icon-size) + (var(--bde-woo-notices__icon-size)/2));--bde-woo-quicklook-button-text-color:var(--bde-button-primary-text-color);--bde-woo-quicklook-button-background-color-hover:var(--bde-woo-quicklook-button-background-color);--bde-woo-quicklook-button-icon-spacing:var(--bde-woo-base-standard-gaps);--bde-woo-quicklook-close-button-color:var(--bde-woo-base-headings-color);--bde-woo-quicklook-arrow-color-hover:var(--bde-woo-quicklook-arrow-color);--bde-woo-quicklook-arrow-background-color:var(--bde-brand-primary-color);--bde-woo-quicklook-arrow-background-color-hover:var(--bde-woo-quicklook-arrow-background-color);--bde-woo-swatch-space-between-items:var(--bde-woo-base-medium-gaps);--bde-woo-swatch-background-selected:var(--bde-woo-swatch-background-hover);--bde-woo-swatch-border-color-selected:var(--bde-woo-swatch-border-color-hover);--bde-woo-swatch-shadow-selected:var(--bde-woo-swatch-shadow-hover);--bde-woo-swatch-color-background:var(--bde-woo-swatch-background)}:root{--bde-base-font-size:18px}.breakdance *,.breakdance *:before,.breakdance *:after{box-sizing:border-box}.breakdance img{max-width:100%;height:auto}.breakdance figure{width:100%;margin-left:0;margin-right:0}.breakdance{background-color:var(--bde-background-color);color:var(--bde-body-text-color)}.breakdance h1,.breakdance h2{color:var(--bde-headings-color)}.breakdance a{color:var(--bde-links-color)}.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size);color:var(--bde-body-text-color);font-family:"Roboto",sans-serif}.breakdance h1,.breakdance h2{font-family:var(--bde-heading-font-family)}.breakdance h1{font-size:var(--bde-h1-font-size)}.breakdance h2{font-size:var(--bde-h2-font-size)}.breakdance h1,.breakdance h2{color:navy;font-family:"Roboto",sans-serif;font-size:35px;font-weight:800}:root{--preset-id-f163e71c-b385-45e6-8e95-d7966c98b8cd-font-family:"Content",sans-serif;--preset-id-f163e71c-b385-45e6-8e95-d7966c98b8cd-font-size:35px;--preset-id-f163e71c-b385-45e6-8e95-d7966c98b8cd-font-weight:600}@media (max-width:1119px){.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}}@media (max-width:1023px){.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}}@media (max-width:767px){.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}}@media (max-width:479px){.breakdance{font-family:var(--bde-body-font-family);font-size:var(--bde-body-font-size)}}.breakdance .bde-globalblock-17-306{font-family:"Roboto",sans-serif;letter-spacing:1.8px}.breakdance .bde-section-17-270 .section-container{align-items:flex-start;text-align:left;justify-content:flex-start}.breakdance .bde-section-17-270{background-image:url(https://thewanganuiclub.nz/wp-content/uploads/2023/06/Applying-for-membership.webp);background-size:cover;background-repeat:no-repeat;background-position:center center}.breakdance .bde-section-17-270 .section-container{padding-top:0}@media (max-width:767px){.breakdance .bde-section-17-270 .section-container{align-items:center;text-align:center;justify-content:center}}@media (max-width:479px){.breakdance .bde-section-17-270{background-clip:border-box}}.breakdance .bde-dual-heading-17-109{max-width:800px;margin-top:200px;margin-bottom:12px;color:var(--bde-headings-color)}.breakdance .bde-dual-heading-17-109 .dual-heading--secondary{color:var(--bde-background-color);line-height:1.6}.breakdance .bde-dual-heading-17-109{color:var(--bde-background-color);font-family:"Roboto",sans-serif}@media (max-width:479px){.breakdance .bde-dual-heading-17-109{margin-top:300px}}.breakdance .bde-section-17-108 .section-container{align-items:center;text-align:center;justify-content:center}.breakdance .bde-section-17-108 .section-container{padding-bottom:0;padding-top:30px}@media (max-width:1023px){.breakdance .bde-section-17-108 .section-container{padding-bottom:60px}}@media (max-width:479px){.breakdance .bde-section-17-108 .section-container{padding-bottom:0}}.breakdance .bde-text-17-110{width:1200px;color:var(--bde-body-text-color);margin-top:30px;margin-bottom:30px}.breakdance .bde-text-17-110{font-family:"Roboto",sans-serif}.breakdance .bde-section-17-118 .section-container{padding-bottom:0;padding-top:20px}@media (max-width:767px){.breakdance .bde-section-17-118 .section-container{padding-bottom:40px;padding-top:40px}}@media (max-width:479px){.breakdance .bde-section-17-118 .section-container{padding-bottom:0}}.breakdance .bde-fancy-divider-17-196{margin-bottom:20px}.breakdance .bde-columns-17-119{--columnCount:2}@media (max-width:1119px){.breakdance .bde-columns-17-119{--columnCount:2}}@media (max-width:1023px){.breakdance .bde-columns-17-119{--columnCount:2}}@media (max-width:767px){.breakdance .bde-columns-17-119{--columnCount:2}.breakdance .bde-columns-17-119.bde-columns{flex-direction:column;flex-wrap:nowrap}.breakdance .bde-columns-17-119.bde-columns>.bde-column{width:100%}}@media (max-width:479px){.breakdance .bde-columns-17-119{--columnCount:2}}.breakdance .bde-column-17-120{--column-width:50%}.breakdance .bde-image-17-121{margin-top:0}.breakdance .bde-image-17-121 .breakdance-image-container{border-radius:8px}.breakdance .bde-image-17-121 .breakdance-image-clip{border-radius:8px}@media (max-width:479px){.breakdance .bde-image-17-121 .breakdance-image-object{height:200px;width:auto}}.breakdance .bde-column-17-122{--column-width:50%;justify-content:center}.breakdance .bde-heading-17-123{color:var(--bde-headings-color)}.breakdance .bde-text-17-124{color:var(--bde-headings-color);margin-bottom:16px}.breakdance .bde-text-17-124{font-family:"Roboto",sans-serif;font-weight:600}.breakdance .bde-text-17-125{color:var(--bde-body-text-color);margin-bottom:20px}.breakdance .bde-text-17-125{font-family:"Roboto",sans-serif}.breakdance .bde-section-17-261 .section-container{flex-wrap:wrap;flex-direction:row;justify-content:space-around}.breakdance .bde-section-17-261 .section-container{padding-bottom:0;padding-top:0}@media (max-width:767px){.breakdance .bde-section-17-261 .section-container{padding-bottom:40px;padding-top:40px}}@media (max-width:479px){.breakdance .bde-section-17-261 .section-container{align-items:center;text-align:center;justify-content:center}.breakdance .bde-section-17-261 .section-container{padding-bottom:0}}.breakdance .bde-columns-17-263{--columnCount:2}@media (max-width:1119px){.breakdance .bde-columns-17-263{--columnCount:2}}@media (max-width:1023px){.breakdance .bde-columns-17-263{--columnCount:2}}@media (max-width:767px){.breakdance .bde-columns-17-263{--columnCount:2}.breakdance .bde-columns-17-263.bde-columns{flex-direction:column;flex-wrap:nowrap}.breakdance .bde-columns-17-263.bde-columns>.bde-column{width:100%}}@media (max-width:479px){.breakdance .bde-columns-17-263{--columnCount:2}}.breakdance .bde-column-17-264{--column-width:40%;align-items:center;text-align:center;justify-content:center}.breakdance .bde-image-17-265{margin-top:30px}.breakdance .bde-image-17-265 .breakdance-image-container{border-radius:8px}.breakdance .bde-image-17-265 .breakdance-image-clip{border-radius:8px}.breakdance .bde-image-17-265{width:100%;height:100%}@media (max-width:479px){.breakdance .bde-image-17-265 .breakdance-image-object{height:300px;object-fit:fill;width:auto}}.breakdance .bde-column-17-266{--column-width:60%;justify-content:center}.breakdance .bde-heading-17-267{color:var(--bde-headings-color);margin-top:40px;margin-bottom:12px}.breakdance .bde-text-17-268{color:var(--bde-headings-color);margin-bottom:16px}.breakdance .bde-text-17-268{width:100%;height:100%;font-weight:600}.breakdance .bde-text-17-269{color:var(--bde-body-text-color);margin-bottom:20px}.breakdance .bde-text-17-269{width:100%;height:100%}.breakdance .bde-header-builder-544-100{background:var(--bde-headings-color);--bde-header-width:100%}@media (max-width:1023px){.breakdance .bde-header-builder-544-100 .bde-header-builder__container{flex-direction:column}}.breakdance .bde-container-link-544-101{opacity:.9}.breakdance .bde-image-544-102{font-family:"Roboto",sans-serif}@media (max-width:479px){.breakdance .bde-wp-menu-544-103 .breakdance-menu{--toggle-layer-height:3px;--toggle-layer-color:var(--bde-background-color);--link-color:var(--bde-background-color);--link-background-color:var(--bde-brand-primary-color);--link-border-color:#fff;--link-alignment:center}.breakdance .bde-wp-menu-544-103 .breakdance-menu-link{color:var(--bde-background-color);font-family:"Roboto",sans-serif}}@media (min-width:480px){.breakdance .bde-wp-menu-544-103 .breakdance-menu{--links-gap:16px;--link-color:var(--bd-palette-color-1);--link-color-hover:var(--bde-background-color);--link-padding-top:4px;--link-padding-right:16px;--link-padding-bottom:4px;--link-padding-left:16px;--link-effect-color:var(--bde-brand-primary-color);--link-effect-color-hover:var(--bde-brand-primary-color);--link-effect-radius:4px}.breakdance .bde-wp-menu-544-103 .breakdance-menu-link{color:var(--bd-palette-color-1)}}.breakdance .bde-wp-menu-544-103{background-color:var(--bde-brand-primary-color);color:#fff;font-family:"Roboto",sans-serif}@media (max-width:479px){.breakdance .bde-wp-menu-544-103 .breakdance-menu{--links-gap:0;--dropdown-link-icon-display:none;--dropdown-link-description-display:none;--dropdown-links-gap:var(--gap-none)}.breakdance .bde-wp-menu-544-103 .breakdance-menu-list{align-items:stretch;background-color:var(--menu-background);display:none;flex-direction:column;left:var(--mobile-offset-x);max-height:var(--menu-max-height);overflow-y:auto;position:absolute;top:var(--mobile-offset-y,100%);width:100vw;z-index:var(--bde-z-index-menu-mobile)}.breakdance .bde-wp-menu-544-103 .breakdance-menu-list>:last-child{border-bottom:var(--link-border)}.breakdance .bde-wp-menu-544-103 .breakdance-menu .breakdance-menu-link{border-top:var(--link-border);outline-offset:-1px;padding:var(--mobile-link-padding-top) var(--mobile-link-padding-right) var(--mobile-link-padding-bottom) var(--mobile-link-padding-left)}.breakdance .bde-wp-menu-544-103 .breakdance-menu-toggle{display:flex}}</style>

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    hmmm, the opening and closing style tag are not needed, so you can remove those.

    but when checking the HTML source I see body{color:#202020} as “above the fold CSS”?

    Thread Starter sjbaronnz

    (@sjbaronnz)

    Thanks for trying but this is all just too difficult. I thought the purpose of a plugin was to make the job easier ??

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Afraid un-blocking CSS can be hard like that. The only way to automate it is using a 3rd party integration (like the one with criticalcss.com on the critical CSS tab), but those 3rd parties are not free I’m afraid.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Autoptimize just hasn’t helped?’ is closed to new replies.