{"id":15824,"date":"2020-01-30T07:38:38","date_gmt":"2020-01-30T07:38:38","guid":{"rendered":"https:\/\/ampforwp.com\/tutorials\/?post_type=ht_kb&p=15824"},"modified":"2020-01-31T10:55:39","modified_gmt":"2020-01-31T10:55:39","slug":"how-to-test-the-speed-of-your-amp-pages","status":"publish","type":"ht_kb","link":"https:\/\/ampforwp.com\/tutorials\/article\/how-to-test-the-speed-of-your-amp-pages\/","title":{"rendered":"How to Test the Speed of Your AMP Pages"},"content":{"rendered":"\n

In this tutorial, we are explaining two of Test the Speed of your AMP pages<\/strong><\/p>\n\n\n\n

  1. PageSpeed Insights<\/a><\/strong><\/li>
  2. Gtmetrix<\/a><\/strong> <\/li><\/ol>\n\n\n\n

    1. PageSpeed Insights<\/strong><\/mark><\/h3>\n\n\n\n

    To get started, you\u2019ll need to visit the PageSpeed Insights website<\/a>. Then, paste your website\u2019s URL into the search bar. This tool will take a few moments to analyze your site\u2019s performance. Then, it will display scores for the mobile and desktop versions of your site. <\/p>\n\n\n\n

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

    Next, you\u2019ll want to look through your report and examine any areas where you received a poor score. As we mentioned, the results are separated into mobile and desktop versions. Let\u2019s look at the Mobile tab first: <\/p>\n\n\n\n

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

    Here, you can see your site\u2019s overall score. Green indicates a positive result, yellow lets you know that you have some areas for improvement and red signals that your speeds are sub-par. If you scroll down, you\u2019ll also find a more detailed breakdown: <\/p>\n\n\n\n

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

    In the Opportunity section, PageSpeed will note suggestions you can use to improve your site. .<\/p>\n\n\n\n

    After you\u2019ve made note of your mobile speed improvement opportunities, click on the Desktop tab at the top of the page. This will show you the overall score for the desktop version of your site:<\/p>\n\n\n\n

    \"A<\/figure><\/div>\n\n\n\n

    In addition, you\u2019ll again see specific suggestions for improvement. Some of these may be the same as your mobile opportunities, while others may differ entirely. You can also click on the Passed audits section to see areas where your site is doing well:<\/p>\n\n\n\n

    \"The<\/figure><\/div>\n\n\n\n

    Once you\u2019ve carefully reviewed both the Mobile and Desktop tabs, you\u2019re ready to start taking action.<\/p>\n\n\n\n

    2. Gtmetrix<\/strong> <\/mark><\/h3>\n\n\n\n

    The basic use of GTMetrix is free. You can go to the main page<\/a> then, paste your website\u2019s URL into the search bar. This tool will take a few moments to analyzing your site right away. <\/p>\n\n\n\n

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

    Next, you\u2019ll want to look through your report and examine any areas where you received a poor score.
    <\/p>\n\n\n\n

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

    The results overview shows you the browser and location used for testing, PageSpeed and YSlow scores, page load time, number of requests and total page size. These are great for analyzing trends, but if you really want to know why your website is slow, and\/or what can be done to further improve things, you\u2019ll need to dig deeper. <\/p>\n\n\n\n

    I decided to test the loading speed of one of the AMP-enabled pages and compare it with AMP<\/strong> and NON-AMP<\/strong>. We have chosen a site one is non-amp and second is an amp we compare the same site. We tested this site on Gtmetrix.com<\/a>. gets a standard loading speed of 4.3 seconds, But with AMP the page is loaded 3.8  Seconds. Almost 10x less the loading speed of Non-AMP Page.<\/p>\n\n\n\n

    \"\"<\/a><\/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