I can confirm that the issue occurs when the Aggregate Inline CSS is disabled. This obviously should not be happening.

Please inform your developers

Thank you

• This reply was modified 1 year by Alex.

Hi,

Testing on dev site.

Inline css is not enabled.
No cache plugin installed.

Thank you

Hi Calin,

Well, this means that another feature is not working as advertised and left with no fix.

Thank you.

Hi Calin,

Thank you for your reply.

It is because of this option – As per my original post in point 5 – for speed purposes, it is intended to not lazyload the first image and use webp file as the first image as per theme’s option.

Do they have a fix?

Hi Calin,

In 12.6.7 your devs fixed this issue with webp on loop blocks, which is good.

But this issue with Webp and Caching is not fixed.

– You previously said you were only able to replicate it once.

To easily replicate it – logout of your dev site and in a few minutes inspect the html with image that is meant to load webp. It will ignore webp and show jpg/png or whatever is used..

Also if you run it through https://pagespeed.web.dev/ the error “Serve images in next-gen formats” will be reported as the url of the shown image is not webp.

Thank you.

Hi Calin,

Thank you for your response.

To recreate the issue:

1. Custom single post type is a Single Event from this plugin, Events Manager by Pixelite.

I believe your team previously tested with this plugin, when I reported this issue that was fixed.

2. In WP Dashboard go to Events > Settings > Pages > Event Pages > Display events as Posts.

3. Create a new event (custom post). When creating the event, you can also create a new Event Category (custom tax). The same way as for normal posts.

4. Cloud Templates > CPT/Taxonomies > Events > Single – add a blank template and place breadcrumbs block in it.

Enable Taxonomies with cpt: event-categories Screenshot.

5. Go to the Event that you created (custom single post page) and hover the Category name (custom post taxonomy). The tooltip is meant to show Custom Category Name (in the same manner as it shows for normal single posts), but it shows the word “attribute”. Screenshot.

6. To my understanding it has something to do in this file:
td cloud library >> shortcodes common >> tdb_breadcrumbs

switch( tdb_state_template::get_template_type() ) {
case ‘cpt’:
case ‘single’:
$breadcrumbs_array = $tdb_state_single->post_breadcrumbs->__invoke( $this->get_all_atts() );
break;

(!) As previously discussed, this post is only for Calin.

Other TD team members, please do not respond.

Thank you.

Hi @Calin,

Thank you for checking. The results you have are correct.

But, try with the following conditions:

1) Single post template doesn’t exist – don’t create Single post template (in cases when there is no need for simple single posts);
2) CPT Single post template uses CPT Featured Image block with the Image Preload function enabled.
Result: Preload on CPT Single post template is not working.

– The system does not register the Image preload function on CPT single post template if there is no Single post template with the enabled Image preload function.

Thank you.

Hi @Anamaria,

You are incorrect.

For @Calin as stated above and as previously discussed with him. Thank you.

In follow up: The issue occurs on CPT single post template when Single Post template doesn’t exist.

Hello @Anamaria,

Now you have shared a screenshot with a good INP score for desktop. Nobody reported that there was an issue with a poor INP score. So this is irrelevant.

As previously stated twice: The issue is with INP on mobile. The issue is with Newspaper theme. Your main demo that is “optimized” does not meet the required criteria for origin.

You can deny it as much as you want, try to confuse by involving prebuilt websites that no one mentioned, blame it on ads etc.

Either way, it doesn’t change the fact that the issue is with the theme.

Another very important aspect is that we offer free support to you by testing and outlining the bugs and issues in your theme so you can improve it.

Hi @Anamaria,

These are two different things: URL and Origin.

The one you are showing is “This URL”, means it passes only for this URL.

To be noted, “this URL” you are presenting does not have any external java (adsesne etc), which is why it passes, as java is one of the major factors to slowdown the pagr. The majority of publishers have ads enabled, which is a standard practise. And with ads enabled, the majority unfortunately would have CWV failed with Newspaper.

Also this post you made confuses the topic of this thread, as you are now talking about an an overall CWV score for the particular URL, other than dealing with the INP issue that is poor throughout Newspaper.

Hi @Anamaria,

We used WP Rocket before and had a conversation with WP Rocket support team. To date, Newspaper and WP Rocket do not properly work together.

The preload function is for single post featured image. This feature doesn’t seem to properly work with EWWW plugin. I will make a new thread when finish testing.

Our server is optimised, as well as the theme.

– This thread (which was not started by me) is about the poor INP poor performance. It is the theme’s elements that make it fail (buttons, popups, mobile menu, comment form fields etc). It fails on your main demo – mobile origin – Despite you used a mobile page for home page, INP fails throughout your whole demo website.

You should probably improve the theme, so it meets the required criteria in 2024. It currently does not.

• This reply was modified 2 years by Alex.
• This reply was modified 2 years by Alex.

Hi,

You can upload fonts via theme panel and then preload them via autoptimize plugin. There is official Newspaper documentation for this.

Hi All,

INP was not only recently added, so Anamaria is incorrect. INP only recently became a mandatory factor.

INP has been available for a long time (at least 6 months) to test/see. Therefore the data was available to figure out what in Newspaper causes its poor score.

It is shame it was not fixed by March 2024, when INP became a mandatory factor.

Judging from poor INP on some of our websites, it can be caused by mobile menu, mobile search and modal pop-up blocks. There can of course be a number of other blocks/factors that cause it eg java driven items etc.

• This reply was modified 2 years by Alex.

Hi @Calin,

1. Thank you for spotting that file. I will check, maybe I’ll figure something as well. Otherwise I will wait for your/developer’s solution.

2. From now on, every new issue with the theme that I find, I will be staring in a new thread “Only for Calin”. So they shouldn’t respond.

Otherwise, it is a waste of my time, repeating the same thing to those who don’t seem to care and just try to get rid of “another annoying customer”. It is a very common thing in many businesses these days, unfortunately.

I obviously don’t get paid by tagDiv despite evidently helping this company testing and getting its product better.

– Or, we can communicate by email.

3. Additionally, I think there is another issue with lazy video on mobile. Any YouTube video url has the same alt, which reads “Video The Dark Knight Rises: What Went Wrong? – Wisecrack Edition”. Here is a screenshot of html. It is hardcoded in this file: td-composer/legacy/common/wp_booster/td_video_support.php
Thank you.

• This reply was modified 2 years by Alex.

Hi Calin,

Thank you for checking.

1. So placing img as an exclusion in “Exclude CSS from Autoptimize” is not the right way to fix it?

2. So I was right, there was in fact an issue.

Since it is not the first one (there were so many), how can we make it that you will be the first one to look at my reports (when the thread is addressed to you), without others jumping in and wasting my time with bla bla just to put “some” response to be the last one to comment, so the thread can be deemed as “resolved”?

As previously mentioned, there have been many instances like this, and then you come in, figure it and confirm the reported issue.

3. Will be waiting for solution.

Thank you.

*Correction in Part 1: But it looks like you missed to enable Theme panel > Post Settings > Enable Lazy Video on Mobile? That is where the issue is happening.

• This reply was modified 2 years by Alex.

Part 3:

– Now, the task to solve, is how to exclude “img” only for lazy video on mobile, such as youtube, while keeping it aggregated for every other img element on the page?

Thank you.

Part 2:

I think I figured out what is wrong with the theme:

When “Aggregate inline css” is enabled either via theme panel or via Autoptimise settings – the element “img” losses its styling, which is:

img
position: absolute;
width: 100%;
top: 0;
margin: auto;

This img is applied here: img src=” http://img.youtube.com/vi/video-id/maxresdefault.jpg ” alt=”VIDEO TITLE”

As a result, when “width: 100%” is missing, the video thumbnail is displayed full width of an image file (1280 px wide for example) instead of 100% of a view port width.

To solve this for lazy video on mobile to work properly, “img” needs to be excluded by being placed in the filed “Exclude CSS from Autoptimize:”

Can you replicate all this?

Hi @Calin,

Thank you for checking.

Part 1:

Yes, that’s the plugins and settings we use, except for optimise HTML code, as it is not included in your guide.

But it looks like you missed to enable Theme panel > Post Settings > Enable Video on Mobile? That is where the issue is happening.

Looks like you confused it with Block Settings > Use loading animation image. This can be disabled when Ewww is used.

Hi Bettina,

Try to change the theme?

The issue seems to be with the newspaper theme’s features: Aggregate inline css and lazy video on mobile.

You didn’t try to replicate the issue, did you?

Can you please get Calin to review this thread? It was addressed to him.

From experience: Generally after a few messages with other members from your team with zero result, he finally takes a look and provides a fairly comprehensive answer and acknowledges whether there is in fact issue with the theme or not.

Thanks.

Hi,

Are you able to replicate the issue?

Hi,

No.

Did you even try to replicate the issue?

It looks like another issue/bug with the theme that I discovered. It has nothing to do with the pagespeed support.

Forget Autoptimize. It is the standard features that come with the theme are not working.

It also happens when AGGREGATE INLINE CSS is enabled in Theme panel.

Theme panel >> Block settings >> Inline Css >> AGGREGATE INLINE CSS enabled .

• This reply was modified 2 years by Alex.
• This reply was modified 2 years by Alex.

@kompic, as you likely know WP Rocket is a premium paid plugin.

One can start having a though that they won’t be able to mass sell their theme if they will start disclosing that in addition to buying the theme and paying to them, you will also have to buy another plugin for speed in order to meet CWV.

That’s why they have a guide for WP Super Cache, Cloudflare, etc plugins that are free and “Optimisation is not covered”.

These guides for free plugins will get your sites to 90+ no problems, I know it as I’ve done it on multiple sites.

But as soon as you have Adsense + any other external code to load java, ads or whatever – it’s basically game over for CWV. You will still be around 90 in the pagespeed test, but won’t actually pass CWV, as it collects real user experience data.

And like you also noticed they use WP Rocket for their demo. One can start thinking that maybe their guides for free plugins don’t actually work?

Maybe this can be asked on some public forum like reddit to get some fresh answers… A shared guide from three years ago from someone else’s website is not really helpful, is it?