imtino

So the idea is to inline above the fold CSS. Do aggregate inline CSS but exclude those classes and ids from above the fold inline CSS.

I see what you’re talking about “HTMLB with CSS1 linked = 20KB as CSS1 does not have to be re-downloaded”. That make sense. But if aggregate inline csss and if I have inline CSS on all my pages then CSS1 linked will be re-downloaded for all pages because they will different file each time, right?

Can it be load as it is on visual screen? Like how the image lazy load works?

• This reply was modified 5 years, 10 months ago by imtino.

I don’t know why on gtmetrix and google pagespeed insights it showed up as loaded.

View post on imgur.com

Am I missing something?

Thank you Frank for the advice. I see your points. I’ve learned so much from you.

Do html pages get cache? If it does then the inline CSS get cache with it, no?

Another option is inline above the fold CSS and exclude those classes and id. How do the media query get excluded?

Example: @media (max-width:768px){.class {width:768px}}

Do we just exclude the .class?

Thank you for answering my question. I have been wondering about it for awhile. I didn’t want to take your time. I have been researching it for a few days but didn’t find anywhere with a clear answer.

I think I will change my workflow to inline CSS. I think this will solved above the fold better.

Yep, that did it! Thank you so much. Now I can eliminate another plugin.

It’s not a widget. It’s just a div with images. I have 4 images in that div. First one is above the fold. So that’s loaded fine but the other 3 images shouldn’t load. Plus, the first image (which was loaded by AO) in the content area is not above the fold well, I don’t think it is because WP Rocket lazy loaded it.

Ok so I’ve tested it some more and see what’s the different. While I can’t share the url but I will do my best to describe it.

I’ve figured out why it’s faster. WP Rocket lazy load those small images on my side bar while Autoptimize didn’t.

For example, tested on gtmetrix.com showed 13 requests for AO and 9 requests for WP Rocket. And those are 3 out 4 images on my side bar and 1 first image in my content. Total of 4 image requests.

Maybe AO and Lazy load by WP Rocket calculated above the fold differently?

I’ve tested on another site which don’t have the side bar image and the first image in the content is a lot lower. And that showed the same amount of requests and speed about the same too.

Thank you for the quick replied. And it works.

I’m testing it against Lazy Load by WP Rocket and it seems WP Rocket is faster. There was a few small images that Autoptimize didn’t lazy load.

Is that a configuration thing?

That’s what I was doing in the past.

.lyte-wrapper{max-width:100% !important;}
.lL{max-width:100% !important;}

Just to saved two short lines of css ?? I’ve decided to comment the width out from wp-youtube-lyte.php. I guess I will have to deal with it each time when there’s an update.

Thank you again for an awesome plugin.

When we made these changes what will happen when there’s an update?

Can you have a feature where we can input our own size? The width:640px is not responsive on my theme. I just want to use only max-width:100% instead.

I’m not sure if it was the last few updates or was it always so (maybe I didn’t pay attention.). Anyways, Oxygen builder works but images are not rendering inside oxygen editor. Images are missing. If Lazy Load deactivate next oxygen rendering normal again.

Work perfectly. Thank you.

Yes, I’m actually using Varnish and I actually added this ct_builder=true to not cache oxygen editor. So is there a filter to add that?

• This reply was modified 6 years ago by imtino.

Oxygen Builder