@Calin

I have the same problem

<meta name="theme-color”" content="#222222">
This is the code I want to use

I found thank you


.td-header-wrap {
background-image: url( 'XXXXXXXX' );
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}


Do I have to resize my background image before ?

I added links in my subfooter menu AMP, but that’s not my goal, I want to add a section “my links” in the footer AMP.

I thought it was just a css code :hover

ok the problem was from my browser, solved !

I swear when I delete my image, and add a new one with the same name, the former image is loaded on desktop version.. and visible In my library.. That’s really frustrating.. and I don’t know where come from the problem.

But on ?amp, the change is done.

It is a problem of cache ? (I deleted all cache, cloudflare included)

• This reply was modified 6 years by gumball44.

Ok I see there is exactly the same problem on your demo site amp version.

I just have sent you an email

Thank you

Can you give me a link from a website wich use defaults fonts ? Because I don’t understand why.

Thank you

Wich one is the good one ?

https://documentation.unbounce.com/hc/en-us/articles/360020692572-Adding-Google-Analytics-to-Your-AMP-Page-

or

https://developers.google.com/analytics/devguides/collection/amp-analytics

and where do we have to insert the code ?

Thank you

• This reply was modified 6 years by gumball44.

Weston Ruter (@westonruter) said me to add

<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/test-orientation–741×486.jpg”>
<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/Agriculture-Low-Tech-1-741×486.jpg”>
<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/Biblilowtech-741×486.jpg”>
<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/Transport-Logistique-Low-Tech-741×486.jpg”>

via via the wp_head

My question is How can I do it ?

Thank you @amit

Where do I have to insert this code to make icons load faster ?

<link rel="preload" href="//www.typemeon.com/wp-content/themes/Newspaper/images/icons/newspaper.woff" as="font">
<link rel="preload" href="//www.typemeon.com/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/icons/newspaper-icons.woff" as="font">

Second question, How can I use webp images on my site ? I’m using Imagify and Cloudflare, and Imagify is supposed to convert my jpg images into webp format, but it’s not diplay on my site..

How can I solve this problem ?

• This reply was modified 6 years by gumball44.
• This reply was modified 6 years by gumball44.

https://github.com/ampproject/amphtml/issues/28672

Hi,

please go read this topic on wordpress.org support

https://wordpress.org/support/topic/largest-contentful-paint/

and this one too

They said me “add link[rel=preload] element for those each of those 4 images.

So the head of the page could have included:

<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/test-orientation–741×486.jpg”&gt;
<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/Agriculture-Low-Tech-1-741×486.jpg”&gt;
<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/Biblilowtech-741×486.jpg”&gt;
<link rel=”preload” as=”image” href=”https://lowtechnation.com/wp-content/uploads/2020/04/Transport-Logistique-Low-Tech-741×486.jpg”&gt;
If you can add these links via the wp_head action yourself for that template, this will fix the issue.”

How can I do this ?

Thank you

• This reply was modified 6 years by gumball44.
• This reply was modified 6 years by gumball44.

So for exemple, If I want to delete “https://cdn.ampproject.org/v0.js&#8221;

I put this code into functions.php wp-content>plugins>td-composer>mobile>amp>functions.php

/** Disable New Relic Scripts in AMP Pages */
function disable_newrelic_for_amp_pages()
{
if ( function_exists( 'is_amp_endpoint' ) && is_amp_endpoint() ) {
if (extension_loaded('newrelic')) {
newrelic_disable_autorum( true );
}
}
}
add_action('init', 'disable_newrelic_for_amp_pages');

??

Thank you

How to delete non used JS on AMP ?

https://gtmetrix.com/reports/lowtechnation.com/b52UA4N3

Please, if you see my gt metrix score on dekstop, you see my score is very good, that’s why I ask you to explain me why the amp version on mobile is so slow ? There is not topic in your list speaking about my problem.

Largest contentful paint is very slow with 4.9s.

https://developers.google.com/speed/pagespeed/insights/?hl=fr&url=https%3A%2F%2Flowtechnation.com%2F%3Famp

I have same problem

The problem is still here, and I use the config for WP supercache, that is described on your blog

https://gtmetrix.com/reports/lowtechnation.com/0o4zp1Ik

I found my own solution, I deleted the header add block (I don’t need it) and replaced it by Logo block, then I added my header image in compressed png as logo. The problem is fixed, It’s very fast now !

• This reply was modified 6 years by gumball44.

I want my header background image to load before the content

How Can I make the headerback ground image load faster ? Your code works on fade in effect, but not on the speed of loading.

Thank you