{"id":17433,"date":"2020-06-02T11:52:56","date_gmt":"2020-06-02T11:52:56","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=17433"},"modified":"2021-01-07T05:54:01","modified_gmt":"2021-01-07T05:54:01","slug":"guide-to-optimize-amp-for-google-pagespeed-insights","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/guide-to-optimize-amp-for-google-pagespeed-insights\/","title":{"rendered":"Guide to Optimize AMP for Google PageSpeed insights"},"content":{"rendered":"\n

In this tutorial, we will guide you to optimize AMP for Google PageSpeed insights by showing you some of the most common issues along with ways to solve them.<\/p>\n\n\n\n

Here is a list of Google PageSpeed insights most Common problems <\/p>\n\n\n\n

  1. Remove Unused Javascript: That has AMP Url’s <\/a><\/li>
  2. Eliminate render-blocking resources: \u2026css\/all.css(use.fontawesome.com)<\/a><\/li><\/ol>\n\n\n\n

    1. Remove Unused Javascript: That has AMP Url’s <\/h4>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    1. Remove unused JavaScript \u2013 Usually, this is not a problem but this time, it has AMP scripts in it. Recently Google has changed the ads to AMP4Ads, now those \u201cunused\u201d URLs are actually getting loaded in the iframe. So that is also being counted as unused, which should not be the case actually this thing is confusing a lot of people. In reality, the script isn\u2019t loading, so there is no performance issue or slow down in speed as the report might suggest.<\/li>
    2. Eliminate render-blocking resources \u2013 Font awesome CSS is loading, to solve this, use CSS Icons from\u00a0https:\/\/take.ms\/hiVy7<\/a><\/li><\/ol>\n\n\n\n

      2. Eliminate render-blocking resources: \u2026css\/all.css(use.fontawesome.com) <\/h4>\n\n\n\n

      The goal is to reduce the impact of these render-blocking URLs by inlining critical resources, deferring non-critical resources, and removing anything unused.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      Font Awesome CSS is loading, to solve this, use CSS Icons from AMP settings for this follow the below screenshot.<\/p>\n\n\n\n

      \"\"<\/figure>\n\n\n\n

      That\u2019s it for this tutorial!<\/strong><\/p>\n\n\n\n

      We hope it helped you. If you have any feedback or questions, then please share them in the comments section below.<\/p>\n

      \n\t\t\tAsk your Questions Directly!<\/strong>
      \n\t\t\t
      If you can't find the solutions in this article, then just ask us in the comments and we will answer it for you!<\/div>\n\t\t\t