Image Cache Issue
-
The following image https://www.tryhypnosisnow.com/wp-content/uploads/2021/02/NYC-Hypnotherapy-for-weight-loss-stop-smopking-4-scaled.jpg does not show when Autoptimize is activated. I tested it when it was deactivated and it showed.
Showing:
https://postimg.cc/HrrDrZ20
Not Showing:
https://postimg.cc/1nZLY9ZMThe page I need help with: [log in to see the link]
-
OK, in Settings -> Autoptimize -> Critical CSS -> Advanced Settings can you try ticking the “unload critical CSS after page load” option to see if that solves things?
I canceled crtical CSS as you indicated in a prior suppoprt topic that I did not need with the updated release of Autoptimize -Your API key is invalid. Please enter a valid criticalcss.com key.- It was deactinated within the last day or two.
you must have missed my last reply in that other thread; https://www.ads-software.com/support/topic/cache-issue-50/#post-15324429 ..
the homepage still does feature the critical CSS, likely due to page caching?
I just cleared the cache on my site as well as my CDN but I cannot see the image.
I still see the critical CSS in use wphyp ..
This is checked – Inline “above the fold CSS” while loading the main autoptimized CSS only after page load. Check the FAQ for more info. This can be fully automated for different types of pages on the CriticalCSS tab.
.wp-block-image{margin-bottom:1em}.wp-block-image img{max-width:100%}.wp-block-image .alignleft{display:table;margin-left:0;margin-right:0}.wp-block-image .alignleft{float:left;margin-right:1em}.has-text-align-center{text-align:center}.grid-80:after,.grid-80:before,.grid-container:after,.grid-container:before,[class*=mobile-grid-]:after,[class*=mobile-grid-]:before,[class*=tablet-grid-]:after,[class*=tablet-grid-]:before{content:”.”;display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.grid-80:after,.grid-container:after,[class*=mobile-grid-]:after,[class*=tablet-grid-]:after{clear:both}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px;padding-left:10px;padding-right:10px}.grid-80,[class*=mobile-grid-],[class*=tablet-grid-]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:10px;padding-right:10px}.grid-parent{padding-left:0;padding-right:0}@media (max-width:767px){.mobile-grid-100{clear:both;width:100%}}@media (min-width:768px) and (max-width:1024px){.tablet-grid-80{float:left;width:80%}}a,body,div,em,form,h2,html,li,p,span,ul{border:0;margin:0;padding:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,figure,header,main,nav{display:block}ul{list-style:none}a{background-color:transparent}a img{border:0}body,button,input{font-family:-apple-system,system-ui,BlinkMacSystemFont,”Segoe UI”,Helvetica,Arial,sans-serif,”Apple Color Emoji”,”Segoe UI Emoji”,”Segoe UI Symbol”;font-weight:400;text-transform:none;font-size:17px;line-height:1.5}p{margin-bottom:1.5em}h2{font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit}hr{background-color:rgba(0,0,0,.1);border:0;height:1px;margin-bottom:40px;margin-top:40px}h2{font-size:30px;margin-bottom:20px;line-height:1.2em;font-weight:300;text-transform:none}ul{margin:0 0 1.5em 3em}ul{list-style:disc}em{font-style:italic}figure{margin:0}img{height:auto;max-width:100%}button,input{font-size:100%;margin:0;vertical-align:baseline}button{border:1px solid transparent;background:#666;-webkit-appearance:button;padding:10px 20px;color:#fff}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type=search]{background:#fafafa;color:#666;border:1px solid #ccc;border-radius:0;padding:10px 15px;box-sizing:border-box;max-width:100%}a{text-decoration:none}.alignleft{display:inline;float:left;margin-right:1.5em}.size-full,.size-large{max-width:100%;height:auto}.screen-reader-text{position:absolute!important;clip:rect(0,0,0,0);height:1px;width:1px;border:0;overflow:hidden}.entry-content:after,.site-content:after,.site-header:after{content:””;display:table;clear:both}.main-navigation{z-index:100;padding:0;clear:both;display:block}.inside-navigation{position:relative}.main-navigation a{display:block;text-decoration:none;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul li a{display:block}.main-navigation li{float:left;position:relative}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.menu-toggle,.mobile-bar-items{display:none}.menu-toggle{padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px}.main-navigation .mobile-bar-items a{padding-left:20px;padding-right:20px;line-height:60px}.search-item a:before{content:”\f002″;font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.main-navigation li.search-item{float:right;z-index:21}.navigation-search{position:absolute;left:-99999px;visibility:hidden;z-index:20;width:100%;top:0;opacity:0}.navigation-search input{outline:0;border:0;vertical-align:bottom;line-height:0;opacity:.9;width:100%;z-index:20;border-radius:0;-webkit-appearance:none}.navigation-search input::-ms-clear{display:none;width:0;height:0}.navigation-search input::-ms-reveal{display:none;width:0;height:0}.navigation-search input::-webkit-search-cancel-button,.navigation-search input::-webkit-search-decoration,.navigation-search input::-webkit-search-results-button,.navigation-search input::-webkit-search-results-decoration{display:none}.navigation-search input{height:60px}.nav-aligned-center .main-navigation .menu>li{float:none;display:inline-block}.nav-aligned-center .main-navigation ul{letter-spacing:-.31em;font-size:1em}.nav-aligned-center .main-navigation ul li{letter-spacing:normal}.nav-aligned-center .main-navigation{text-align:center}.site-header{position:relative}.inside-header{padding:40px}.site-logo{display:inline-block;max-width:100%}.header-aligned-center .site-header{text-align:center}.site-header .header-image{vertical-align:middle}.entry-content{margin:2em 0 0}.entry-header,.site-content{word-wrap:break-word}.sidebar .widget :last-child{margin-bottom:0}.separate-containers .site-main>:last-child{margin-bottom:0}.separate-containers .inside-article{padding:40px}.separate-containers .site-main>*{margin-bottom:20px}.separate-containers .site-main{margin:20px}.right-sidebar.separate-containers .site-main{margin-left:0}.separate-containers .page-header-image{margin-top:20px}.page-header-image{line-height:0}.separate-containers .page-header-image{margin-top:30px}.menu-toggle:before,.search-item a:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;speak:none}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.icon-menu-bars svg:nth-child(2),.icon-search svg:nth-child(2){display:none}.container.grid-container{width:auto}button.menu-toggle{background-color:transparent;width:100%;border:0;text-align:center}.menu-toggle:before{content:”\f0c9″;font-family:GeneratePress;width:1.28571429em;text-align:center;display:inline-block}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}.nav-search-enabled .main-navigation .menu-toggle{text-align:left}.mobile-bar-items{display:none;position:absolute;right:0;top:0;z-index:21;list-style-type:none}.mobile-bar-items a{display:inline-block}@media (max-width:768px){.site-header{text-align:center}.content-area{float:none;width:100%;left:0;right:0}.site-main{margin-left:0!important;margin-right:0!important}body:not(.no-sidebar) .site-main{margin-bottom:0!important}.alignleft{float:none;display:block;margin-left:auto;margin-right:auto}}body{background-color:#f0f0f0;color:#0f137f}a{color:#001de0}body .grid-container{max-width:1100px}body{line-height:1.6}.entry-content>[class*=wp-block-]:not(:last-child){margin-bottom:1.5em}@media (max-width:768px){h2{font-size:25px}}.site-header{background-color:#0f137f;color:#3a3a3a}.site-header a{color:#3a3a3a}.main-navigation{background-color:#0f137f}.main-navigation .main-nav ul li a,.menu-toggle{color:#fff}.main-navigation .mobile-bar-items a{color:#fff}.main-navigation .main-nav ul li[class*=current-menu-]>a{color:#fff;background-color:#0f137f}.navigation-search input[type=search]{color:#0f137f;background-color:#fff}.separate-containers .inside-article{background-color:#fff}input[type=search]{color:#666;background-color:#fafafa;border-color:#ccc}button{color:#fff;background-color:#666}.inside-header{padding:0 16px}.separate-containers .inside-article{padding:1px 40px 40px}.container.grid-container{max-width:1180px}.main-navigation .main-nav ul li a,.main-navigation .mobile-bar-items a,.menu-toggle{padding-left:35px;padding-right:35px;line-height:57px}.navigation-search input{height:57px}@media (max-width:768px){.separate-containers .inside-article{padding:30px}}@media (max-width:845px){.main-navigation .menu-toggle,.main-navigation .mobile-bar-items{display:block}.main-navigation ul{display:none}}.search-item a:before,button.menu-toggle:before{display:none}.entry-content{margin-top:0}@font-face{font-family:dashicons;src:url(//www.tryhypnosisnow.com/wp-includes/css/../fonts/dashicons.eot?50db0456fde2a241f005968eede3f987);font-weight:400;font-style:normal}.dashicons{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;speak:none;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center}.dashicons-no:before{content:”\f158″}.dashicons{font-size:inherit;height:auto;margin-right:.5em;vertical-align:middle;width:auto}#espresso-ajax-loading{display:none;position:fixed;top:25%;left:50%;margin-left:-15px;padding:0;z-index:1000;font-size:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ee-spinner:before{content:”\f111″}.ee-spinner{font-family:dashicons,sans-serif;display:inline-block;font-style:normal;font-weight:400;line-height:1;vertical-align:middle}.ee-spin{-webkit-animation:spin 2s linear infinite;-moz-animation:spin 2s linear infinite;-o-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-moz-keyframes spin{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.espresso-ajax-notices{display:none}#espresso-ajax-notices,#espresso-notices{position:absolute;min-width:240px;width:800px;max-width:90%;text-align:center;left:50%;margin-left:-320px;z-index:999}.espresso-ajax-notices{box-sizing:border-box;position:relative;width:74.5%;min-width:200px;max-width:640px;height:auto;padding:.75em 2.5%;margin:0 auto 2em;z-index:999;background:#fff;border:4px solid;font-size:1em;color:#666;line-height:1.6em;text-align:center;font-weight:700;box-shadow:4px 10px 15px -3px rgba(0,0,0,.3),0 1px 3px -1px rgba(0,0,0,.6),-3px -2px 10px rgba(0,0,0,.1)}.espresso-ajax-notices p{margin:0}#espresso-ajax-notices-success{border-color:#70cc50}#espresso-ajax-notices-error{border-color:#e44064}#espresso-ajax-notices-attention{border-color:#f8d755}.close-espresso-notice{background:0 0!important;box-shadow:none!important;color:#ccc;font-size:21px;font-weight:700;line-height:21px;padding:0;position:absolute;right:3px;text-align:center;top:1px;vertical-align:middle;text-decoration:none!important}.close-espresso-notice .dashicons-no{margin:0!important}.lazy-hidden{background-color:#fff;background-image:url(//www.tryhypnosisnow.com/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);background-repeat:no-repeat;background-position:50% 50%}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.post-image-aligned-center .featured-image{text-align:center}.icon-search::before{display:none!important}.demo-img{width:100%;height:175px;background-size:contain!important;margin-top:20px}.featured-image{display:none}.slides img{width:203px!important;height:210px!important}.site-logo.mobile-header-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-right:10px!important;margin-left:10px}.site-logo.mobile-header-logo img{position:relative;vertical-align:middle;padding:10px 0;display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:880px){.demo-img{height:100px}}@media only screen and (max-width:600px){.demo-img{height:70px}#mobile-header img{max-width:unset!important;width:100%;height:auto}}@media only screen and (max-width:400px){.demo-img{height:50px}#mobile-header img{max-width:unset!important;width:100%;height:auto}}.main-navigation.mobile-header-navigation{display:none;float:none;margin-bottom:0}#mobile-header .inside-navigation,.main-navigation.has-branding .inside-navigation{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-navigation .menu-toggle{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto}.main-navigation.has-branding .menu-toggle{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;padding-right:20px}.main-navigation .mobile-bar-items{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;position:relative}.main-navigation:not(.slideout-navigation):not(.has-branding):not(.has-sticky-branding) .menu-toggle{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.main-navigation:not(.slideout-navigation) .mobile-bar-items+.menu-toggle{text-align:left}.main-navigation:not(.slideout-navigation) .main-nav{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.mobile-bar-items{position:relative}.nav-aligned-center .main-navigation.has-branding .inside-navigation{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:845px){#site-navigation,.site-header{display:none!important;opacity:0}#mobile-header{display:block!important;width:100%!important}#mobile-header .main-nav>ul{display:none}#mobile-header .menu-toggle,#mobile-header .mobile-bar-items{display:block}#mobile-header .main-nav{-ms-flex:0 0 100%;flex:0 0 100%;-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}}@media (max-width:845px){.main-navigation:not(.slideout-navigation) .main-nav{-ms-flex:0 0 100%;flex:0 0 100%}.main-navigation:not(.slideout-navigation) .inside-navigation{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-webkit-box;display:-ms-flexbox;display:flex}.nav-aligned-center .main-navigation.has-branding:not(.slideout-navigation) .inside-navigation .main-nav{margin-right:0}}.slides,.slides>li{margin:0;padding:0;list-style:none}.metaslider{position:relative;z-index:0}.metaslider img{height:auto;padding:0;margin:0}.metaslider a{outline:0}.metaslider li:after,.metaslider li:before{content:””!important;display:none!important;bottom:auto!important;margin:0!important}.metaslider .slides img{width:100%;display:block}.lazy-hidden{background-color:#fff}
ah, in that case the problem is in the “above the fold CSS” you provided wphyp .. :-/
So can you assist me with the “above the fold CSS”?
morning wphyp ; the above-the-fold CSS had something like
.featured-image{display:none}
in it, which you’ll need to remove.Thank you.
you’re welcome, feel free to leave a review of the plugin and support here! ??
- The topic ‘Image Cache Issue’ is closed to new replies.